feat: ブログ / 静的コンテンツ（AdSense審査対応）

[Claude]

概要

AdSense審査対応として /blog 配下にMarkdownから生成した静的記事ページを追加。6記事（使い方ガイド3本 + Tips 3本）を実装。

変更内容

コンテンツ

• content/blog/ に6記事のMarkdownファイル配置
  • 使い方ガイド: ObatLogの始め方、通知の設定方法、デモ機能の使い方
  • Tips: 飲み忘れを防ぐコツ、過量服薬を防ぐために知っておきたいこと、服薬を習慣化する方法
• frontmatterスキーマ: title, slug, category, description, publishedAt, author

インフラ

• src/lib/blog.ts: Markdown処理ユーティリティ（gray-matter → remark → HTML変換）
• frontmatterバリデーション（不備時ビルドエラー）
• gray-matterのYAML日付自動パース対応（Date → YYYY-MM-DD文字列変換）

ページ

• /blog (一覧): カテゴリタブ（すべて / 使い方ガイド / Tips）
• /blog/[slug] (詳細): Tailwind Typography スタイリング、関連記事表示
• Next.js 15+ 対応（params: Promise<{slug}>）

SEO

• generateMetadata による動的メタデータ生成
• Article JSON-LD 構造化データ
• sitemap.xml に全ブログURLを追加（priority 0.7-0.8）

UI/i18n

• ランディングページフッターにブログリンク追加
• i18n キー追加（ja, en, id）: blog.* namespace

依存関係

• gray-matter, remark, remark-html, remark-gfm, @tailwindcss/typography

テスト

npm run build
# ✓ /blog および /blog/[slug] × 6記事が静的生成される

チェックリスト

• ローカルでビルドが通る
• 既存のテストが通る
• 新しいテストを追加した（該当する場合）
• i18n キーを追加した（該当する場合）

Original prompt

---

This section details on the original issue you should resolve

<issue_title>feat: ブログ / 静的コンテンツ（AdSense審査対応）</issue_title>
<issue_description>## 概要
AdSense審査対応として /blog 配下にMarkdownから生成した静的記事ページを追加する。

要件

• content/blog/ にMarkdownファイルを配置、ビルド時にHTMLを生成
• /blog/ に記事一覧（カテゴリタブ: 使い方ガイド / Tips）
• /blog/[slug]/ に個別記事（Tailwind Typography でスタイリング）
• generateMetadata でfrontmatterからSEOメタデータ自動生成
• Article JSON-LD 構造化データ
• sitemap.xml / robots.txt 更新
• frontmatterバリデーション（不備時ビルドエラー）
• ランディングページにブログリンク追加

初期記事（6記事）

使い方ガイド

• ObatLogの始め方
• 通知の設定方法
• デモ機能の使い方

Tips

• 飲み忘れを防ぐコツ
• 過量服薬を防ぐために知っておきたいこと
• 服薬を習慣化する方法

設計書

docs/superpowers/specs/2026-03-26-blog-static-content-design.md</issue_description>

Comments on the Issue (you are @claude[agent] in this section)

• Fixes feat: ブログ / 静的コンテンツ（AdSense審査対応） #30

[yuuka-dev]

develop → main の #33 で対応済み。Copilot自動生成PRのためクローズ。