vscodeと必要な拡張機能をインストールする

yusei53 commented 9 months ago

概要

以下二つをインストールする

Visual Studio Code(コードを書くツール(「エディター」と呼んだりもします。/既に入れてる方は大丈夫です)
Visual Studio Code内で以下の拡張機能のインストール(拡張機能の入れ方や、これがどういう拡張機能なのかは調べてみましょう！)
- Live Server
- prettier

始める際にやってほしいこと(must)

Discordで自身のtimesにゆせをメンションして、「@ゆせ (このissueのリンクを貼ってください)に着手します！」などと、タスクを今から始める合図を出す, つぶやく

完了条件

完了次第このissueのコメントに「@yusei53」と、僕をメンションして、以下の完了報告をする(それぞれ一言でいい)
- 完了報告メッセージ
- Live Serverとは何か
- prettierとは何か
完了報告をしたことの報告をdiscordの自身のtimesでする例: ↓今回の場合は、完了報告をしました。確認お願いします的なのがいいかも。このようにリンクを添えることができると、コミュニケーションが円滑に進んだりします。(仕事をする上でとても大事なこと)

完了するとどうなるか

これでhtmlやcss, javascriptを少しでも開発体験よくコードを書けます！

kaitobq commented 9 months ago

@yusei53 完了しました。 Live Server：vscode内でソースコードを保存すると同時にブラウザが自動で更新される。 prettier：コードの書式を整える。

yoshiddddd commented 9 months ago

@yusei53 完了しました！ Live Server : エディタの内容をリアルタイムでブラウザに反映する prettier : 無駄な改行など、コードの見た目を整えるコードフォーマッター

PS.完了条件のとこのprettier がprittierになってました

momo-41 commented 9 months ago

@yusei53 完了しました。 Live Server：ローカルサーバーを起動し、HTML/CSS/JavaScriptファイルの内容が反映されたWebページが開ける prettier：バラバラに書かれたコードを自動的に綺麗にしてくれる PS.discordがsiscordになってます

yumasekiguchi commented 9 months ago

完了しました。 Live Server　HTMLのファイルをサーバーに上げたときの様子を確認できる prettier　セミコロンの自動挿入、インデントの自動調整

yumikota1012 commented 9 months ago

完了しました！というかもともと入ってました笑 Live Server : HTML/CSS/JavaScriptのファイルを更新した時に、ブラウザ画面に実行を反映させることができる。 prettier : 書いたコードを自動でキレイに読みやすいコードに書き直してくれるツール。

Taisuke-Ishida commented 9 months ago

@yusei53 完了しました！ Live Server: 簡易的なローカルサーバーを立ち上げ、VScode上で編集した内容をWebブラウザ上に反映させることができる。 prettier: ソースコードを自動で整形し、タブの位置や空白などを整えてくれる。

Daka-fish commented 7 months ago

@yusei53 ・完了しました! ・自分の書いたコードのプレビューをリアルタイムでできる・インテンドやセミコロンなどでソースコードを整形する

sora-00 commented 7 months ago

・完了しました・vscodeで編集した内容を保存したときにウェブサイトを自動で更新できる・自分の書いたコードを分析してきれいに書き直してくれる

morisio-aya commented 7 months ago

@yusei53 完了しました。 liveserver　書いたコードをサイトにすぐ反映してくれる prettir　コードをきれいにしてくれる

HikariTakahashi commented 7 months ago

@yusei53 完了しました！ LiveServer　変更内容を即座に反映するプラグイン Prettir　コードを整形し統一するプラグイン

ai0930 commented 7 months ago

完了しました @yusei53 Live Server ：HTMFファイルが入っているフォルダごとVisyal Studio Cordで読み込む必要がある。prettier：コードを自動整形する

chiikawasaki commented 7 months ago

@yusei53 完了しました！ Live Server: HTML/CSS/JavaScriptでファイルを修正した際、対象のWebページをリロードせずに表示を即座に更新してくれる機能 prettier: コードの形式を整え、一貫したスタイルにしてくれるツール

yuttto0024 commented 6 months ago

@yusei53 完了しました！ Live Server: 起動すると、HTMLを保存するたびにブラウザに自動更新してくれて、動作確認が楽になる prettier: コードを書きながらでも、HTMLを保存するたびにコードの整形をしてくれる

kaichannnn commented 6 months ago

@yusei53 完了しました Live Server : ローカルサーバーを立ち上げ、修正したファイルの内容も反映されたwebページを開いてくれる Prettier : コードを自動的に整形し、コードに一貫性を持たせることができる

satohrk commented 6 months ago

@yusei53　完了しました。 Live Server：ローカルサーバーを立てて、プログラムの変更をリアルタイムでブラウザに反映して作業内容を確認できる機能。 Prettier：コードを自動で整形して、ユーザー環境に依存せずにコードフォーマットを統一できる機能

Sh0dq1004 commented 6 months ago

@yusei53 完了しました。 Live Server: webページをプログラムしてデバックする際に、UI側の様子を簡易的に見られるようにする拡張機能 Prettier: コードを書いた際に自然な形に整理整頓したり、ある程度規則の方にはめなおしてくれる拡張機能

Atsushi0201 commented 6 months ago

@yusei53 完了しました。 Prettierはコードの整形を自動化するツール live serverは、テキストエディタの変更内容を、リアルタイムでブラウザに反映するツール

skazuya0402 commented 6 months ago

@yusei53 完了しました。 Live Server: 変更を即座にブラウザに反映させることができる Prettier:コードの自動整形を行う

ChocoEna commented 6 months ago

@yusei53 完了しました LiveServer プログラムの変更をすぐWEBで変更してくれる prettier コード自動できれいにしてくれる

rento1128 commented 6 months ago

@yusei53 完了しました。 Live Server：ファイル修正後、自動でリロードしてくれる Prettier：コードを整形してくれる

anju02ta commented 6 months ago

@yusei53 　完了しました。 Live Server：ファイルの修正を即座にWebページへ反映する。 prettier：自動的にコードを整形してくれる。

shuya17 commented 6 months ago

@yusei53 完了しました。 Live Server: ローカルサーバーが構築されて、VScodeで編集したファイルを即時でブラウザに反映できる Prettier : コードを自動整形してくれる

umeryo34 commented 6 months ago

@yusei53 完了しました Live Server: 簡易的なローカルサーバーを簡単に立ち上げWebページで簡単に更新することができるVSCodeの拡張機能 Prettier :コードフォーマッターの一種で、コードを自動的に整形してくれるツール

tomo0417 commented 6 months ago

@yusei53 完了しました！ ·Live Server 簡単にローカルサーバーを立ち上げ、ライブリロード（各種ファイルの変更を自動で検知しページを更新する機能）が利用出来る。 ·Prettier コードフォーマッター（ファイルを保存した時などにコードを綺麗に整形してくれる）

gk-a110 commented 6 months ago

@yusei53 完了しました！ Live server : 編集した内容のブラウザ更新を自動で行ってくれる Prettier : 定義したフォーマットに従ってコードを整形してくれる

Atsuto6 commented 6 months ago

@yusei53 完了しました！ Live server ファイル内でのコードの変更内容を自動的にブラウザに反映してくれる Prettier コードを自動的に整形してくれる

Arata138 commented 6 months ago

@yusei53 完了しました！ Live server : VSCodeのHTTPサーバーを起動するための拡張機能 Prettier : コードを整形してくれる拡張機能

scarrrrrrrrrrr commented 6 months ago

@yusei53 完了しました Live server：ローカルサーバーを立てることで、テキストエディターの変更内容をリアルタイムでブラウザに反映することができるツール Prettier：コードの整形を自動化するツール

Biscuitodaka commented 6 months ago

@yusei53 完了しました。 Live server：自動でWEBブラウザを更新 Prettier：インデントしてくれる

otaro-fuji commented 6 months ago

@yusei53 完了しました Live server：ローカルサーバーを立ち上げて、そこで自分の打ったものが自動的に反映されるから作業効率があがる。 Prettier：自分で打ったコードのレイアウトなどを自動で整えてくれる。複数人で進めるときには種類を統一してくれたりする。

Takata39 commented 5 months ago

@yusei53 完了しました Live server : ローカルサーバーに変更内容を自動的に反映する拡張機能 Prettier : コードを自動的に成形する拡張機能

rukalice commented 5 months ago

@yusei53 完了しました。 Live Server : テキストエディタの内容を自分でファイル更新せずに、リアルタイムでブラウザに反映する。 Prettier : コードを自動で整形してくれる。（どうやらPerlは対応なさそう。。。）

taroimokun commented 5 months ago

@yusei53 完了しました！ Live Server：ファイル更新毎にリロードすることなく、自動で反映してくれる prettier：コードの書式を統一してきれいにしてくれる

shou0822 commented 5 months ago

@yusei53 完了しました！ Live Server ：HTML/CSS/JavaScriptファイルの内容が反映されたWebページを即座に開いてくれる prettier：自動でソースコードを整形してくれるコードフォーマッター（開発ツールのこと）

AruhaIwamoto commented 5 months ago

@yusei53 完了しました！ Live Server : テキストエディタの変更内容を、リアルタイムでブラウザに反映する。 prettier : コードを自動的に整形してくれる。

yamap-sk commented 5 months ago

@yusei53 完了しました！！ Live Server ：HTMLやCSSなどのコードを更新するとWebブラウザ側で即座に反映される prettier：コードフォーマッターを利用すると、自動的に決められたコードスタイルを成形してくれる

tezu74 commented 5 months ago

完了しました！ Live Server…はローカルサーバーを起動し、HTML/CSS/JavaScriptファイルの内容が反映されたWebページを即座に開いてくれるVSCodeの拡張機能。 prettier...バラバラに書かれたコードを、自動的に綺麗にするもの。

nonono915 commented 5 months ago

完了しました！「Live Server」→HTML/CSS/JavaScriptのファイル内容をWebページ上で反映させる拡張機能。このため、ファイルを修正したときにいちいちWebページを更新して反映させる必要がない。「Prettier」→ソースコードの形式を自動で修正してくれる拡張機能。

HealthyVegetto commented 5 months ago

@yusei53 完了しました！ Live Server　テキストエディタの変更内容を、リアルタイムでブラウザに反映する機能。 Prettier　コードを自動的に整形してくれるツール。

Yuseice commented 4 months ago

@yusei53 完了しました! Live Server 書いたコードをローカルサーバーを自動反映してくれる機能 Prettier ぐちゃぐちゃなコードを綺麗にしてくれる機能

ryolingo commented 4 months ago

@yusei53 完了しました！ Live Server:HTMLやCSSを変更するたびに自動的にブラウザに反映してくれる Prettier　　コードを自動的に整えて見やすくするツール

unidon222 commented 4 months ago

@yusei53 完了しました！

Live Server HTML、CSS、JavaScriptなどのファイルをローカル環境でWebサーバーとして実行し、ブラウザで確認できます。これにより、実際のWebサーバーにアップロードすることなく、開発中のWebページをテストできます。
Prettier コードのインデント、改行、スペースなどを自動的に調整し、統一されたスタイルに整えます。これにより、コードの可読性が向上し、チーム開発でのコードスタイルの統一が容易になります。