Local-first Web DevelopmentのArchitecture — 2026年 第19週 ウェブ開発

Smashing Magazineの深掘りガイドは、3つの本番アプリの経験をもとにローカルファーストアーキテクチャを詳しく解説しました。核心パターンは、WebAssemblyとOPFS上のSQLiteが10ms未満のレイテンシでクライアント側の主レプリカを管理し、PowerSyncやElectricSQLのようなsyncエンジンがバックグラウンドでPostgresと同期する設計です。client-IDをタイブレイカーとするフィールド単位のlast-write-wins競合解決戦略、ダブルブッキングのような意味的競合のサーバー側フラグ処理、そしてYjs・Automerge・PowerSync・ElectricSQL・Triplit・Zero・PGliteの率直な比較も含まれています。Harry RobertsはNo-Vary-Search HTTPヘッダーについての実践的な解説を続けました。このヘッダーはキャッシュに特定のquery stringを無視するよう指示し、UTMやトラッキングパラメータによるキャッシュの断片化を解消します。名前付きパラメータリスト・params（全て無視）・except（指定のみ残す）・key-orderの各ディレクティブをサポートしています。

2本のAI活用に関する記事は開発者のスキル低下問題を取り上げました。Addy OsmaniはWharton Schoolの研究（参加者1,372名、実験3回）を引用し、開発者がAIの誤答を73%の確率で受け入れながら逆に自信が高まるという現象を「cognitive surrender」と命名し、健全な「cognitive offloading」と対比させています。実践的な対策として、AI出力を読む前に期待値を形成すること、diffをジュニアが書いたコードとして審査すること、~100行の小さなPRを義務付けることが提案されています。Liran TalはCursor・Claude Code・GitHub Copilotなどのエージェントが技術的熟練度を代替するのではなく、より多くを要求すると主張します。ドメイン知識がなければconvention drift・ハッピーパスのみのテスト・parameterizedクエリ省略・誤ったCookie戦略などのセキュリティ上の問題が積み重なります。

ツーリングのアップデートも今週を彩りました。Lighthouse 13.3がアクセシビリティツリーの適切な構造・WebMCP実装・llms.txt構造準拠・CLSを測定するAgentic Browsingカテゴリを追加しました。CLIで利用可能（npm install -g lighthouse@latest）ですが、PageSpeed InsightsやDevToolsにはまだ反映されていません。GitHubのAndrea Griffithsはエージェント生成pull requestをレビューする際の5つの警告サイン——CI弱体化・コード再利用の盲点・幻覚的な正確性・エージェントゴースティング・CIワークフローへのprompt injection——を整理しました。CopilotはすでにCI6000万件以上のコードレビューを処理し、1年未満で10倍に成長しています。Evil Martiansは、マーケティングサイトをReact・Ark UIからAstroとマイクロライブラリnanotagsを使ったネイティブWeb Componentsへ移行し、アクセシビリティと機能を維持しながら100 KBのJavaScriptを削減した事例を共有しました。