はじめに。

Claude Code とは何か

Claude Code（クロード・コード）は、AI開発で知られる Anthropic（アンソロピック） 社がつくった開発ツールです。むずかしく聞こえますが、やることはとてもシンプル。日本語で「こうしたい」とお願いすると、AIが代わりにコード（ホームページの設計図）を書いて、サイトを作ってくれる——そういう相棒だと思ってください。

この相棒は「ターミナル」という、文字で命令する画面の中で動きます。講座の冒頭でお見せした、あの黒い画面ですね。最初は見慣れないかもしれませんが、やりとりはぜんぶ日本語の会話。プログラミングの知識がなくても、「お願いする力」さえあれば前に進めます。

なぜ、わざわざ「自分で作る」のか

ホームページは、業者に頼めば作ってもらえます。それでもあえて自分で作ることには、はっきりした理由があります。

1. お金から自由になる。制作費も、毎月の保守費も要りません。「ちょっと直したい」たびに見積もりを待つ生活から抜け出せます。
2. 思い立った瞬間に更新できる。新メニュー、営業時間の変更、お知らせ。誰かに依頼せず、その場で自分の手で変えられます。
3. 自分らしいサイトになる。テンプレートに合わせるのではなく、あなたの伝えたいことを、あなたの言葉で形にできます。
4. 一生もののスキルが残る。「AIに的確にお願いする力」は、これからどんな仕事でも効いてくる、消えない財産になります。

これから進む、4つのステップ

この講座は、大きく4段階で進みます。一気に全部を覚える必要はありません。今いる場所を確かめるための地図として、ざっと眺めておいてください。

1. 準備する — Claude Code をパソコンに入れて、黒い画面に慣れます。最初の関門ですが、ここを越えれば一気に楽になります。
2. 作る — 実際に Claude にお願いして、ホームページの形を作っていきます。いちばん楽しいところです。
3. 仕組みを足す — お問い合わせフォームなど、サイトに「働き」を加えていきます。
4. 育てる — 公開して、少しずつ手を入れて、長く付き合えるサイトに育てます。

うまく進むための、3つのコツ

最後に、これから先でずっと役立つ心構えをお伝えします。技術より大事かもしれません。

1. 完璧を目指さない。まず手を動かす。汚くても、途中でも、動かしてみることがいちばんの近道です。
2. エラーは、そのまま貼って聞く。赤い文字が出ても慌てない。その文章をまるごとコピーして Claude に貼り、「これはどういう意味？どう直す？」と聞けば、たいてい解決します。
3. 分からなければ、対面で聞く。独学でいちばんもったいないのは、ひとりで何時間も詰まること。受講中の方は、遠慮なく対面の時間を使ってください。

では、さっそく雰囲気をつかむために、Claude に軽く自己紹介してもらいましょう。環境構築が済んだら、こんなふうに話しかけてみてください。

はじめまして。あなたが何者で、わたしのホームページ作りをどう手伝ってくれるのか、初心者にもわかるように、やさしく自己紹介してください。

AIが日本語であいさつを返してくれたら、もう第一歩は踏み出せています。あとは、一緒に進んでいくだけです。

この章で出てきた言葉

Claude Code

日本語で指示すると、コードを書いてホームページを作ってくれる開発ツール。この講座の主役です。

Anthropic

Claude Code を作っているAIの会社。安全で信頼できるAI作りで知られています。

ターミナル

文字でパソコンに命令する画面。Claude Code はこの中で動きます。「黒い画面」と呼んでいたもの。

プロンプト

AIへのお願いの言葉。あなたが打ち込む「指示文」のことです。