図解ツールを手に入れる

これから毎回やることになる型

何かを作るときも、道具を受け取るときも、始まりはいつも同じです。

1. フォルダを作る → 2. VS Codeでそのフォルダを開く → 3. Claudeに頼む

なぜこの順番なのか。Claudeは「いま開いているフォルダ」を作業場所として見ているからです。 先に場所を決めておかないと、どこに何を作ればいいのか分からないまま進むことになります。

机の上を片付けてから作業を始めるのと同じです。今回、それを実際にやります。

図解ツールとは何か

話しかけるだけで、見やすい1枚のページを作ってくれる道具です。

作れるのは自己紹介だけではありません。仕事の説明、手順のまとめ、資料の要約。 どれも「これを図解して」と伝えるだけで、そのまま人に送れるURLになります。

無料で公開されているものを、これから自分のパソコンに受け取ります。

手順

1. 道具を置くフォルダを作る

まず、AIの道具を置く場所を1つ作ります。ここが今後の定位置になります。

1. VS Codeのメニューから「ファイル」→「フォルダーを開く」を選びます
2. ファイルを選ぶ画面が出ます。ここで新しいフォルダを作ります

3. 名前を ai-tools にします
4. 作ったフォルダを選んだ状態で「開く」を押します
5. 「このフォルダー内のファイルの作成者を信頼しますか?」と聞かれたら、 「はい、作成者を信頼します」を選びます

左側にファイルの一覧が出ます。まだ空っぽで正解です。

⚠️ フォルダ名は半角の英数字にしてください。日本語でも動きますが、後で不具合の原因になることがあります。

2. Claudeのパネルを開く

左端のSparkアイコンを押して、Claudeの入力欄を出します。

これで、Claudeの作業場所が ai-tools に定まりました。

3. 図解ツールを受け取ってもらう

入力欄に、これを貼ってEnterを押してください。

Claudeが「これを実行していいですか」と聞いてきたら、許可してください。

途中でパソコンのパスワードを求められることがあります。 それはあなたのパソコンにログインするときのパスワードです。

1〜2分で終わり、左側の一覧に zukai-tool が現れます。

4. 受け取ったフォルダを開き直す

ここが大事なところです。もう一度「フォルダーを開く」をします。

1. メニューから「ファイル」→「フォルダーを開く」
2. ai-tools の中の zukai-tool を選んで開きます
3. 信頼するか聞かれたら「はい、作成者を信頼します」

なぜ開き直すのか。Claudeは、開いているフォルダの説明書を読んでから動くからです。

図解ツールのフォルダには、AI向けの説明書が同梱されています。 このフォルダを開くと、それが読み込まれ、次のページの「はじめまして」が通じるようになります。

（この仕組みは9ページ目で「プロジェクト設定」として詳しく扱います）

5. Claudeのパネルを開き直す

フォルダを開くと画面が入れ替わります。 左端のSparkアイコンをもう一度押して、入力欄を出しておいてください。

これで準備完了です。