拡張子はファイル種別を示します。`.ts` なら TypeScript、`.md` なら Markdown、`.json` なら JSON の設定・データと読み取れます。
技術用語
370
拡張子早見表
体験区分：少しだけ触った
推奨読者レベル：Level 1-2
何をしてくれるか
どこで出会うか
VS Code のファイルツリーや AI との会話で「`index.ts` を修正しました」と表示されるときに見かけます。AI が複数ファイルを生成したときの辞書代わりになります。
構造図
2026.04·needs_review
「`.yaml` と `.json` はどちらも設定ファイルで、プロジェクトによって使い分けます。」
拡張子早見表の見方
371
この用語の見どころ
1
役割
ファイルの種類をひと目で示す目印です。
2
うれしさ
「このファイルは何?」の疑問をすぐ解消できます。
3
注意点
同じ `.js` でも役割は多様で、一覧だけで全部はわかりません。
4
どこで役立つか
AI 生成ファイルを受け取った直後の確認に使えます。
5
はじめに
`.md` `.json` `.yaml` の 3 種を先に覚えると使いやすいです。
6
深掘り先
Markdown、YAML、JSON、TypeScript
非エンジニアのつまずき
- 本当に、拡張子が Windows のデフォルトでは隠されていて、表示設定しないと見えないというのが、まず1番のつまずきポイントです。
- 2つ目は、拡張子が出てきたからといって、その名前を変えるだけではフォーマットされていないので
- ただ単にファイルが壊れるとか見えなくなるだけ、というところが難しいです。
私のコメント
- 第一印象:ファイルの種類を理解するには必須だなと感じました。`.xlsx` と `.xls` も昔の Excel と最近の Excel で形式が違うので、同じ意味で深いです。
- 良い点:そのファイルを開くアプリを設定できるなど、運用面の設定にもつながります。
- ダメな点:たまに名前を聞いたことのない拡張子を見ると面食らいます。学習負荷はあります。
- 誰向けか:すべての人向けです。パソコンを使う人なら大なり小なり、この設定はマストだと思います。
開発フローでの位置
プロジェクト作成
拡張子を確認
編集対象を絞る
AI に依頼
関連用語
F-100·term_tool
バイブコーディング図鑑