AIのWeb検索はWeb全体を読んでいない。現代の検索エンジンをAI目線で見る
ChatGPT、Gemini、ClaudeなどのWeb検索を、Google・Bing・Braveの検索インデックスとretrievalの観点から考えます。AIの回答差や情報の見落としがなぜ起こるのかを、検索基盤から見ていきます。
Blog
Web Engineering posts
JavaScriptで書く前にCSSでできないか考える――パララックスなど6つの実装を比較
パララックスやスクロール連動アニメーション、親要素の状態判定、コンテナークエリなど、JavaScriptで実装しがちな6つの処理をCSSへ移せる場面と注意点を、実装例を交えて紹介します。
AIエージェントが操作しやすいWebとは？SynWeaverから考えるフロントエンド設計
Webエージェント向けの学習データ生成手法SynWeaverを手がかりに、website map、semantic HTML、Accessibility Tree、状態遷移、E2Eテスト、AI自動操作と計測への影響をフロントエンド視点で整理します。
AI生成Webページはなぜモバイルで壊れるのか――2,032比較の論文から考えるフロントエンド検証
AIが生成したWebページを複数ブラウザ・端末で検証した論文「Does It Render Everywhere?」を読み解き、レスポンシブ実装の失敗原因とAIコーディング時代のフロントエンド検証を考えます。
JavaScriptで競態（Race Condition）はなぜ起きる？単一スレッドでも発生する理由
JavaScriptは単一スレッドなのに、なぜ非同期処理で競態が起きるのか。検索リクエストを例に、awaitの挙動、requestId、AbortController、loading、debounceとの違いまで整理します。
大容量ファイルのアップロードが途中で止まる？Reactで分割アップロードを実装する
大容量ファイルをReactとTypeScriptで分割して送信し、Express側で結合するまでを実装します。ハッシュによる重複スキップ、並列数の制御、途中で止まったアップロードの再開まで扱います。