そのアドレスは、あなたの家や教室の中の住所
192.168.0.11 のような数字は、家庭や教室のネットワークの中でPCを見つけるためのアドレスです。同じWi-Fiにつないだスマホなら、設定によっては開けます。でも、離れた場所にいる友だちのスマホからは、その数字だけであなたのPCを見つけられません。localhost:8888 なら、さらに「いま使っている端末自身」を指します。
PCで動いているWebページに、一時的な https://○○○.trycloudflare.com という公開URLを付けられます。そのURLを送れば、友だちは別の回線からスマホのブラウザで作品を見られます。Cloudflareのアカウントや独自ドメインを用意せずに試せます。
AIに、このプロンプトを送るだけ
Webページを作ったときと同じAIに、次の文章をコピーして送ってください。localhost:8888 の部分だけ、自分の画面に表示されているアドレスへ変えます。番号が分からなければ、そのままAIに探してもらっても大丈夫です。
このPCで動いているWebページを、友だちのスマホから一時的に見られるようにしてください。
TryCloudflareを使い、必要な準備や起動はあなたが行ってください。
対象は http://localhost:8888 です。違うポートで動いている場合は確認して見つけてください。
公開前に、APIキー・パスワード・個人情報・管理画面などが見えていないか確認してください。問題があれば公開せず、私に教えてください。
公開できたら、友だちに送る https://○○○.trycloudflare.com のURLだけ分かりやすく教えてください。常時公開や独自ドメインの設定はしないでください。
AIが必要なツールを確認し、作品を起動して、一時URLを作ります。最後に表示された https://○○○.trycloudflare.com を友だちへ送れば完了です。自分でインストール先やコマンドを調べる必要はありません。
「このWebページをTryCloudflareで一時共有して。公開前に秘密情報が見えないか確認し、友だちに送るURLを教えて」でも伝わります。同じ会話で作った作品なら、AIは対象を見つけやすくなります。
うまくいかないときも、画面をそのまま伝える
エラーが出たら、自分で原因を検索する前に「このエラーを直して、共有URLが開くところまで確認して」とAIへ伝えてください。AIが操作できない環境では、必要な作業だけを案内してもらえます。確認画面が出た場合は、内容を読んでから許可しましょう。
公開する前に、ここだけ確認
このURLを知っている人は、インターネット経由でページにアクセスできます。パスワードやAPIキー、住所、個人情報、管理画面、制作途中で見せたくないページが含まれていないか確認しましょう。AIに「公開前に秘密情報や管理画面が見えないか調べて」と相談するのも有効です。共有範囲を絞りたい作品には、認証付きの公開方法を選んでください。
cloudflared のどれかが止まると、友だちは見られなくなります。起動し直すとURLも変わります。ずっと見られる作品サイトを作りたい場合は、正式なホスティングを使いましょう。なお、TryCloudflareは開発・テスト向けで、常時公開用ではありません。「作れた」を「見せられた」に
最初の作品は、きれいに仕上げるより、誰かに見てもらって感想を聞くことが楽しい一歩です。PCで動くページを作ったら、同じAIに「友だちへ一時共有して」と続けて頼んでみてください。見終わったら「共有を終了して」と伝えれば止められます。