「ホームページを作りたいけど、更新が大変で…」
「WordPressにしたけど表示が遅い、セキュリティが心配…」
そんな悩みをよく聞きます。
今回は、私が個人開発したFX情報サイト「かめトレFX」を題材に、コンテンツを自動で生成・更新し続けるWebサイトをどうやって作ったか、全部お話しします。
■ かめトレFXとは
FX・コモディティ・新興国通貨など16アセットの価格を30分ごとに自動取得し、世界49のニュースフィードを1時間ごとに収集。さらにClaude AIがその日の相場ブリーフィング記事を毎日自動生成して公開します。運営者が手動でやることは、ほぼゼロです。
■ なぜWordPressを使わなかったのか
多くのホームページはWordPressで作られています。確かに使いやすいツールですが、課題もあります。
・アクセスのたびにサーバーで処理が走るため、表示が遅くなりやすい
・プラグインの管理やセキュリティ対応が定期的に必要
・サーバー費用がかかる
今回はこれらをすべて解決するために、WordPressではなく「Astro」という技術を選びました。
■ Astroとは何か
Astroは、近年エンジニアの間で急速に普及しているWebサイト構築のフレームワークです。最大の特徴は「静的サイト生成」という仕組みにあります。
WordPressはユーザーがアクセスするたびにサーバーがページを作って返します。一方Astroは、あらかじめHTMLファイルを作り終えておき、それをそのまま配信するだけです。料理に例えると、注文を受けてから作るのがWordPress、事前に作り置きしておくのがAstroのイメージです。
この違いが表示速度に直結します。Astroで作ったサイトはGoogleのスピードテストでも高スコアを出しやすく、SEO（検索順位）にもプラスに働きます。
■ Cloudflareで世界中から爆速配信
インフラにはCloudflare Pages・Workers・R2を採用しました。
Cloudflareは世界300以上の拠点からコンテンツを配信するCDN（コンテンツ配信ネットワーク）です。東京からアクセスしても、ニューヨークからアクセスしても、常に近くのサーバーから高速に届きます。さらにスモールスタートであれば無料枠で運用可能なため、サーバー費用をほぼゼロに抑えられます。
■ AIが毎日記事を書いてくれる仕組み
このサイトの最大の特徴が、Claude APIを使った記事の自動生成です。
毎日、Pythonスクリプトが世界中のニュースと最新の価格データを収集し、それをClaude AIに渡します。するとAIがその日の相場ブリーフィング記事を自動で執筆し、そのままサイトに公開されます。人間がゼロから記事を書く必要はありません。
自動化パイプラインの全体像はこうなっています。
・30分ごと：MetaTrader5 → Python → Cloudflare R2へ価格データを配信
・1時間ごと：RSS49フィード → Pythonで収集 → Cloudflare R2へニュースを配信
・毎日：Claude API → ブリーフィング記事を自動生成 → 自動デプロイ
■ 使った技術スタック一覧
フロントエンド：Astro 5 / HTML / CSS / JavaScript / Canvas API
インフラ：Cloudflare Pages / Workers / R2 / Xserver VPS
バックエンド：Python / MetaTrader5 API / RSSコレクター
AI：Claude API / Claude Code（CLI）
開発環境：GitHub / MCP / Windows 11
■ この開発から学んだこと
「更新が大変」「サーバー代が高い」「SEOが弱い」——Webサイト運営の三大悩みは、技術の選び方次第でほぼ解決できます。重要なのはWordPressかどうかではなく、目的に合った技術を選ぶことです。
また、Claude Codeを活用したAI駆動開発により、このサイトはゼロから短期間でリリースまで到達しました。「何を作りたいか」さえ決まれば、AIと組み合わせることで開発スピードは大幅に上がります。
Webサイト制作・自動化システムの構築にご興味がある方は、まずはお気軽にご相談ください。要件が固まっていない段階からでも対応しています。
