自己紹介ページを公開する

手順

1. 話しかける

6ページ目で出したClaudeの入力欄に、これを貼ってください。

図解ツールから、できることの説明と、最初の準備の案内が返ってきます。

これだけで通じるのは、受け取ったフォルダの中に、AI向けの説明書が入っているからです。 図解ツールは、自分の使い方をAIに教えてくれます。

2. 自己紹介の質問に答える

最初の1回は、自己紹介ページを作る流れになっています。

名前、何をしている人か、できること、これまでの経歴、連絡先、そして誰に見せたいか。 この6つがまとめて聞かれます。 答えられるものだけ答えてください。

うまくまとめる必要はありません。箇条書きでも、話し言葉でも構いません。 整えるのはAIの仕事です。

書きたくない項目は「なし」と答えれば飛ばせます。 全部埋まらなくても、ちゃんと1枚のページになります。

3. 公開の準備をする（初回だけ）

公開に必要な部品が入っているかを、図解ツールが自分で確認します。 入っていなければ「入れてよいか」と聞かれるので、許可してください。 途中でパソコンのパスワードを求められることがあります。

その部品が、これです。

続いて、公開先のサービスのアカウントを作ります。

ここが、このサイトで1回目の「黒い画面」です。

パスワードを打つので、AIには任せません。自分の手で打ちます。

ターミナルを開きます。 5ページ目で場所を見た、VS Codeのメニュー「ターミナル」→「新しいターミナル」です。 画面の下半分に、文字を打てる場所が出ます。Claudeはそのまま動かしておいて大丈夫です。

そこに、これを貼ってEnterを押します。

npx --yes surge login

順に聞かれます。

1. email: → メールアドレスを打ってEnter
2. password: → 決めたパスワードを打ってEnter

使ったことのないメールアドレスなら、その場でアカウントが作られます。 登録ページを開く必要はありません。

⚠️ パスワードを打っても、画面には何も表示されません。それが正常です。

⚠️ パスワードは、Claudeとの会話欄には絶対に打たないでください。 会話の記録に残ってしまいます。

終わったら、Claudeの入力欄に戻って「できました」と伝えてください。

4. 内容を確認して公開する

公開の前に、この内容で出していいかと、連絡先を載せたままでいいかを聞かれます。

電話番号や住所は載せないことをおすすめします。URLを知っている人なら誰でも見られるためです。 外したいものがあれば、その場で伝えれば直してくれます。

確認が済むと、そのまま公開まで進みます。

しばらく待つと、https://diagram-〜.surge.sh のようなURLが表示されます。

これがあなたのページです。

5. スマホで開く

表示されたURLを、自分のスマホのブラウザで開いてください。

パソコンと同じ画面が出たら成功です。 そのURLは、いま世界中の誰でも開けます。人に送ってみてください。

ここからは、何でも図解できます

自己紹介が終われば、この道具はあなた専用の図解ツールになります。

次からは、作りたいものをそのまま伝えるだけです。

資料のファイルをVS Codeにドラッグして渡すこともできます。

消したくなったら、こう言えば取り下げてくれます。

知っておいてほしいこと

⚠️ URLを知っている人は、誰でも見られます。

URLには推測されにくい文字列が付いていて、検索にも出ない設定になっています。 それでも、パスワードはかかっていません。

お客さんの情報や、社外に出せない資料は載せないでください。 自己紹介のように「見られて困らないもの」から始めるのが安全です。

次にやること

ページは公開できました。ここからは道具を自分のものにする作業です。

• 8ページ目 … 作ったものが消えないよう、無料の保管庫に預けます
• 9ページ目 … Claudeにあなたのことを覚えさせます
• 10ページ目 … Claudeにできることを増やします