[{"data":1,"prerenderedAt":143},["ShallowReactive",2],{"tag-articles-chrome devtools mcp":3},[4,10,15,20,25,30,34,39,44,49,53,58,62,67,71,76,81,86,91,96,100,105,111,115,119,124,129,134,139],{"title":5,"description":6,"path":7,"publishedAt":8,"updatedAt":9},"税務アシスタントUIの大規模リファクタリング - 帳票種別パネルと状態管理の改善","tax-assistantプロジェクトのフロントエンドUI改善。帳票種別パネルの追加、ラベルの汎用化、useReceipts composableの3値状態排除、複合キー対応、Codexレビューによる改善、Chrome DevTools MCPを使ったUIテストまでの詳細な実装記録","/tax-assistant-ui-refactoring","2026-01-14T00:00:00.000Z",null,{"title":11,"description":12,"path":13,"publishedAt":14,"updatedAt":9},"2026年1月27日の開発日記 - tax-assistantのPRレビューとマージ作業","tax-assistantプロジェクトでPR #16, #17, #18のレビューとマージを実施。Copilotレビュー対応、Chrome DevTools MCPでのブラウザテスト、ポート競合の解決、DB削除・復元など実践的な作業記録","/2026-01-27-tax-assistant-pr-review","2026-01-27T00:00:00.000Z",{"title":16,"description":17,"path":18,"publishedAt":19,"updatedAt":9},"仕訳ビューアの大幅改善 - バグ修正・バリデーション・UX向上の一日","補助科目デフォルト修正、duplicate行の確定対応、manual_confirmed保護バグ修正、バリデーション関数追加、バッチ確定のエラーハンドリング改善、読取一覧へのディープリンク追加など、仕訳ビューアを一日かけて磨き上げた記録","/journal-viewer-improvements-2026-03-03","2026-03-03T00:00:00.000Z",{"title":21,"description":22,"path":23,"publishedAt":24,"updatedAt":9},"クラウド会計 未登録明細の一括自動登録 調査記録 - API解析・ステータス遷移・勘定科目マスタ","Chrome DevTools MCPを使い、クラウド会計ソフトの連携明細画面を調査。個別登録APIの構造、明細ステータスの遷移サイクル、勘定科目マスタの取得方法を解明した記録","/mf-auto-registration-investigation","2026-03-29T00:00:00.000Z",{"title":26,"description":27,"path":28,"publishedAt":29,"updatedAt":9},"Chrome DevTools MCP autoConnect設定とSearch Console 404対策の一日","Chrome 146のautoConnectオプションで普段使いのプロファイルに接続する試行錯誤と、Search Console 404を317件→0件にするためのリダイレクト再生成・noindex設定・canonical実装の記録","/chrome-devtools-autoconnect-search-console","2026-03-31T00:00:00.000Z",{"title":31,"description":32,"path":33,"publishedAt":29,"updatedAt":9},"2026年3月31日の開発日記 - 仕訳管理タブ新設とCF計算書教材70枚一気通貫制作","Chrome拡張に仕訳管理タブを新設し実機テストまで完走。CF計算書教材はSVGスライド70枚を一日で制作。Chrome DevTools MCP autoConnectでSearch Console改善、axiosサプライチェーン攻撃への対応も。","/2026-03-31-diary",{"title":35,"description":36,"path":37,"publishedAt":38,"updatedAt":9},"agent-browserの評価とセットアップ - Chrome拡張機能の壁とDevTools MCPとの使い分け","Vercel製agent-browserの動作確認からChrome拡張機能の検証まで。chrome.storage.localの制限に突き当たり、defaults.jsonフォールバックを試み、最終的にChrome DevTools MCPとの使い分け基準を整理した記録。","/agent-browser-evaluation-chrome-extension","2026-04-06T00:00:00.000Z",{"title":40,"description":41,"path":42,"publishedAt":43,"updatedAt":9},"コクピット財務三表ページのレスポンシブ強化とモーダルの自動ズーム機能","eurekapu-nuxt4のcockpit-00-summaryで7段階の幅（1920/1366/1280/1100/900/768/375）を順に検証し、横スクロールを潰した。1920px は wide-section を1480pxで頭打ちにしてセンタリング、375px はBSの折り返し被りを1列積みで解消。さらにモーダル拡大時に自動でビューポートにフィットする applyFitZoom と、ヘッダー横の±ズームボタンを追加。CSS zoom 配下で SVG オーバーレイ座標がずれる問題は、SVG に動的 viewBox を当てて座標系を揃えて解決した。","/cockpit-responsive-modal-zoom","2026-05-09T00:00:00.000Z",{"title":45,"description":46,"path":47,"publishedAt":48,"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":50,"description":51,"path":52,"publishedAt":48,"updatedAt":9},"Economistの韓国DRAMチャートを再現しようとした話：HS10桁まで掘ったが数字は完全一致しなかった","The Economist (May 15th 2025) の韓国DRAM輸出単価チャートを Korea Customs Service / KITA k-stat の HS10桁データから再現する試み。UN Comtradeでベースラインがズレた経緯、agent-browserで k-stat にアクセスして75ヶ月×2系列を取得した手順、そしてDRAM単体ではなく MCOs (HBM modules) が真犯人だった発見と、それでも Economist の数字とは完全一致しなかった残った謎をまとめる。","/economist-korea-dram-chart-replication",{"title":54,"description":55,"path":56,"publishedAt":57,"updatedAt":9},"決算ビートモニタリングをMD→Vueに移行、右軸折れ線と16銘柄のEPSガイダンス取得まで1日で巻いた","トリプルビート決算記事をMarkdownからVueページに移し替え、売上・EPS・ガイダンスの3チャートと上振れ率の右軸折れ線を仕込み、サブエージェント並列で16銘柄のEPSガイダンスJSONを埋めた1日。","/beat-monitoring-vue-migration","2026-05-18T00:00:00.000Z",{"title":59,"description":60,"path":61,"publishedAt":57,"updatedAt":9},"2026年5月18日の開発日記 - サブエージェント並列とCodex反復レビューで一日中AIに走らせ続けた日","コードレビューを並列＋反復で巻き、教科書UIを2カラム化し、ベストプラクティスを階層化CLAUDE.mdに落とし、田原町の物件を学区フィルタで並べ替え、決算ウォッチャーの仕様を v0.5 まで反復、ビート率モニタリングを MD→Vue に移して16銘柄のEPSガイダンスを並列取得した一日。","/2026-05-18-diary",{"title":63,"description":64,"path":65,"publishedAt":66,"updatedAt":9},"決算データ取得ルートを設計し直して、半導体3銘柄を Turso に流し込む /check-earnings を完成させた","拡張機能 + DL から JSON 取得経路の差し替えに設計を捨て直し、Chrome DevTools MCP でデータ取得経路を当てに行って NVDA/MU/SNDK の決算データを Turso に取り込むまでの転換点を記録した一日","/check-earnings-data-pipeline","2026-05-19T00:00:00.000Z",{"title":68,"description":69,"path":70,"publishedAt":66,"updatedAt":9},"2026年5月19日の開発日記 - 拡張機能経由DLを捨てて、半導体決算データを Turso に流し込む /check-earnings を完成させた日","Chrome拡張＋DLという当初設計をWorkspaceポリシーで3時間追いかけた末に捨て、データ取得経路を Chrome DevTools MCP で当てに行って半導体3銘柄の決算データをTursoに流し込む /check-earnings を完成させ、教科書Part2レビュー対応とCFWS回帰テスト化も並行で進めた一日。","/2026-05-19-diary",{"title":72,"description":73,"path":74,"publishedAt":75,"updatedAt":9},"高千穂峡の予約フォームをTampermonkeyで自動入力する仕組みを試した","貸しボートの予約フォーム16項目をユーザースクリプトで自動入力。pay.jpのiframe制約とTampermonkey設定の落とし穴を実機で検証した記録。","/takachiho-booking-tampermonkey-autofill","2026-05-21T00:00:00.000Z",{"title":77,"description":78,"path":79,"publishedAt":80,"updatedAt":80},"投資の名著の知見を財務諸表教材に統合した話 — 数値ベンチマークと逆張りの読み方をコラム＋figureで補う","別プロジェクトのTurso DBに正規化済みの投資の名著（47セクション・約9.9万字）から、粗利率や資本集約度の数値ベンチマークと逆張りの読み方を抽出し、eurekapuの財務諸表教材に統合した記録。codex出力812KBがツールのパースエラーを連発した末に引き継ぎメモで仕切り直し、次セッションでコラム基盤とfigure3点を実装するまで。","/investor-knowledge-into-financial-textbook","2026-05-25T00:00:00.000Z",{"title":82,"description":83,"path":84,"publishedAt":85,"updatedAt":9},"Chrome DevTools MCP が \"still connecting\" で固まる真因は『残骸9222リスナーの居座り』だった","Chrome DevTools MCP が起動時に固まってツールが一切ロードされない事象を調べたら、Chromeのバージョン制約ではなく『壊れた残骸の9222リスナーが居座っていた』のが真因だった。/mcp の reconnect だけで復活すると実証した記録。","/chrome-devtools-mcp-zombie-port-recovery","2026-05-27T00:00:00.000Z",{"title":87,"description":88,"path":89,"publishedAt":90,"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",{"title":92,"description":93,"path":94,"publishedAt":95,"updatedAt":9},"2026年6月21日の開発日記 - 半導体書OCR・Kindle8冊取込・会計ソフトAハンズオン実機検証","朝に半導体テーマの参考書554ページをyomitokuでTursoに取り込み、続けてKindleパイプラインを並列化して計8冊。午後はChrome DevTools MCPで会計ソフトA内部APIハンズオンの実機検証まで走った1日。","/2026-06-21-diary","2026-06-21T00:00:00.000Z",{"title":97,"description":98,"path":99,"publishedAt":95,"updatedAt":9},"会計ソフトA内部APIハンズオン3記事のスタイル統一と実機検証","DevTools Consoleに1コマンドずつ叩く構成へ書き直し、Chrome DevTools MCPで全Stepを実機で実行して数値と挙動の食い違いを直した記録","/mf-internal-api-handson-live-verification",{"title":101,"description":102,"path":103,"publishedAt":104,"updatedAt":9},"Kindle Cloud Reader 対応判定を438冊一括処理した話 — 42冊実判定で全部 cr-app-required と分かった時点で残り396冊は一括タグ付けに切り替えた判断","前日の積み残し「Cloud Reader 一括判定」を朝から着手。42冊実判定で cr-ok = 0 を確認した時点で残り396冊は一括タグ付けに切り替え、bot検出も Chrome 149 のCDP制約も乗り越えた判断ログ。","/kindle-cloud-reader-batch-judgment","2026-06-24T00:00:00.000Z",{"title":106,"description":107,"path":108,"publishedAt":109,"updatedAt":110},"Chrome DevTools MCP の autoConnect が今度は『chrome://inspect の許可ボタンを押しても永久に噛み合わない』で詰まった","ログイン済みプロファイルで Chrome DevTools MCP を繋ぎたかったが、ユーザーが chrome://inspect の許可ボタンを何度押してもMCP側は永久に空っぽのままだった。3月・5月の自分の記事と並べたら、過去の自分が『これで繋がる』と書いた経路を、実際は一度もそのまま使ったことがなかったと判明した記録。","/chrome-devtools-mcp-autoconnect-stuck-again","2026-06-25T00:00:00.000Z","2026-06-26T00:00:00.000Z",{"title":112,"description":113,"path":114,"publishedAt":109,"updatedAt":9},"Chrome DevTools MCP が朝イチで繋がらず、/check-earnings の Koyfin Step 0 をその日まるごと落とした","/make-diary のブラウザ確認ステップで Chrome DevTools MCP の list_pages が rejected を返した。9222/9223 を curl で叩いてもどこも LISTENING しておらず、結局その日の /check-earnings の Koyfin Step 0 をスキップして進めるしかなかった、という朝の運用記録。","/chrome-devtools-mcp-port-listener-stuck",{"title":116,"description":117,"path":118,"publishedAt":109,"updatedAt":9},"2026年6月25日の開発日記 - Micron Q3決算で半導体メモリ各社のチャートを総ざらい","Micron Q3 FY26決算をbeat-monitoringとearnings-dynamicsに手作業で反映し、Prepared Remarksを日本語訳して8四半期セグメントチャートまで作った1日。途中でKioxia・SK Hynix・NVIDIA株主総会まで派生し、深夜2時で時間切れ。","/2026-06-25-diary",{"title":120,"description":121,"path":122,"publishedAt":123,"updatedAt":9},"Claude CodeからブラウザのChatGPT Proに質問を投げるChrome拡張ブリッジを作った","codex CLIでは選べないChatGPT Proに、Chrome DevTools MCPを通信路にページ側へwindow.__gptBridgeを生やすChrome拡張で質問を投げる経路を作らせた。内部API直叩きとの比較、セッション履歴2,601件のUSB退避、朝の積み残し確認も記録。","/chatgpt-pro-bridge-and-session-ops","2026-07-06T00:00:00.000Z",{"title":125,"description":126,"path":127,"publishedAt":128,"updatedAt":9},"Chrome DevTools for agents 1.0 が出た — Claude Codeの表示確認フローに何を足せるか","Chrome DevTools MCPの安定版1.0で追加されたLighthouse監査・デバイスエミュレーション・ヒープスナップショットと、Claude Code向けプラグイン（スキル同梱）の導入方法。@latest登録なら新ツールは導入済みで、残るはプラグインのスキルだけだった。","/chrome-devtools-for-agents-v1","2026-07-07T00:00:00.000Z",{"title":130,"description":131,"path":132,"publishedAt":133,"updatedAt":9},"Notionアーカイブのドキュメント移行 — スプレッドシート連動「リンクされた表」の貼り付けを自動化する","NotionのインラインデータベースをGoogleスプレッドシートへ書き出し、Googleドキュメント側に連動する「リンクされた表」として貼り付けるまでの記録。APIに機能がなく手作業しかないと諦めかけた工程を、内部APIの解析で背面タブから自動化した。","/notion-to-google-docs-linked-tables","2026-07-28T00:00:00.000Z",{"title":135,"description":136,"path":137,"publishedAt":138,"updatedAt":9},"ログイン済みChromeにChrome DevTools MCPを繋ぐまでの切り分け記録","孤児プロセス、専用プロファイル、autoConnect、404、ツール未ロード。ログイン済みのChromeにChrome DevTools MCPを繋ぐまでに、原因が4回入れ替わった。繋がったあとのSNSアカウント整備で引いた「AIに任せない操作」の線も残しておく。","/devtools-mcp-logged-in-chrome-sns-setup","2026-07-29T00:00:00.000Z",{"title":140,"description":141,"path":142,"publishedAt":138,"updatedAt":9},"個人 Gmail を Google Workspace CLI から検索できるようにした — OAuth 同意画面が組織内部だと通らない","CLI から個人の Gmail を検索したかったが、gws の OAuth クライアントが組織内部限定で個人アカウントを認可できなかった。原因の切り分けから専用プロジェクトの作成、ブラウザ操作の経路選び、日本語クエリの文字化けまでの記録。","/gws-cli-personal-gmail-oauth",1785654921548]