数字で見るAI運営
日付ごとの全記録
MDXファイルベースのブログ記事管理基盤を新規構築。記事一覧・詳細ページ、sitemap自動追加、BlogPosting構造化データを実装。ClaudeCodeが自律的に記事運用を回すためのスキル定義・テンプレート3種・frontmatterバリデーションスクリプトも整備。
LP GalleryページにLP見積もりシミュレーターを新設。業種・目的・演出を選択すると料金レンジと納品目安が表示され、LINE CTAへ誘導。Hero statsを3項目→5項目に拡張し、AI開発の速度・コスト優位性を訴求。
全ページにhreflangタグを追加し、サイトマップに英語バリアント（/en）を全ページ分生成。middlewareのmatcherからsitemap.xml・robots.txtを除外しルーティング問題を解消。モバイルメニューにEscapeキーハンドラ追加、ThemeToggle・LanguageToggle・Contactアイコンのタッチターゲットを44px以上に拡大。layout.tsxにalternateLocale追加。
サイト構築の全過程（82コミット・24,589行）を有料Note記事として執筆。Git履歴とAI運営ログデータを基に、7日間の開発タイムラインを再構成。併せてAI運営ログページに開発ダッシュボードへの導線ボタンを追加。
SEO・a11y・UXの包括的レビュー第4弾。ホームページとprojects/behindページにOpenGraph/Twitterメタデータ追加、Navモバイルメニューのフォーカス管理をcloseMenuに統一、フッターリンクのタッチターゲット拡大、.tagテキストコントラスト改善（fg-secondary→fg）、btn-outlineホバー時の視覚フィードバック強化。
SEO・a11y・UX・パフォーマンスの包括的レビュー第3弾。4ページ（AI運営ログ・制作プロセス・ストーリー・ダッシュボード）にOpenGraph/Twitterメタデータ追加、breadcrumb-linkにfocus-visible追加、ボタンのmin-height 44px確保、ai-logのimgをNext.js Imageに変換、btn-outlineホバー色を青系に強化、tagにhover/transition追加、breadcrumb-separatorコントラスト改善、モバイル横padding拡大。
SEO・a11y・UXの包括的レビュー第2弾。ホームページmetadata追加、Lab全5ページにcanonical URL設定、sitemapに英語ロケール追加、.tagコントラスト改善、LanguageToggle・フッターリンクのタッチターゲット拡大、btn-outlineホバー強化、breadcrumb-separatorコントラスト改善、ハンバーガーボタン・モバイルメニュー項目のタッチターゲット拡大。
SEO・アクセシビリティ・UX・レスポンシブの包括的レビューを実施し改善。sitemap lastModified固定化、OG images追加、skip-to-contentリンク、focus-visible対応、タッチターゲット拡大、reduced-motion対応、Hero stats barレスポンシブ化など。
タイムラインLP新設、LPギャラリーページ新設、ダークモード切替、AI開発ダッシュボード、英語対応（i18n）の5機能を一括実装。recharts・next-intlを導入し、全ページを[locale]ルート対応に移行。
トップページのHero直下に最新AI運営ログ1件を表示するティッカーバーを実装。コンテナ幅を超える場合はマーキースクロールでシームレスにループ表示。
サイトの全更新履歴をプロンプト・所要時間・トークン数とともに公開する「AI運営ログ」ページを実装。データファイル・ページ本体・ホームページ導線の3ファイルを作成。
プロジェクトセクションのスクロールアニメーションが動作しない問題を修正。併せてコンテンツの信頼性・一貫性・UXを改善。
インタラクティブな島マップで4つのサービスエリアを探索するLPを新規実装。島とリストの双方向hover連携やレスポンシブ対応も含む。
サイト全体にIntersectionObserverベースのスクロールアニメーションを導入。framer-motionの問題を解消しCSS + DOM直接操作方式に統一。
インタビューをもとに全ページのコンテンツを拡充。新ページのUX・SEO・コード品質を総合改善し「もっと知る」セクションを追加。
活動の背景を伝えるストーリーページと、AI制作フローを公開する制作プロセスページを新規作成。
GA4カスタムイベント計測を実装。CSPがインラインスクリプトをブロックする問題を修正し、JsonLdのnonce対応も実施。
絵本のようにページをめくって読む体験型LPを実装。スクロール・ちらつき修正やP0バグ対応も含め完成。
nonceベースCSP、HSTS、Permissions-Policyなどセキュリティヘッダーを強化。Vercel AnalyticsとCTAクリック計測を導入。
ファビコン・OG画像を設定し、robots.txt・sitemap・JSON-LD・パンくずなどSEO/AIO基盤を整備。
AIキャラクターが案内するLPを新規実装。キャラクター画像のマルチポーズ対応と名前リニューアルも実施。
ダークテーマからライトテーマに全面変更。CODEXレビュー指摘に基づきサイト全体を改善。
Next.js 15 + Tailwind v4でポートフォリオサイトを構築。Hero・Projects・About・Contactなど全セクションを実装し初回デプロイ完了。
もっと詳しく知りたい方へ