[{"data":1,"prerenderedAt":93},["ShallowReactive",2],{"tag-articles-playwright":3},[4,10,15,19,24,29,33,38,43,48,53,58,63,68,73,78,83,88],{"title":5,"description":6,"path":7,"publishedAt":8,"updatedAt":9},"Chrome DevTools MCP vs Playwright MCP: 用途別の使い分けガイド","ブラウザ自動化MCPの2大選択肢を比較。デバッグ・パフォーマンス分析にはChrome DevTools、UI自動化・テストにはPlaywrightが最適","/chrome-devtools-vs-playwright-mcp","2026-01-08T00:00:00.000Z",null,{"title":11,"description":12,"path":13,"publishedAt":14,"updatedAt":9},"2026年1月10日の開発日記 - UIデザイン原則コンポーネント実装とOGP静的生成移行","UIデザイン原則のGood/Bad比較コンポーネントを8カテゴリー・49原則分実装し、Miller Columns UIを構築。OGPをCloudflare Workerの動的生成からPlaywright静的スクリーンショット方式に移行した一日","/2026-01-10-diary","2026-01-10T00:00:00.000Z",{"title":16,"description":17,"path":18,"publishedAt":14,"updatedAt":9},"PlaywrightでVueコンポーネントをOGP画像に変換する","Cloudflare Workersでの動的OGP生成から、Playwrightによる静的OGP画像生成に移行した経緯と実装方法","/playwright-ogp-screenshot",{"title":20,"description":21,"path":22,"publishedAt":23,"updatedAt":9},"キーボードナビゲーション改善とデザインシステムへの原則追加","tax-assistantのキーボードナビゲーション改善作業ログ。パターンカラムの勘定科目順ソート、allFilteredRulesのソート順修正、ループナビゲーション原則の導入、履歴ナビゲーションテストの修正を実施","/keyboard-navigation-design-system","2026-01-28T00:00:00.000Z",{"title":25,"description":26,"path":27,"publishedAt":28,"updatedAt":9},"Playwright E2Eテストでコンタクトフォームを全業種検証する","LPプロジェクトの全業種コンタクトフォームにPlaywright E2Eテストを導入。Resendレート制限への対策と日本語メール文字化け修正の記録","/contact-form-testing-2026-02-09","2026-02-09T00:00:00.000Z",{"title":30,"description":31,"path":32,"publishedAt":28,"updatedAt":9},"2026年2月9日の開発日記 - 3プロジェクト横断の開発デー","mdx-playgroundのログ取得バグ修正、tax-assistantのSquare照合完成、tax-lpの多業種展開・SEO基盤整備・テスト自動化まで、3プロジェクトにまたがる開発記録","/diary-2026-02-09",{"title":34,"description":35,"path":36,"publishedAt":37,"updatedAt":9},"音アーカイブ コンセプトサイト開発 - ラベル重複解消、音の字幕、GeoJSON軽量化","BLDGラベルの重複を104個から10個に削減し、MGS風HUDで音の字幕機能を実装。GeoJSON軽量化、GPXデータ整理、カレンダー機能のconcept移行など、コンセプトサイトを多方面で整備した一日の記録。","/oto-archive-concept-site-2026-02-17","2026-02-17T00:00:00.000Z",{"title":39,"description":40,"path":41,"publishedAt":42,"updatedAt":9},"Eurekapu簿記問題集をNuxt4へ移行 - 2カラムUI・テスト整備・パフォーマンス99%改善まで","旧Vue2プロジェクトからNuxt4への簿記問題集ページ移行。CLAUDE.md作成、VPS経由の画像一括DL、2カラムレイアウト、正解/不正解の色分け、Vitest+Playwright全パス、JSON lazy import化で305KB→300バイト削減など一日の全記録。","/eurekapu-quiz-migration-2026-02-20","2026-02-20T00:00:00.000Z",{"title":44,"description":45,"path":46,"publishedAt":47,"updatedAt":9},"開発環境とテストスイートの整備 - Volta Node.js更新・ESLint修正・E2Eテスト全パス","VoltaでのNode.js更新によるClaude Codeアップデート、eurekapu-nuxt4のESLint・E2Eテスト修正、Claude Codeコンテキストウィンドウ表示設定など開発環境整備の記録。","/dev-environment-testing-2026-02-21","2026-02-21T00:00:00.000Z",{"title":49,"description":50,"path":51,"publishedAt":52,"updatedAt":9},"Vitest・Playwright テスト環境整備 - 29パスから全34ファイル14,817テスト全パスまで","Vitestの失敗テスト修正、e2eテスト除外設定、@vitest/coverage-v8導入、Vue SFCパースエラー回避、Playwright e2eテスト16件登録、カバレッジ改善まで一日の作業記録。","/vitest-playwright-coverage-2026-02-26","2026-02-26T00:00:00.000Z",{"title":54,"description":55,"path":56,"publishedAt":57,"updatedAt":9},"テスト基盤整備とカバレッジ改善 - 8ステップ計画で0から215テストを積み上げた一日","Composableテスト、サーバーAPIテスト、セキュリティ修正、E2Eテスト、ベンチマークまで8ステップの包括的テスト計画を立案・実行し、215テスト全パスに到達した記録","/test-infrastructure-coverage-2026-03-02","2026-03-02T00:00:00.000Z",{"title":59,"description":60,"path":61,"publishedAt":62,"updatedAt":9},"ナレーションコンテンツ改善とNarrationViewer拡張 - レビュー・音声・テスト・動画レンダリング","Chapter 01+04のナレーション196行を通しレビューし8件の問題を修正。NarrationViewerにmessageLine表示・ステレオパン・デバッグパネルを追加。Playwright+ffmpegで動画レンダリングを試行し、Vitestで49テストを新規作成して全292テスト合格。","/narration-viewer-improvements","2026-03-16T00:00:00.000Z",{"title":64,"description":65,"path":66,"publishedAt":67,"updatedAt":9},"Chrome拡張 仕訳管理タブの新設 - 仕訳削除・対象外復帰・カスタムモーダル置換・Playwright PoC","会計ソフトA連携Chrome拡張に仕訳管理タブを新設。仕訳一括削除・対象外明細復帰のフルサイクル実装、confirm()18箇所のカスタムモーダル置換、Playwright API連携PoCまでを一日で完了","/chrome-extension-journal-management","2026-03-31T00:00:00.000Z",{"title":69,"description":70,"path":71,"publishedAt":72,"updatedAt":9},"Claude Codeセッションのタイムライン可視化スクリプトを開発した -- history.jsonl解析・GAP_THRESHOLD比較検証・make-diary統合まで","Claude Codeのhistory.jsonlとセッション本体のJSONLを解析し、1日のプロジェクト別タイムラインをSVG+PNGで生成するスクリプトを開発。GAP_THRESHOLDの5分/10分/15分/20分比較検証、Playwrightヘッドレス変換、make-diaryコマンドへの統合までの記録","/timeline-visualization-script","2026-04-13T00:00:00.000Z",{"title":74,"description":75,"path":76,"publishedAt":77,"updatedAt":9},"Playwright E2Eテストが3つの原因で落ち続けていた問題を特定・修正してPR #5をマージした","eurekapu-nuxt4のCI失敗を調査し、セレクタ変更・オンボーディングオーバーレイ・回答記録の3つの原因を1つずつ潰して36テスト全パスに持ち込んだ記録","/e2e-test-fix-onboarding","2026-04-22T00:00:00.000Z",{"title":79,"description":80,"path":81,"publishedAt":82,"updatedAt":9},"Dependabot 6PRをpnpm overrides統合PRに集約し、PlaywrightのnetworkidleをCodexレビューで全削除した日","eurekapu-nuxt4でCI赤が常態化していたDependabot7PRを統合PR1本に集約し、E2Eのフレーキー要因だったwaitForLoadState('networkidle')をCodexレビュー指摘で全削除、ハイドレート前のclick失敗をexpect.toPassでretryする恒久対策まで。","/dependabot-and-e2e-stabilization","2026-05-02T00:00:00.000Z",{"title":84,"description":85,"path":86,"publishedAt":87,"updatedAt":9},"SVGスライドとKindle原稿の対照表を作った話：自動マッピングの限界と画像対照への切替え","日商簿記3級の解説書籍をKindle化した原稿と、その内容を載せたSVGスライド計1286枚の対照表を作るタスク。自動マッピングのロジックを章ごとに分岐させても残ったズレを、最終的にPlaywrightで全SVGをPNG化してClaude Codeに画像対照させる方針に切り替えた。13セッション分割→4セッション並列に統合した判断と、スライドビューアのバグでChrome DevToolsを開かないと修正完了と言うなと自分に課したルールまで含めて記録する。","/cockpit-slides-script-mapping","2026-05-12T00:00:00.000Z",{"title":89,"description":90,"path":91,"publishedAt":92,"updatedAt":9},"Claude Code の UI レビュー、Playwright じゃなくて Chrome DevTools MCP でも同じことはできる","Claude Code に Playwright を組み合わせて UI レビューを自動化する記事を読んで、Chrome DevTools MCP で代替可能かを整理した。技術的にはほぼ完全に代替できる。Playwright が効くのは決定論性・CI実行・コンテキスト効率の3点で、記事の本当の価値はツール選択ではなく評価軸の言語化と自走ループ設計にある、という話。","/ui-review-mcp-vs-playwright","2026-05-28T00:00:00.000Z",1784786396690]