[{"data":1,"prerenderedAt":191},["ShallowReactive",2],{"tag-articles-mcp":3},[4,10,15,19,24,30,35,39,43,48,53,57,62,67,71,76,80,84,89,94,99,104,109,114,119,124,128,133,137,142,146,151,156,161,165,169,173,177,182,186],{"title":5,"description":6,"path":7,"publishedAt":8,"updatedAt":9},"Chrome DevTools MCPの設定方法","Claude CodeでChrome DevTools MCPサーバーを設定し、ブラウザ操作を自動化する方法について解説します","/chrome-devtools-mcp-setup","2025-11-25T00:00:00.000Z",null,{"title":11,"description":12,"path":13,"publishedAt":14,"updatedAt":9},"Chrome DevTools MCP設定消失の調査記録","Chrome DevTools MCPが使えなくなった際の調査手順と、設定ファイルの場所についての記録","/chrome-devtools-mcp-investigation","2025-12-18T00:00:00.000Z",{"title":16,"description":17,"path":18,"publishedAt":14,"updatedAt":14},"Claude Code 2.0.72 ブラウザ機能比較: Claude in Chrome vs chrome-devtools-mcp","Claude Code 2.0.72で追加されたClaude in Chrome (Beta)と、従来のchrome-devtools-mcpの違いを解説","/claude-code-browser-features-comparison",{"title":20,"description":21,"path":22,"publishedAt":23,"updatedAt":23},"Claude Code コンテキスト最適化提案","現在のコンテキスト使用状況の分析と、さらなる削減のための改善提案","/claude-code-context-optimization","2025-12-22T00:00:00.000Z",{"title":25,"description":26,"path":27,"publishedAt":28,"updatedAt":29},"Windows環境でのChrome DevTools MCP設定ガイド","Claude CodeでChrome DevTools MCPサーバーが不安定になる原因と正しい設定方法","/chrome-devtools-mcp-windows-setup","2025-12-23T00:00:00.000Z","2026-01-08T00:00:00.000Z",{"title":31,"description":32,"path":33,"publishedAt":34,"updatedAt":9},"MCPでのコード実行：より効率的なエージェントの構築","MCPサーバーとの連携を直接ツール呼び出しではなくコード実行で行うことで、トークン使用量を98.7%削減する手法を解説。","/code-execution-with-mcp","2025-12-30T00:00:00.000Z",{"title":36,"description":37,"path":38,"publishedAt":34,"updatedAt":9},"Desktop Extensions: Claude Desktop向けMCPサーバーのワンクリックインストール","AnthropicがリリースしたDesktop Extensions（.mcpbファイル）により、MCPサーバーのインストールがワンクリックで可能に。従来の複雑な設定作業が不要になり、非技術者でもAIツールを活用できるようになりました。","/desktop-extensions",{"title":40,"description":41,"path":42,"publishedAt":34,"updatedAt":9},"エージェント向けの効果的なツールを書く ― エージェントとともに","AIエージェント向けの高品質なツールを設計するための実践的なガイド。Model Context Protocol (MCP)を活用したツール開発のベストプラクティスを解説。","/writing-tools-for-agents",{"title":44,"description":45,"path":46,"publishedAt":47,"updatedAt":47},"Claude Code ツール検索ツール（ENABLE_TOOL_SEARCH）の設定","Claude Code で MCP ツール定義のトークン消費を削減するツール検索ツールの設定方法","/claude-code-tool-search","2025-12-31T00:00:00.000Z",{"title":49,"description":50,"path":51,"publishedAt":52,"updatedAt":9},"MCPサーバーのオンデマンド化が実装済みだった件","ENABLE_TOOL_SEARCH=trueの設定でMCPツールがオンデマンド読み込みになり、約19kトークンを削減できていた","/mcp-ondemand-confirmation","2026-01-07T00:00:00.000Z",{"title":54,"description":55,"path":56,"publishedAt":29,"updatedAt":9},"Chrome DevTools MCP vs Playwright MCP: 用途別の使い分けガイド","ブラウザ自動化MCPの2大選択肢を比較。デバッグ・パフォーマンス分析にはChrome DevTools、UI自動化・テストにはPlaywrightが最適","/chrome-devtools-vs-playwright-mcp",{"title":58,"description":59,"path":60,"publishedAt":61,"updatedAt":9},"Chrome DevTools MCPで複数Claude Codeセッションを同時に使えない問題","Claude Codeで複数セッションからChrome DevTools MCPを同時に使おうとすると競合が発生する問題の調査結果と解決策","/chrome-devtools-mcp-multi-session","2026-01-23T00:00:00.000Z",{"title":63,"description":64,"path":65,"publishedAt":66,"updatedAt":9},"Draw.io MCP サーバー調査ログ - 3つの選択肢を比較して現状維持を選んだ話","Draw.io 用の MCP サーバー3種を調査し、Claude Code のスキル（XML 直書き）と比較した作業ログ。md-make で記事化し Codex CLI でレビューするまでの流れ。","/drawio-mcp-investigation-2026-02-13","2026-02-13T00:00:00.000Z",{"title":68,"description":69,"path":70,"publishedAt":66,"updatedAt":9},"Draw.io MCP サーバー3種比較 ― スキル直書きと何が違うのか","Draw.io の MCP サーバー（公式・lgazo・Sujimoshi）を調査し、Claude Code のスキルで XML を直接書く方式と比較した結果をまとめる","/drawio-mcp-vs-skill-comparison",{"title":72,"description":73,"path":74,"publishedAt":75,"updatedAt":9},"2026年3月26日の開発日記 - 会計API認証3段階突破・StreamDeckペイン制御・インポート機能構築","APIキーからOAuth→MCP→自前OAuthアプリへと認証手段を3回乗り換えて会計サービスAPIを開通。StreamDeck+AHKでClaude Codeマルチペインの許可プロンプト応答を自動化。Chrome拡張のインポートUIを2回作り直した一日","/2026-03-26-diary","2026-03-26T00:00:00.000Z",{"title":77,"description":78,"path":79,"publishedAt":75,"updatedAt":9},"クラウド会計公式API・OAuth認証の試行錯誤ログ - APIキーからOAuthアプリ登録まで","クラウド会計サービスのAPIキー取得からOAuth認証まで段階的に突破した記録。MCPのOAuthトークンでREST APIを直接叩けることを発見し、最終的に自前OAuthアプリでrefresh_token（540日有効）を取得するまでの過程","/mf-api-oauth-authentication-journey",{"title":81,"description":82,"path":83,"publishedAt":75,"updatedAt":9},"Claude Code CLI環境でMCPは必要か？Chrome DevTools MCPを例に考える","Claude CodeのCLI環境では直接APIを叩けるのに、なぜMCPサーバーを使うのか。REST APIとステートフルなプロトコルの違いから、MCPが有利なケースと不要なケースを整理する","/when-mcp-is-worth-it-in-claude-code",{"title":85,"description":86,"path":87,"publishedAt":88,"updatedAt":9},"Chrome DevTools MCP の autoConnect で、自分のブラウザセッションをそのままAIに渡せるようになった","Chrome 144から追加されたautoConnectモードにより、ログイン済みのブラウザセッションにClaude CodeなどのコーディングエージェントがMCP経由で直接接続できるようになった。Chrome拡張機能のUI操作まで可能になる点が大きい。","/chrome-devtools-mcp-auto-connect","2026-03-31T00:00:00.000Z",{"title":90,"description":91,"path":92,"publishedAt":93,"updatedAt":9},"書籍OCRパイプライン構築とnote.com Chrome拡張の内部API解析","yomitoku OCRで専門書287ページをMarkdown変換しTurso DBに格納、note.comの内部APIをChrome DevTools MCPで解析してChrome拡張+スキルを開発した記録","/book-ocr-and-note-extension","2026-04-21T00:00:00.000Z",{"title":95,"description":96,"path":97,"publishedAt":98,"updatedAt":9},"高千穂峡の貸しボート予約サイトをClaude Codeに偵察させて、明日の予約トライをGoogleカレンダーに登録した","高千穂峡の貸しボート予約サイトをClaude Codeに偵察させた。WebFetchがSPAで弾かれてもグローバル設定通りにagent-browserへフォールバック、予約ルールを把握してGoogleカレンダーに翌朝の予約リハをMCP経由で登録するまで一気通貫で回した記録。","/takachiho-boat-reservation","2026-05-20T00:00:00.000Z",{"title":100,"description":101,"path":102,"publishedAt":103,"updatedAt":103},"1Password Environments MCP — Codex / Claude Code に「秘密を見せずに環境変数を任せる」レイヤーが来た","2026年5月20日に1Passwordが発表した OpenAI Codex 向け Environments MCP サーバー。MCP は CLI/API の部分集合であり、ブラウザ版 Codex のように CLI を叩けないクライアントに同等の操作を渡すための層。CLI版 op run の運用と Windows での導入手順、AI コーディング環境で .env を AI に渡さない設計を整理する。","/1password-mcp-codex-secrets-layer","2026-05-22T00:00:00.000Z",{"title":105,"description":106,"path":107,"publishedAt":108,"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":110,"description":111,"path":112,"publishedAt":113,"updatedAt":9},"APIキーを配らずに「社内の人とAIだけが使えるCLI/MCP」を作る ― Cloudflare Access × IdP認証","APIキーの発行・配布・失効管理をやめて、API自体をIdP認証で守る。CLIとMCPを同一バイナリにして認証を共有する構成の解説と、税理士事務所に導入するときの具体的な手順。","/internal-cli-mcp-cloudflare-access","2026-06-12T00:00:00.000Z",{"title":115,"description":116,"path":117,"publishedAt":118,"updatedAt":9},"韓国メモリ輸出単価で Micron 決算を先読みする — DRAM単価 → Micron売上の単回帰 R²=0.97 で Q4 $50B ガイドを検証する","韓国関税庁の半導体品目別月次輸出（DRAM・NAND・MCP=HBM含む、HSK 10桁）を Micron の会計四半期（8月末締め）で再集計し、9四半期データで韓国DRAM単価とMicron四半期売上を線形回帰すると R²=0.97 の極めて高い説明力。回帰式から Q4 FY26 ガイド $50B 達成に必要な韓国DRAM単価は $78.3k/kg（Q3比+17.9%）と逆算できる。6/7/8月の韓国月次データが揃った時点で、3ヶ月平均単価を回帰式に代入すれば Micron Q4 売上の点予測が得られる。仮説: 数量はほぼ頭打ち、Micron 売上は単価の関数。","/korea-export-micron-quarterly-mapping","2026-06-25T00:00:00.000Z",{"title":120,"description":121,"path":122,"publishedAt":123,"updatedAt":9},"子供の塾の理科実験教室カレンダーをClaude Code経由でGoogleカレンダーに一括登録した話","子供が通う塾の理科実験教室の年間カリキュラム（7月〜12月）を、Claude Code の Google Calendar MCP 経由で一括登録した。検索キーワードを取り違えて空振りした迷走と、最終的に既存4件のupdate＋新規6件のcreateで片付けた記録。","/calendar-science-class-registration","2026-06-30T00:00:00.000Z",{"title":125,"description":126,"path":127,"publishedAt":123,"updatedAt":9},"X API/MCPの料金プラン確認とxurl投稿テスト（401で頓挫）","X 公式の MCP ドキュメントを眺めつつ、ローカルに入っている xurl から投稿テストを叩いたら 401。API の料金プランを引き直して、Premium+ と API は別請求のままだと確認した記録。","/x-api-pricing-and-mcp-check",{"title":129,"description":130,"path":131,"publishedAt":132,"updatedAt":132},"1Password Environments MCPは\"Codex専用\"ではない — WindowsのClaude Codeで動かすまで","1PasswordがCodex向けに出したEnvironments MCP Serverは、実体は汎用のローカルMCPサーバーでClaude Codeからも使える。ただしWindowsのStore版はEXEの直接起動が拒否される。原因（MSIXの起動保護）の切り分けと、自動同期ラッパーでClaude Codeに登録するまでの記録。追記: authenticate検証でWindows production版は機能未解禁と判明、その切り分けも記録した。","/1password-environments-mcp-windows","2026-07-02T00:00:00.000Z",{"title":134,"description":135,"path":136,"publishedAt":132,"updatedAt":9},"1Password Environments MCPサーバーのWindows検証 — トグルがオンにできない原因を追ってOS制約に行き着くまで","1Password Environments MCPサーバーをWindowsのClaude Codeにセットアップし、次のセッションで動作確認した記録。Labsのトグルがオンにできない問題を調査し、Windowsのproduction版では機能未解禁・ローカル.envマウントはmacOS/Linux限定という制約に行き着いた。","/onepassword-mcp-windows-verification",{"title":138,"description":139,"path":140,"publishedAt":141,"updatedAt":9},"2026年7月6日の開発日記 - 学習ゲート付き開発ループを1日で実装して全リポジトリに広げた","AIに書かせたコードを理解せずにコミットできなくする学習ゲートを設計から実装・実運用テストまで通した1日。問題集アプリPhase 2-3、仕事の型の記事化、ChatGPT Proへの拡張ブリッジも。","/2026-07-06-diary","2026-07-06T00:00:00.000Z",{"title":143,"description":144,"path":145,"publishedAt":141,"updatedAt":9},"AIに書かせたコードを理解せずにコミットしない仕組み — 学習ゲート付き開発ループ（pre-commit × /learnクイズ × Turso）の実装と全リポジトリ適用","コミット前にブラウザクイズへの全問合格を要求する学習ゲートを実装した記録。MCPサーバーの長時間ブロック検証、前提を伝えない実運用テスト、git config --global core.hooksPath による全リポジトリ適用まで。","/learning-gate-dev-loop",{"title":147,"description":148,"path":149,"publishedAt":150,"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":152,"description":153,"path":154,"publishedAt":155,"updatedAt":9},"Claude Codeで他社モデルが動く非対称性からMCP解剖まで — AIベンダー戦略を対話で掘って記事5本を書いた日","OpenAI開発者がClaude Code上で自社モデルGPT-5.6 Solを動かす話題から出発し、規約の非対称性・App Server戦略・データのスイッチングコスト説を対話で検証。MCP＝APIのラップという理解をOSSのコード解剖で確かめ、公開記事5本と図解18枚を書いた1日の記録。","/ai-vendor-strategy-writing","2026-07-14T00:00:00.000Z",{"title":157,"description":158,"path":159,"publishedAt":155,"updatedAt":160},"2026年7月14日の開発日記 - MCPハンズオン講座の実装とAIベンダー戦略記事5本","自作APIをMCP化するハンズオン講座を計画から実装・検証まで一気に作った日。朝のXの話題からAIベンダー戦略を掘って記事5本を公開し、デザインシステム講座の磨き込みとLive2D計画の確定・保留判断まで並走した。","/2026-07-14-diary","2026-07-16T00:00:00.000Z",{"title":162,"description":163,"path":164,"publishedAt":155,"updatedAt":9},"freee公式MCPサーバーのコードを開く。「APIをラップする」の実体は、宣言ではなく門番と配管だった","freeeがOSSとして公開した公式MCPサーバー「freee-mcp」のソースコードを読み、「MCPはAPIのエージェント用ラッパー」という理解をコードで検証した。277本のエンドポイントに対してツールはわずか15個。OpenAPIスキーマはツール宣言の材料ではなく実行時の検証テーブルとして働き、APIリファレンスの知識はAgent Skillsに分離されていた。前記事で挙げたコスト・配管・契約・統制の4点が、実装のどこで解決されているかをコード引用とビフォー/アフターのシーケンス図で確かめる。","/freee-mcp-anatomy",{"title":166,"description":167,"path":168,"publishedAt":155,"updatedAt":9},"自作APIをMCP化するハンズオン。ミニ仕訳帳APIを作り、生のまま使い、包んでから使って比べる","freee公式MCPサーバーの解剖記事の続編。FastAPI製のミニ仕訳帳API（3エンドポイント）を自作し、生のままエージェントに使わせる体験と、MCPサーバー（公式SDKのFastMCP）で包んでから使わせる体験を、同じ依頼文で実測して比べた。APIキーの居場所、承認の粒度、エラーからの復旧、操作ログの4点で何が変わるかをターミナルの実録で確かめ、宣言サイズの実測値から「もし277本あったら」を外挿する。コードは全文掲載、コマンドと出力はすべて実測値。","/journal-api-mcp-tutorial",{"title":170,"description":171,"path":172,"publishedAt":155,"updatedAt":9},"自作APIをMCPサーバー化するハンズオン講座を作った日。FastAPIミニ仕訳帳APIの実装と検証セッションの記録","MCPとAPIの違いの考察から、税理士・会計士向けに自作APIをMCP化するハンズオン講座を作ると決めた。FastAPIのミニ仕訳帳APIを実装させ、素のAPI直叩きとMCP経由の両方で仕訳登録の再現テストを回した記録。","/journal-mcp-handson-build",{"title":174,"description":175,"path":176,"publishedAt":155,"updatedAt":9},"MCPはAPIを「エージェントが読める形」に包む規格。アプリ間接続の4つの疑問を深掘りする","機能単位のアプリをエージェントが組み合わせる世界で、アプリ間の接続はどう成立するのか。MCPを『APIのエージェント用ラッパー』と捉える理解の確認から始めて、規格統一が実行時の意味理解に置き換わる仕組み、公開されるもの（宣言）と隠されるもの（実装）の境界、複式簿記がハブになる会計との相性、解釈ミスを監査証跡で受け止める設計までを図解で掘り下げる。","/mcp-agent-app-connection",{"title":178,"description":179,"path":180,"publishedAt":181,"updatedAt":160},"2026年7月15日の開発日記 - 公開記事5本の執筆デーと講座公開、AEHR・ASMLのモニタリング追加","半導体・AIの公開記事を1日で5本書き、自作APIのMCP化講座をMiller Column形式で公開。beat-monitoringにAEHRとASMLを追加し、書籍OCR取り込みとNotionアーカイブ計画も進めた一日。","/2026-07-15-diary","2026-07-15T00:00:00.000Z",{"title":183,"description":184,"path":185,"publishedAt":181,"updatedAt":9},"自作APIのMCP化講座をMiller Column形式に変換して公開した — レビュー指摘の全ページ横展開とCOPYボタン復活","mdx-playgroundで書いた長文記事をeurekapu-nuxt4のMiller Column講座に変換する計画から実装・レビュー対応・公開までの記録。ブラウザレビューはviewportエミュレーションで行うルールもこの日に確立した。","/journal-mcp-miller-column-course",{"title":187,"description":188,"path":189,"publishedAt":190,"updatedAt":9},"1Password EnvironmentsのMCP連携がWindowsで解禁 — Claude Code / Codexへの設定手順と実機検証","1PasswordのAIエージェント連携は7/2時点でWindows未対応だったが、7/14の8.12.28で解禁されていた。Claude Code・Codexからの接続に加え、Environmentsの作成・ダミー値の書き込み・op run --environmentによるプロセス注入までを実機で通した試行錯誤の記録と設定手順。","/1password-mcp-windows-claude-codex","2026-07-18T00:00:00.000Z",1785654921067]