ファイルを作らせてみる
この記事で分かること
Section titled “この記事で分かること”- Claude Code にファイルを作ってもらう流れ
- 作ったファイルの確かめ方と、直してもらい方
- フォルダとパスの基本
- 失敗したときの戻し方
作るのは Claude、決めるのはあなた
Section titled “作るのは Claude、決めるのはあなた”家を建てるとき、あなたは大工仕事をしません。「窓は南向きに」「玄関は広く」と希望を伝え、できたものを見て「ここを直して」と言います。
Claude CodeClaude CodeClaude が、あなたのパソコンの中のファイルを読み書きしたりコマンドを実行したりして、作業そのものを進めてくれるツールです。用語集で詳しく → でのものづくりも同じです。伝える → 見る → 直してもらう の3つをくり返します。
先に知っておく言葉: フォルダとパス
Section titled “先に知っておく言葉: フォルダとパス”- フォルダ: ファイルを入れておく箱です。専門用語では ディレクトリディレクトリフォルダのこと。開発の世界ではフォルダを「ディレクトリ」と呼びます。用語集で詳しく → とも呼びます。
- パスパスファイルやフォルダの「住所」。どこにあるかを表す文字列です。用語集で詳しく →: ファイルやフォルダの「住所」です。
たとえば claude-practice/index.html は、「claude-practice という箱の中にある index.html というファイル」という意味です。箱の中に箱がある場合は / でつなげて書きます。
Claude の報告にはパスがよく出てきます。「どの箱の、どのファイルの話か」が分かれば十分です。
やってみよう: 自己紹介ページを作る
Section titled “やってみよう: 自己紹介ページを作る”最初の会話をしてみる で作った練習用フォルダで、Claude Code を開いておいてください。
1. お願いする
Section titled “1. お願いする”次の文章を、自分の内容に書き換えて送ります。
自己紹介のWebページを1つ作ってください。- ファイル名は index.html- 名前: 山田 花子- 趣味: 散歩と写真- ひとこと: AIの勉強を始めました- 落ち着いた色合いで、スマートフォンでも読みやすく2. 確認に答える
Section titled “2. 確認に答える”Claude がファイルを作る前に「このファイルを作ってよいですか？」と確認してくることがあります。ファイル名と場所が練習用フォルダの中であることを見て、許可してください。
3. できたものを見る
Section titled “3. できたものを見る”練習用フォルダを、エクスプローラー（Windows）または Finder（Mac）で開きます。index.html ができているので、ダブルクリックするとブラウザーで表示されます。
index.html は HTMLHTMLWebページの中身（見出し・文章・画像など）を書き表すための言語です。用語集で詳しく → という、Webページを書くための形式のファイルです。中身は記号だらけですが、読めなくてかまいません。
4. 直してもらう
Section titled “4. 直してもらう”気になるところを、見たままの言葉で伝えます。
背景をもう少し明るくして、名前の文字を大きくしてください。「好きな食べ物」の欄を足してください。内容はカレーです。直してもらったら、ブラウザーでページを 再読み込み します。開いたままでは古い表示のままです。
5. 分からないことは聞く
Section titled “5. 分からないことは聞く”このファイルの中身を、初心者向けに上から順に説明してください。作ってもらったものを教材にして学べるのも、Claude Code のよいところです。
ほかに試しやすいもの
Section titled “ほかに試しやすいもの”| お願いの例 | できるファイル |
|---|---|
| 今週の買い物リストを表にして | メモ（テキストやMarkdownのファイル） |
| 読書記録を付けるページを作って | Webページ |
| この文章を読みやすく整えて別のファイルに保存して | 文書ファイル |
失敗したときの戻し方
Section titled “失敗したときの戻し方”「前のほうがよかった」と思ったら、まずはそのまま言葉で伝えてください。
さっきの変更を取り消して、ひとつ前の状態に戻してください。ターミナルで使っている場合は、/rewind と入力する（または入力欄が空のときに Esc を2回押す）と、会話の途中の時点を選んでファイルを巻き戻せます。
つまずきポイント
Section titled “つまずきポイント”- ファイルが見つからない。 「今作ったファイルの場所を教えてください」と聞けば、パスを答えてくれます。
- 直したはずなのに変わらない。 ブラウザーの再読み込みを忘れていないか確かめてください。
- 思ったものと違う。 1回で完成させようとしなくて大丈夫です。小さく頼んで、見て、直すほうが早く仕上がります。
- インターネットで公開されたの？ いいえ。ファイルはあなたのパソコンの中にあるだけです。公開のしかたは Webサイトを作って公開する で扱います。
次に読む記事
Section titled “次に読む記事”- 権限と安全な使い方 —— Claude が確認してくる理由と、安心して使うための習慣を学びます。