VS Code入門：ファイルとフォルダの仕組みを小中学生向けにやさしく解説

「ファイル、どこ行った？」

VS Codeを使い始めた子が、最初によく言う言葉です。これは失敗ではありません。むしろ、プロの世界に入った証拠です。

Scratchのようなツールでは、保存や場所管理を意識しなくても進められます。けれど、VS Codeは違います。自分でファイルとフォルダーを管理します。ここを理解すると、プログラミングの成長スピードが一気に上がります。

今日は、エンジニア歴30年の私が、ファイルとフォルダーの仕組みを冒険の地図みたいにわかりやすく説明します。

1. 導入：VS Codeはプロの工具箱

VS Codeは、コードを書くためのプロの工具箱です。

工具箱を開くと、便利な道具がたくさん入っています。でも、道具を床にバラバラに置いたら、すぐに迷子になります。だからプロは「どこに何を置くか」を最初に決めます。

プログラミングでも同じです。

• どのフォルダーに入れるか
• どの名前で保存するか
• どのファイル同士がつながるか

この3つを理解すると、コードが長くなっても迷いません。つまり、ファイルとフォルダーを理解することが上達の近道です。

2. フォルダーは宝箱、プロジェクトは1つの島

まず、言葉をやさしくします。

• フォルダー（ディレクトリ）＝宝箱
• プロジェクト＝作っているゲームやWebサイトの島

プログラミングは、1ファイルだけで終わらないことが多いです。たくさんのファイルがチームプレイします。

たとえばゲームなら、

• main.py（動きの中心）
• player.py（キャラクター）
• images/（画像）
• sounds/（音）

のように役割分担します。

料理に例えると、材料をキッチンのあちこちに置くより、最初に1つのテーブルへ並べたほうが速いですよね。プログラミングも同じです。最初に「プロジェクトフォルダー」を作って、そこに全部まとめると、迷子が激減します。

クロスウェーブの授業でも、コードを書く前に「島づくり（フォルダーづくり）」から始めます。ここを丁寧にすると、その後の理解が深くなります。

3. 拡張子（.lua / .py / .html）は中身を教える合言葉

ファイル名の最後にある、ドットの後ろの文字を拡張子と呼びます。

例:

• game.lua
• app.py
• index.html

この拡張子は、VS Codeに「このファイルは何語で書かれているか」を伝える名札です。

名札が正しいと、VS Codeは次のように助けてくれます。

• 色分けして読みやすくする
• 入力ミスを見つけやすくする
• 補完候補を出してくれる

逆に名札を間違えると、VS Codeが混乱して、色がつかなかったり、補完が弱くなったりします。

「中身はPythonなのに、名前が main.txt になっていた」というのは初心者あるあるです。困ったら最初に拡張子を確認しましょう。

4. 住所（パス）が分かれば、コンピューターと仲良くなれる

コンピューターは「あっちにあるあのファイル取ってきて」という曖昧な指示が苦手です。だから、住所をはっきり伝える必要があります。この住所がパスです。

日常の言葉で言うと、

• 同じフォルダーにある = 同じ部屋にある
• 別フォルダーにある = 隣の家にある

という感覚です。

たとえば同じフォルダーなら、短い書き方でOKです。

• player.py

1つ外のフォルダーなら、道順を書きます。

• images/player.png

この「どこにあるかを正確に伝える力」がつくと、エラーが減ります。逆にここが曖昧だと、「ファイルが見つかりません」というエラーにずっと悩みます。

最初は難しく感じますが、住所を書けるようになると、コンピューターが急に素直になります。ここを超えると、君は一気に強くなります。

5. Ctrl + S（保存）は石に文字を刻む儀式

書いている途中のコードは、言ってみれば机の上のメモです。まだ風で飛ぶかもしれません。

Ctrl + S を押すと、そのメモが「ファイルという現実」になります。石に文字を刻む儀式です。

プロのエンジニアは、息を吸うように Ctrl + S を押します。

• 3〜5行書いたら保存
• 動いたら保存
• 大きく変える前に保存

この習慣は、未来の自分を守ります。

保存しないままアプリが閉じると、さっきの努力が消えることがあります。だから、保存は技術です。根性ではなく習慣です。

6. まとめ：ファイル管理ができる子は、設計ができる子

整理整頓ができるエンジニアは、バグが少ないです。なぜなら、頭の中でも同じように整理できるからです。

今日のポイントはこの5つです。

• VS Codeはプロの工具箱
• フォルダーは宝箱、プロジェクトは島
• 拡張子は言語を伝える名札
• パスはコンピューターに伝える住所
• Ctrl + S は作品を現実にする習慣

ここまで読んだ君は、もう「なんとなく書く人」ではありません。ファイルシステムを操る、真のプログラマーへの入口に立っています。

VS Codeを使った次のステップとして、実際にゲームを作りたい人はPythonとPyxelでFlappy Birdを作る完全ガイドを読んでみてください。コードの書き方だけでなく、ファイル管理を使って作品を完成させる流れまで体験できます。

学習全体の流れはプログラミングスクール詳細で確認できます。教室の場所は教室へのアクセスをご覧ください。サイト全体は沖縄のマインクラフト・プログラミング教室 クロスウェーブです。

クロスウェーブでは、コードの書き方だけでなく、一生使えるコンピューターの扱い方から丁寧に指導します。本物のスキルを身につけたい君を待っています。

---

今すぐ、LINEから無料体験を予約できます。「見学だけでもいいですか？」という問い合わせも大歓迎です。まずは一度、教室の雰囲気を体験しに来てください。

今すぐLINEで無料体験を予約する

沖縄マイクラ部プログラミングスクール「クロスウェーブ」 代表：鈴木孝昌 （Google/Meta本社招待・政府PM・日本ソフトウェア大賞・マイクラカップTBS賞） 沖縄県宜野湾市伊佐2-20-15伊佐ビル2F