実際に作った英単語サイト『あいたん!』の裏側を公開します


📝 はじめに

まなみ

こんにちは。派遣社員まなみ🔰です。

今回は、私が実際にHugoChatGPTを使って作った英単語サイト『あいたん!』の裏側をお見せします。
このブログでお伝えしている「AI × Hugoで副業ブログ構築」は、すべて『あいたん!』で実践してきたものです。
どんな仕組みで動いているのか、初心者の方でもイメージできるようにまとめました。


🔍 『あいたん!』ってどんなサイト?

『あいたん!』は、TOEIC学習者向けに英単語を例文・クイズ形式で覚えられるサイトです。

あいたん!のOGP画像

英単語学習サイト「あいたん!」

AIがTOEIC学習の効率を最大化。スコアアップの最短ルート!
1万語以上をやさしく解説。すべて無料で使えます。

すべてのページがMarkdownで作られていて、Hugoで一括ビルドした静的サイトとして公開しています。
例文や解説、クイズもすべてChatGPTで自動生成しているので、更新も簡単です。


🛠️ サイト構成のポイント

✅ Markdownで記事を管理し、GitHubで一括管理
✅ HugoでビルドしてCloudflare Pagesで無料公開
✅ エクセルで単語リストを管理し、ChatGPTで自動生成
✅ A8.netの広告を配置して副収入を得る仕組み


💡 運用して分かったこと

最初は「Markdown?GitHub?Hugo?なにそれ…」と不安しかありませんでしたが、実際にはコピペで動くものばかり
ChatGPTに聞きながら進めれば、本当に初心者の私でも構築できました。
むしろWordPressより圧倒的にラクだったと感じています。


🤖 HugoとAIの相性が抜群だった理由

  • 記事の自動生成がめちゃくちゃ速い
  • 記事数が増えてもサイト表示が爆速
  • GitHub管理でミスしてもすぐに元に戻せる(安心感あり)
  • 静的サイトなのでセキュリティトラブルが少ない

📝 まとめ

『あいたん!』は、副業ブログをAIとHugoで作るとどうなるのかを、すべて試した実験場でもありました。この経験を元に、あなたにも「コピペでできる副業ブログ」の作り方をお伝えしています。

次回は、このブログをどうやって自動更新しているのか、その仕組みを詳しくご紹介します👇️

👉 自動更新ブログの作り方|Gitで記事を反映・公開する流れ


🚀 さらに詳しく知りたい方へ

AI×コピペだけで副業ブログって実際どうやって作ったの?」と気になる方のために、初心者の私が14日間でブログを作った実践記を専門用語なしでまとめたnoteを公開しています。
「やってみたいけど難しそう…」と迷っている方は、ぜひ読んでみてくださいね!

🔰14日でAI×コピペの英語サイトを作った話