AI生成Webページはなぜモバイルで壊れるのか――2,032比較の論文から考えるフロントエンド検証
AIが生成したWebページを複数ブラウザ・端末で検証した論文「Does It Render Everywhere?」を読み解き、レスポンシブ実装の失敗原因とAIコーディング時代のフロントエンド検証を考えます。
Blog
Dev Workflow posts
ReactフロントエンドはバックエンドAPIを待たない：API層とMockで独立開発する方法
ReactとViteのTodoアプリを題材に、API層、axiosインスタンス、Mock API、React Routerを使って、バックエンド実装を待たずにフロントエンド開発を進める構成を整理します。
AI Agent入門：ReAct・コンテキスト・ツール・Harnessから仕組みを理解する
AI Agentを、LLM・コンテキスト・ツールの3要素から整理し、ReActループ、実行トレース、Harness、ワークフローと自律型Agent、ガードレールまで実装視点で解説します。
BM25でCodexのクレジット消費を抑える：仕組みとDockerコンテナでの実装
BM25でコード探索の候補を先に絞り、Codexの検索に使うトークンを減らす考え方を解説します。BM25とgrepの違い、論文の実験結果、SQLite FTS5を使ったDockerコンテナ内の最小実装まで整理します。
SPA一択を見直す――2026年にMPAが再評価される理由
SPAが抱えやすい長寿命の状態管理とクライアントルーティングの複雑さを整理し、現代のMPAとアイランド構成を選ぶ基準を考えます。
技術面接で「AIをどう使っていますか」と聞かれたら
技術面接でAIの利用経験を聞かれたとき、面接官が確認しているのはツール名ではありません。任せる範囲、品質の確認、情報管理、使わない判断をどう伝えるか整理します。