「プログラミング知識ゼロ」の私が、AIにお願いして10分でサイトを公開できた理由

初めてのホームページを10分で作ってみよう！

ネットの海で、AIとランデブー。

カリンちゃんはプログラマーではありません。

資格は天下無敵のITパスポートです（笑）。

当然、自分でプログラムを書いてホームページを作った経験なんて、ありませんでした。

でも最近、AIとおしゃべりしながら、いろいろなものを作るようになったんです。メモ帳、ちょっとした便利ツール、そして、なぜかLinuxやルーターの研究まで。

そこで、思い切って自分のホームページも作ってみました。

それが、こちらです。

https://www.karin-lab.com/

どうでしょう？

これ、HTMLもCSSもJavaScriptも、カリンちゃんは一行も書いていません。

AIに「こんなホームページを作って」とお願いして、出来上がったものを眺めて、気に入らないところを直してもらっただけです。

しかも、ちゃんとインターネットに公開されています。

ということで、今回は皆さんも一緒に、自分自身のホームページを作ってみましょう。

必要なのは、ChatGPTと、ほんの少しの好奇心。

目標は10分。初めての登録や認証には、もう少し時間がかかるかもしれません。でも、プログラミングの勉強は不要です。

たった3ステップで、インターネットの異世界への扉を開けて、AIとランデブーしましょう。

ステップ1：GitHubに自分の机を作ろう

まずはGitHubです。

難しそうな名前ですが、今は詳しく知る必要はありません。

AIが作ったプログラムをしまっておく、インターネット上の自分専用の机だと思ってください。

GitHubの登録はこちら

https://github.com/signup

「Continue with Google」または「Continue with Apple」を選べば、普段使っているアカウントで登録できます。

無料アカウントで十分です。必要な確認やメール認証を済ませてください。

登録できましたか？

はい、GitHubの画面はいったん閉じて大丈夫！

次はChatGPTにGitHubを接続します。

GitHubプラグインはこちら

https://chatgpt.com/plugins/github

「インストール」を選び、案内に従ってGitHubアカウントを接続してください。

接続の途中で、GitHub側からアクセス権限の確認を求められることがあります。内容を確認して承認しましょう。

終わったら、ChatGPTに戻って、こう話しかけます。

ちゃっぴぃへのプロンプト①

ここで「GitHubにアクセスできました」と確認できれば、第一段階は成功です。

AIに、ちゃんと机ができました。

ステップ2：Cloudflareで世界への窓を開こう

続いてCloudflareです。

こちらは、作ったホームページをインターネット上で公開してくれるサービスです。

GitHubが机なら、Cloudflareは世界に向かって開く窓。

無料で始められます。

Cloudflareの登録はこちら

https://dash.cloudflare.com/sign-up

メールアドレスとパスワードで登録できます。画面にGoogleやAppleでのログインが表示されていれば、そちらを利用しても構いません。

必要なメール認証を済ませてください。

独自ドメインを買う必要はありません。今回は無料の workers.dev というアドレスを使います。

登録できたら、こちらも画面を閉じて大丈夫。

次はChatGPTにCloudflareを接続します。

Cloudflareプラグインはこちら

https://chatgpt.com/plugins/cloudflare

インストールして、Cloudflareアカウントへの接続を許可してください。

利用する端末やプランによっては、デスクトップアプリなど対応環境が必要になる場合があります。表示される案内に従ってください。

接続できたら、またChatGPTに話しかけます。

ちゃっぴぃへのプロンプト②

GitHubとCloudflare。

二つのサービスがChatGPTにつながりました。

これで準備完了。

難しい設定画面を理解する必要はありません。わからないことが出てきたら、そのままAIに尋ねればいいんです。

ステップ3：さあ、ホームページを作ろう！

ここからが本番です。

でも、実はもう、やることはほとんどありません。

ChatGPTに、次の文章を貼り付けてください。

ちゃっぴぃへのプロンプト③

これまでのチャット履歴から、私の趣味、好きなこと、関心のあるテーマを参考にして、私らしいホームページをデザインしてください。

日本語で、明るく親しみやすく、ちょっとおしゃれなデザインにしてください。スマートフォンでもきれいに表示されるようにしてください。

私が公開を許可していない個人情報や家族の情報は掲載しないでください。わからないことは勝手に作らないでください。

ソースコードは私のGitHubに新しいリポジトリを作って保存し、Cloudflare Workersを使って、無料のworkers.devアドレスで公開してください。

可能ならGitHubを更新すると自動的に公開サイトも更新される構成にしてください。

私はプログラミング初心者です。実際に操作が必要な場合だけ、わかりやすく案内してください。

公開できたか確認し、できなかった部分があれば正直に教えてください。

以上！

あとはAIに任せましょう。

途中でアカウントの承認や公開の確認を求められることがあります。そのときは、内容を確認して操作してください。

出来上がったら、最後にこう尋ねます。

ちゃっぴぃへのプロンプト④

例えば、完成したアドレスはこんな形になります。

https://my-homepage.example.workers.dev

実際のアドレスは、あなたのアカウントとホームページの名前によって変わります。

教えてもらったURLをクリックしてみましょう。

おめでとうございます！ あなたのホームページの完成です！

どうですか？

さっきまで何もなかったインターネットの世界に、自分の場所が一つできました。

しかも、ここからが面白いんです。

「背景を青にして」

「趣味の写真を飾りたい」

「もっとかっこよくして」

そんなふうに、普通に話しかければいい。

プログラムを覚えなくても、自分のホームページを少しずつ育てていけるんです。

おわりに

今回やったことを振り返ると、実はとてもシンプルです。

GitHubのアカウントを作る。

Cloudflareのアカウントを作る。

二つをAIにつなぐ。

そして、「ホームページを作って」とお願いする。

たったこれだけ。

もちろん、AIも万能ではありません。うまく公開できない場合もあるし、公開する情報やセキュリティは自分で確認する必要があります。

それでも、ほんの少し前まで、ホームページを作るには専門的な知識が必要でした。

HTMLを勉強して、CSSを覚えて、サーバーを借りて、ファイルをアップロードして。

ところが今は、作りたいものが先でいい。

技術は、必要になったときにAIと一緒に学べばいい。

そして、何よりカリンちゃんが伝えたいのは、特別な人だけが楽しめる世界ではない、ということです。

誰でも、手を伸ばせば届くところにある。

さあ、30分で行ける異世界へ。

ネットの海で、AIとランデブー。

あなたの知らなかった「つくる楽しさ」が、すぐそこに待っています。

この記事が面白かったら、ぜひ「スキ」をお願いします。実際に作ってみた方のお話も聞けたら嬉しいです。