Blog
一般的な技術記事・Tips・学び
AIネイティブQAの作り方 — Playwrightメンテ地獄から「自然言語で意図を書くQA」への移行図
PlaywrightのE2Eテストが壊れやすくメンテコストが嵩む組織向けに、2026年の「AIネイティブQA」の現在地を整理。自然言語でテスト意図を書き、エージェントが実行・自己治癒する3層モデル、Playwright Test Agents / Autify Nexus / QA Wolf / Shiplight / Claude Computer Use の使い分け、Build vs Buyの判断軸、運用のベストプラクティスとアンチパターンまで体系化します。
SvelteとReactは何が違うのか — リアクティビティ・コンパイラ・設計思想の比較
Svelte 5のrunesとReact 19のフックを比較しながら、リアクティビティの仕組み・コンパイル戦略・設計思想の違いを整理。同じUIを両者で書き比べ、選定基準まで踏み込んで解説します。
Claude時代の社内問い合わせボット設計図 — Cowork / Agent SDK / MCP / Citationsで作る営業・CSアシスタント
営業・CS向けのプロダクト問い合わせボットを2026年のスタックで作るための設計図。Claude Cowork・MCP・Agent SDK・Citations APIをどう組み合わせるか、Build vs Buyの判断軸、ServiceNow/Anthropic内製の事例、実装の最初の2週間まで体系的に整理します。
Claudeルール定義・運用のベストプラクティス — 守られるルールはどう書き、どう育てるか
CLAUDE.mdに書いたのに守られない・気づけば形骸化する。Claudeルールを「書きっぱなし」にせず、設計→分割→更新→廃止までライフサイクルで回すための実践的ベストプラクティスを整理します。
ソフトウェアセキュリティの全体地図 — OWASP・NIST・SLSA で読み解く2026年のフレームワーク群
OWASP Top 10:2025、NIST CSF 2.0、SSDF、SLSA、SBOM など2026年時点で押さえておくべきセキュリティフレームワークを「組織」「SDLC」「アプリケーション」「サプライチェーン」の4層で整理し、シフトレフト実践のベストプラクティスを解説します。
プロンプトキャッシュ実践ガイド — Anthropic APIで入力料金を最大90%削減する設計パターン
Anthropicプロンプトキャッシュの仕組みと料金モデル、cache_control breakpointの正しい置き方、失効条件、2026年2月のworkspace-level isolation変更まで、実装Tipsとコード例付きで解説します。
React × TypeScriptで学ぶ無限スクロールの作法 — IntersectionObserverからTanStack Queryまで
React + TypeScriptで無限スクロールを実装する際の考え方・実装パターン・落とし穴を整理。IntersectionObserver基礎からカスタムフック化、useInfiniteQueryとの組み合わせまで実用的に解説します。
Claude Opus 4.7リリース — SWE-bench首位奪還、xhighエフォート、API破壊的変更まとめ
2026年4月16日にリリースされたClaude Opus 4.7の全貌。SWE-bench Proで64.3%を記録しGPT-5.4・Gemini 3.1 Proを抑えてGA最強に。新エフォートレベル「xhigh」、タスクバジェット、3倍の画像解像度、/ultrareviewコマンド、そしてextended thinkingの廃止を含むAPI破壊的変更——開発者が知るべき全てをまとめる。
/ultrareview 完全ガイド — Claude Codeのマルチエージェント型バグハンティングを使いこなす
Claude Opus 4.7と同時にリリースされた/ultrareviewは、クラウド上で複数のレビュアーエージェントを並列展開し、発見したバグを独立検証してからレポートする「嘘をつかないコードレビュー」だ。従来の/reviewとの違い、マルチエージェント検証の仕組み、料金体系、そして3回の無料枠をどう使うべきかを解説する。
Chrome DevTools MCP徹底入門 — AIコーディングエージェントに「目」と「実ブラウザ」を与える
Chrome DevTools MCPは、Claude CodeなどのAIエージェントに実Chromeブラウザの操作・トレース記録・コンソール/ネットワーク検査能力を与えるMCPサーバー。29個のツール群の役割、セットアップ、パフォーマンス分析・デバッグ・Core Web Vitals監査の実践ワークフローを、公式情報ベースでまとめます。