Web開発

💻 IT・テクノロジー — 全 24 件

Next.js 15 × React 19で本番4ヶ月、キャッシュ地雷を踏んだ話

Server Componentsのキャッシュ戦略に泣かされた。本番運用6ヶ月で見つけた落とし穴と、うちが実装した対策をコード付きで共有します。

useEffect廃止、Server Components、自動キャッシング。本番環境で実際に困ったデータ更新の課題と、実装パターンの落とし穴を3回の本番対応から解き明かします。

機能追加のたびにじわじわ悪化するCWV、経験ありませんか？LCP・INP・CLSが本番で崩壊した実例と、チームで3ヶ月かけて立て直した記録をそのまま残しておきます。

「元に戻したい」と言い出したチームメンバーもいたあの混乱期から半年。CSS変数ベースの新設計に慣れるまでの実体験と、本番でハマった落とし穴をそのまま書きました。

「スケールアウトしたらメッセージが届かない」「デプロイのたびに全員切断」——WebSocketあるあるで困ったことありませんか？チームで2年運用して体験した地雷と、実際に機能した設計パターンを正直に書きます。

「Web Componentsって今どき使う意義ある？」そんな疑問、うちのチームも持ってました。React・Vue・jQueryが混在する環境で1年運用して見えたShadow DOMの罠とLit 3.xの実際。

「v3からそんなに変わらんやろ」と思って痛い目を見た話。Oxide Engine・@theme・Lightning CSS統合を実務で半年使い続けて気づいたことを正直に書きます。

「テストが遅いからスキップしたい」——そんな空気、チームに漂ったことありませんか？Vitest移行からPlaywright導入まで、3000件超のテストを半年回して見えてきた現実的な使い分けを書きました。

Suspense入れまくったらUIがガクガクに…同じ経験ありませんか？管理ダッシュボードの本番リライトで気づいたStreaming UI設計の落とし穴と、PPR活用まで実装コード付きで共有します。

「型安全性は開発を遅くするのでは？」という懸念は見事に外れました。3年のチーム運用で体感したTypeScriptのメリット、バグ削減から設計の質向上まで、実務知見をお話しします。

複数リポジを一本化してわかった現実。Turborepo 2.x + pnpmで重複コード削減、CI時間短縮。実装中の失敗パターンと解決策を具体的に紹介します。

Webサイトのアクセシビリティ対応、実は後付けすると大変です。うちのチームが3年かけて経験した失敗と成功、スクリーンリーダー検証の現実を実務ベースで語ります。