ファイルの種類と中身

拡張子は、ファイルの開き方をコンピュータに教えます

⏱ 想定 ~4 分

01 · 読む

拡張子（file extension 、ピリオドの後ろの部分）は、ファイルにどんな種類の内容が入っているか、どのプログラムで開けばいいかをコンピュータに教えてくれます。

💡 想像してみてください拡張子は箱に貼られたラベルのようなものです。「割れもの — ガラス」と書かれた箱は、中身が何で、どう扱えばいいかを教えてくれますよね。 .jpg で終わるファイルはコンピュータに「これは画像なので、画像ビューワで開いてください」と伝えています。

ポイントまとめ

テキストファイル（.txt、.md）：プレーンテキスト。どんなテキストエディタでも開けます
ドキュメントファイル（.pdf、.docx）：書式付きのドキュメント
画像（.jpg、.png、.gif、.svg）：視覚的なコンテンツ
コードファイル（.html、.css、.js、.py、.ts）：コンピュータへの指示書
データファイル（.json、.csv、.xml）：構造化されたデータ
設定ファイル（.env、.yml、.toml）：設定や構成情報
YAML ファイル（.yml、.yaml）：インデントでデータを整理する読みやすい設定ファイルで、システム設定、 CI/CD パイプライン、アプリの構成によく使われます

もう一つ大切な考え方があります：コードファイルは、実は特別な拡張子を持ったテキストファイルです。 .js でも .html でも、普通のテキストエディタで開いてそのまま読むことができます。コードには神秘的なものも暗号化されたものも入っていません。

左側のファイルと右側の種類を組み合わせてみましょう：まず左側のファイルをクリックして、次に対応する右側の種類をクリックします。

（このセクションはインタラクティブです — JavaScript を有効にしてください。）

友達が styles.css というファイルを送ってきました。このファイルには何が入っていますか？

普通のテキストエディタで .js ファイルを開くことはできますか？

⚠ 全機能のインタラクティブ体験には JavaScript が必要です。JavaScript を有効にして再読み込みしてください。

※ このサイトは独立した教育プロジェクトで、Anthropic の公式製品ではありません。Claude™ は Anthropic, PBC の商標です。