VSCodeは手に入りました。でも、そのコードはどこに書いて、どこに残るの？ その答えが「ファイル」と「フォルダ」です。すでに毎日使っているものなので、身構えなくて大丈夫。ここで言葉の整理をしておきましょう。
すでに知っているもの
スマホで撮った写真、ダウンロードした資料——あれが全部ファイルです。そして、それらを整理してしまう「箱」がフォルダ。
プログラミングも同じ。書いたコードは「ファイル」として保存され、それを「フォルダ」にまとめておきます。新しい概念ではなく、いつものパソコンの仕組みそのままです。
拡張子＝ファイルの「種類名」
ファイル名のうしろには、.（ドット）に続く短い文字がついています。これを拡張子（かくちょうし）といい、そのファイルの種類を表します。
| ファイル名の例 | 種類 |
|---|---|
写真.jpg | jpg ＝ 画像 |
資料.pdf | pdf ＝ PDF書類 |
index.html | html ＝ HTMLファイル（これから作るもの！） |
つまり、HTMLを書いたファイルには .html という拡張子をつけます。名前のうしろの合図で「これはHTMLだよ」とパソコンに伝えているわけです。
このレッスンのまとめ
- コードはファイルに書き、フォルダにまとめる
- HTMLのファイルには
.htmlという拡張子をつける - 作業フォルダを VSCodeで開くのが、作業の基地
するとVSCodeの左側に、そのフォルダの中身が表示されます。この「フォルダを開いた状態」が、これからの作業の基地になります。
場所の準備ができました。 :::
