はじめに

ここで作るもの

あなたの自己紹介ページを作って、インターネットに公開します。 そのあと、Claudeをあなた専用に育てるところまでやります。

https://diagram-jiko-a1b2c3.surge.sh のようなURLが手に入ります（文字の並びは毎回変わります）。 スマホでも開けますし、そのまま人に送れます。名刺代わりになります。

作るのはAIです。あなたは「自分がどんな人か」を話すだけです。

進め方は、ずっと同じ

このサイトに出てくる作業は、たった2種類しかありません。

1. ボタンを押してコピーし、AIとの会話欄に貼ってEnterを押す
2. 画面に出てきた質問に答える

コマンドを覚える必要はありません。意味が分からなくても大丈夫です。 分からないまま貼っても、こわれません。

このサイトが用意するコピーは、ほとんどが日本語の文章です。 AIに「これをやって」とお願いする文なので、読めば意味が分かります。

黒い画面（ターミナル）に文字を打つ場面は、最後のほうに2回だけあります。 どちらもサービスへのログインで、AIには代われない作業です。

そして練習用の作業はありません。 やることはすべて、そのまま本番の設定になります。 素振りをさせられないぶん、1つ進むごとに確実に前に進みます。

今回の主役は「手を動かすAI」

ふだん使っているAIとの、いちばん大きな違いから説明します。

2つの関係は、こう表せます。

LLM ✕ 道具 ＝ AIエージェント

考える部分は、どちらも同じClaudeです。 違うのは、手足になる道具を持っているかどうかだけ。

だから、あなたが覚えることは「頼み方」だけになります。

何を入れるのか、先に見ておく

これから用意するものと、それぞれの役割です。

上から順にそろえていきます。後ろのものは、前のものが無いと動きません。 だから飛ばさずに、上から進んでください。

公開のときに、もう1つ部品（Node.js）が要ります。 これは図解ツールが自分で確認して、必要なら入れてくれるので、あなたが探す必要はありません。

ゴールのあとに、3つ続きます

自己紹介ページを公開したら終わり、ではありません。 そこからが本番なので、自分専用に育てる手順まで用意しました。

• 8ページ目 … 作ったものが消えないよう、無料の保管庫に預けます
• 9ページ目 … Claudeにあなたのことを覚えさせます。毎回同じ説明をしなくて済みます
• 10ページ目 … Claudeにできることを増やします。世界中の人が作った道具を取り込めます

自分のパソコンを選ぶ

MacとWindowsでは、押す場所も、貼るものも違います。

画面のいちばん上にあるバーで、自分のパソコンを選んでください。

選ぶと、あなたのパソコン向けの手順だけが表示されます。 以降のページでも、選んだ状態が続きます。

時間の目安

公開（7ページ目）までが1時間40分ほど、そのあとの3ページで55分ほどです。 途中でやめても、次に開いたときに続きから進めます。