個人ブログ・メディアサイト
文章を書いて公開・収益化する、いちばん始めやすいプロジェクト
どんなもの?
記事を書いて世界に公開できるブログサイト。デザインテンプレートを使えばコードをほとんど書かずに立ち上げられ、独自ドメインで運用すれば広告やアフィリエイトで収益化もできます。当サイト(AI Developer DB)自身もこの構成に近い形で作られています。
プログラミング未経験でもOK。まず「公開する」体験を得たい人
自分の記事を世界に公開できる本物のブログサイトが手に入ります。独自ドメインで運用でき、記事を書き足すたびに自動でサイトが更新される状態になります。表示速度が速くSEOにも強い構成なので、アクセスを集めて広告・アフィリエイトで収益化する土台にもなります。
おすすめの技術スタック
ブログは「表示の速さ」と「運用の手軽さ」が命。SSG(静的サイト生成)で高速なAstroとエッジホスティングのCloudflareを組み合わせるのが、無料で最速の鉄板構成です。デザインにこだわるならFramerでコードなしにプロ品質のサイトも作れます。
費用の目安
完全無料で作って公開できます。独自ドメイン(年1,500円程度)だけは任意で、無くても公開可能です。
| 項目 | 費用 | 補足 |
|---|---|---|
| Cursor(AIエディタ) | 無料プランでOK | 無料枠でこのプロジェクトは十分作れます |
| Cloudflare(公開先) | 無料 | 個人ブログ規模なら無料枠を超えません |
| GitHub(コード保存) | 無料 | 個人利用は無料 |
| 独自ドメイン(任意) | 年1,000〜2,000円 | 無くてもCloudflareの無料URLで公開できる |
必要なアカウント
開発を始める前に、下のサービスの無料アカウントを用意しておきましょう。
必要なAPIキー・設定
APIキーとは、外部のサービスを自分のアプリから使うための「合鍵」です。下記を取得・設定します。
作り方: まずこのプロンプトをClaudeに送る
細かい手順を覚える必要はありません。下のプロンプトをコピーして、Claude(やCursorのAIチャット)にそのまま貼り付けてください。 あとはClaudeが1ステップずつ伴走してくれます。詰まったら、エラー文や状況をそのまま伝えれば解決に導いてくれます。
あなたはプログラミング初心者の私に、ブログサイトの作り方を最初から最後まで伴走してくれるメンターです。以下の前提と要望をふまえて、私が迷わないように「一度に1ステップずつ」教えてください。
【私の状況】
- プログラミングはほぼ未経験です。専門用語は都度かんたんに説明してください。
- パソコンはWindows(またはMac)を使っています。※実際のOSに置き換えて伝えてください
- 「Cursor」というAIエディタをインストール済みです。
- GitHubとCloudflareの無料アカウントは作成済みです。
【作りたいもの】
- Astroという仕組みで作る、表示が速くSEOに強い個人ブログ。
- トップページに記事一覧(タイトル・公開日・抜粋)を新しい順で表示。
- 記事はMarkdownファイルで書けるようにしたい。
- 見た目は白基調でシンプル、本文は読みやすい大きめの文字。スマホ対応必須。
- 最終的にCloudflareで無料公開し、あとから独自ドメインも設定したい。
【進め方のお願い】
1. まず全体像(何をどの順でやるか)を、専門用語なしで箇条書きで教えてください。
2. そのあと、最初のステップだけを具体的に指示してください。私が「できた」と言ったら次へ進んでください。
3. 各ステップでは、私が実行するコマンドや操作を省略せずに書き、それが「何のための作業か」も一言添えてください。
4. エラーが出たら私がその文面を貼るので、原因と対処をやさしく説明してください。
5. 途中で必要なファイルの中身は、コピーして貼れる完全な形で提示してください。
まずは【1】の全体像から教えてください。 ※ 【私の状況】の部分(OSや、まだ登録していないアカウント)は、あなたの環境に合わせて書き換えてから送ると精度が上がります。
つまずきやすいポイント
- 最初の環境構築(Node.jsのインストールなど)でエラーが出やすい。エラー文をそのままClaudeに貼れば、原因と対処をほぼ特定してくれます。
- 「公開(デプロイ)」の設定が初めてだと難所。GitHubとCloudflareの連携でつまずいたら、画面のスクリーンショットの内容を言葉で伝えると解決が早いです。
- 独自ドメインの反映には最大数時間かかることがあります。すぐ表示されなくても設定ミスとは限らないので、少し待ってから確認しましょう。
収益化のヒント
独自ドメイン + レンタルサーバー系のアフィリエイトや、ホスティングの紹介が収益化の入口になります。