この記事の要点
AI道具箱の立ち上げでは、一次情報を必須にしたMarkdown記事の仕組みを先に固め、後から記事を同じ型で増やせる状態にした。
何を作ったか
AI道具箱は、AIで実際にアプリや音楽を作る人の制作記録と道具レビューをまとめるサイトです。 立ち上げの段階では、記事を量産する前にサイトの型を固定しました。
- Next.js + OpenNext for Cloudflare Workers
- Markdown + frontmatter の記事パイプライン
- BlogPosting、FAQPage、BreadcrumbList の JSON-LD
- ProductCard directive
- env ゲート付き AdSense
- tags と法務ページ
firsthandEvidenceとpillarのfrontmatter必須化
今回の一次情報
この基準記事では、実際にCodexで既存のNext.jsサイト雛形をもとに projects/aidogubako/ を作る作業そのものを記録対象にしています。
公開記事には firsthandEvidence: true を必須にして、体験の根拠がない記事を混ぜないようにしました。
使った構成
配信基盤は Cloudflare Workers 固定です。wrangler.jsonc では preview_urls を false にし、Cloudflare Access は使いません。
APIキーや広告IDなどの秘匿情報はソースに直書きせず、必要になった時点でCloudflare Secretsか環境変数に寄せます。
確認したい導線
この記事1本を使って、次の流れが端から端まで動くことを確かめました。
- frontmatterを読み込む
- manifestを生成する
- 記事詳細にMarkdownを描画する
- FAQ JSON-LDを出す
- 商品カードを表示する
- タグページへつなぐ
その後
初期実装のあと、画面の確認と記事の制作はClaude Code側で引き継ぎました。Codexに何を渡し、どこでつまずいたかはCodexの実録レビューにまとめています。
よくある質問
一次情報フラグは何のためにありますか？
実際に使った手順、所要時間、失敗談などの根拠がない記事を公開しないためです。
公開記事に firsthandEvidence: true が無い場合、ビルド前のmanifest生成で失敗します。
AdSenseはすぐ表示されますか？
広告枠は、AdSenseの審査に通って広告表示の設定を入れるまで出さない設計です。
制作記録の更新は Substack でも届けています。
1min Quiz
あなたが作るべきアプリ、1分で診断できます
記事を読んで「自分も何か作ってみたい」と思ったら、まず5つの質問に答えてみてください。いまのあなたに向いたアプリの型と、最初の一歩がわかります。約1分・無料です。
