AIとの会話で、ホームページができた｜50歳Wワーカー｜崖っぷちおじさんのドタバタAI奮闘記｜第8話 ｜やってみた編

私は、地方で暮らす50歳のWワーカーです。

早朝は物流のバイト、日中は製造工場で働きながら、合間にAIを使って、いろいろなことに挑戦しています。

今回は、私がやっているTシャツやグッズのお店「偽善社」のホームページを、AIとの会話で作った話です。

忙しいのに、ついやってしまう。「やってみた編」スタート

前回のブログも、そうでした。

移動中、YouTubeを聞き流していたら、ブログを勧める話が流れてきて、すぐにやってみたくなって、始めてしまいました。

LINEスタンプも、そうです。

以前からやってみたいとは思っていたけれど、書きかけの記事もあるし、もっと優先順位の高いタスクが山積み。「あとで時間ができたら」と後回しにしていたはずでした。

ところが、移動中のYouTubeでLINEスタンプの話を聞いたら、やっぱり我慢できませんでした。
書きかけの記事はそのままに、ついついスタンプ作成に没頭してしまいました。

しかも、作り始めると1つでは終わりませんでした。 今は偽善社の新入社員の「ぜんまる」というキャラクターで、3種類のスタンプを販売しています。

時間がないのに、気になると、ついやってしまう。

そうやって実際にやってみたことを、これからは「やってみた編」として書いていこうと思います。

リンクだけでは、伝えきれなかった

偽善社の商品は、STORESとBASEというネットショップで売っています。

これまでは、Instagramのプロフィールからリットリンク（リンクをまとめておけるサービス）に飛んでもらい、そこから各お店へ進んでもらっていました。

ただ、リンクだけでは伝えきれないことがあります。

どんな商品があるのか。

デザインに、どんな仕掛けがあるのか。

色を変えたり、デザインを別のアイテムにしたりできること。

そういうことを紹介して、気になったらお店へ進んでもらう。

そんなホームページが欲しいと思っていました。

そこで目に留まったのが、数か月前に始まったChatGPTの「Sites」という機能です。

ChatGPTには「Work」という、作業そのものを任せられるエージェント機能もあります。

そのWorkにホームページを頼むと、Sitesの機能を使ってページを作り、そのまま公開までしてくれます。

一から自分で作るより、ChatGPTの中で済むなら、セキュリティの面でも、素人の私には安心かなと思いました。

しかも、簡単に作ってくれそうです。
「それなら、試してみよう」

最初は、1画面だけで作ってもらった

試す前に、ChatGPTと、別のAIのClaudeにも相談しました。

すると、どちらからも「1画面だけのシンプルな構成がいい」と勧められました。
私は使える時間が少ないので、という理由です。

それならと、まずは1画面で作ってもらいました。

ところが、出来上がったものを見ると…内容が薄い。
ショップのページに、ただLINEスタンプ紹介を付け足しただけに感じました。

「これじゃ、作る意味がない」

チャットでじっくり話し合ってから、作り直しへ

もともと、ショップページだけでは伝えきれないことを伝えたくて作るホームページです。

そこで、何を載せるか、どう見せるかを、ChatGPTのチャットでたくさん壁打ちして話し合い、どういうホームページにしたいかが固まってから、Workで作り直してもらいました。

9月の半ばに考え始めて、休憩時間など、合間に少しずつ進めていきました。

平日は何もできない日もありましたし、ChatGPTとのやり取りが1、2回しかできない日もありました。

まとまって進められたのは、休日に半日ほどかけた日が2日くらいです。

作り直したホームページが形になったのは、10月の上旬です。

中身を先に固めておいたので、ほぼ思い通りのものができました。

直したのは、文字や細かいところだけ。
それも、チャットで伝えるだけで直してもらえました。
画像などの素材を渡したほかは、全部チャットでのやり取りです。

作り終えると、Workは、画像がちゃんと表示されるか、ページの移動がうまくいくかを、パソコンのブラウザ上で確認してくれました。

スマホと同じ画面の幅でも、ちゃんと表示されるかまで確認してくれました。

