本文へスキップ
もと @moto_ai_jp

VS Code編 · STEP 4 / 8

最初のお願いをしてみる

Claudeのパネルに、ふつうのチャットと同じように書きます。

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8

頼む

下の例をコピーして、名前や好きなことを自分のものに変えて送ります。

確認を読んで許可する

Claudeはファイルを作る前に「この変更をしてよいか」を聞いてきます。内容を見て「許可」を押すと、実際にファイルができます。
エクスプローラーindex.htmlCLAUDE.mddraft.mdindex.html−++✱ Claude Codeindex.html を編集しますか?許可却下@ でファイルを指定…1234
画面のイメージ図
  1. 拡張機能:ここで「Claude Code」を検索して入れる
  2. Claudeパネル:ここで話しかける
  3. 差分:赤が消える行、緑が増える行
  4. 確認:内容を見て「許可」か「却下」

できたものを見る

左のファイル一覧に index.html が増えています。右クリック →「Finderで表示」から、ブラウザで開いてみます。

そのまま使える頼み方の例

自己紹介ページを index.html として作ってください。
名前は「(あなたの名前)」、好きなことは〇〇と〇〇。
やさしい色合いで、スマホでも見やすくしてください。

できたらチェック

このステップ:0 / 2