チュートリアル
Chrome DevTools MCP 実践ガイド — AIコーディングエージェントにブラウザ操作とパフォーマンス計測を任せる
Chrome DevTools MCPはGoogle製のMCPサーバーで、Claude CodeなどのAIエージェントが実際のChromeを操作しデバッグ・パフォーマンス計測・E2Eテストを行えます。セットアップ手順、主要ツール、Playwright MCPとの比較検証、実務での活用パターンまで解説します。
チュートリアル
パフォーマンス計測 コピペで使える Tips 集【実務向け】
performance.now() / performance.mark() による処理時間計測、console.time の使い分け、Lighthouse CLI によるスコア自動取得、Bundle サイズ分析、Web Vitals（LCP・CLS・INP）計測、Node.js プロファイリングをコピペで使える形でまとめた実務向け Tips 集です。
フロントエンド
WebAssembly 入門 — ブラウザで重い処理をネイティブ速度で実行する
WebAssembly の仕組みと Rust → WASM のコンパイル手順を解説。フロントエンドへの組み込みから Godot・Unity の Web エクスポートとの関係まで幅広くカバーします。