その後、念のため、作ったのとは別のチャットでも点検してもらいました。
すると、見落としていたところが2つ出てきました。

一つは、商品の詳細を見てからブラウザの「戻る」を押すと、さっき見ていた位置ではなく、商品一覧の一番上まで戻ってしまうこと。
もう一つは、ボタンの表記と、押したときの行き先が合っていないところです。
どちらも見た目だけでは分からず、押してみて初めて分かることでした。

この2つを直してもらったあと、Workの側で、もう一度確認してくれました。

さらに、Claudeにも見てもらい、ページのつながりや文章を見直しました。

もし私一人で作っていたら、完成したことに満足して、こうしたところに気づかないまま終わっていたかもしれません。

最後に止まったのは、ドメインの設定

ホームページを、自分で取ったアドレス（独自ドメイン）で開けるようにする設定もしてもらいました。

アドレスは、8月にXServerドメインというサービスで取得しておいた「gizensha.com」です。

独自ドメインでホームページを開くためには、「DNSレコード設定」など何やら聞き慣れない設定も必要でした。聞いたこともない言葉が並んでいて、初心者の私には、何をどう設定すればいいのか見当もつきません。

ChatGPTに聞きながら自分で。設定することもできるとは思いますが、夜な夜なやっとホームページを作り終えた私にはそんな余力も気力もありませんでした。

そこで、管理画面へのログインは私がしましたが、その先の細かい設定はChatGPTに進めてもらいました。

設定を済ませて、その日の夜遅く。
ようやく、待ちに待った独自ドメインでホームページが開きました。

やってみて、分かったこと

作るのも、直すのも、確認も、ドメインの設定も、チャットで話すだけで進みました。
思っていた以上に、AIに任せることができました。

最初にチャットでしっかり対話して、納得いくまで相談してからWorkに頼んだのも、大正解でした。

今回は「ChatGPTに丸投げしたら、どこまで作れるのか？」を試したかったので、あえて見本なども渡さずに始めました。

ただ、YouTubeには「AIで5分」「30分で完成」といった動画もありますし、お手本になるサイトを渡せば、もっとスムーズに思い通りの形にできるのかもしれません。

今回は勢いでスタートしましたが、一度やってみたからこそ分かったこともあります。

今後は偽善社のホームページを少しずつ改善していきたいですし、いろいろな作り方を学んだうえで、いつか「崖っぷちおじさん」のホームページ作りにも挑戦してみたいと思っています。

今回のまとめ（かかったもの・役割分担）

最後に、今回のホームページ作りで使ったものや、かかった費用・期間をまとめました。

・使ったツール

ChatGPTのチャット（中身の相談）
ChatGPT Workの「Sites」機能（作成・公開）
別のChatGPTとClaude（チェック）
※ChatGPTはProプランで作成。Sitesは月20ドルのPlusプランでも使えます（2026年10月時点。ベータ版のため、使える量に上限あり）

・かかった費用

ドメイン代：1年目0円（XServerドメインの初回特典を利用）
※2年目以降は年1,721円（11月9日以降は1,750円になる予定）

・制作期間

約1か月（9月中旬に考え始める → 10月上旬に完成 → 10月11日に独自ドメインで公開）
※実際の作業は、平日のすきま時間と、休日の半日×2回ほど

・自分でやったこと

載せたい内容の相談
画像などの素材を渡す
1画面では足りないと作り直しを決める
別のAIへのチェック依頼
直すところの判断
管理画面へのログイン
（実際のページ作成やコードの調整、表示のチェックはAIにお任せ）

・偽善社のホームページ

Tシャツやマグカップのデザインに込めた言葉遊びなど、ショップだけでは伝えきれなかった世界観を詰め込んでいます。

忙しいのに、ついやってしまう。
そんなおじさんの「やってみた」が、少しでも何かの参考やきっかけになったら嬉しいです。

「やってみた編」では、そういう記事を書いていけたらと思っていますので、「ここをもっと詳しく知りたい」「次はこれを試してみてほしい」など、お気軽にコメントしてください。