Web開発

33 件の記事

GraphQL本番2年で地雷を踏んだ話──N+1問題からセキュリティまで

GraphQLを本番運用して2年。N+1地獄、キャッシュ設計、認可の落とし穴…実際に踏んだ地雷とDataLoaderやセキュリティの実装コードを体験ベースで解説

Web Componentsを1年間本番運用してわかった、Shadow DOMの落とし穴とTailwind CSSとの相性問題。フレームワーク連携の現実と、実装例で見つけた本当の使い道を実体験から解説します。

型があれば安全は幻想です。本番で火を噴いた型定義の失敗、チーム導入の地雷、実装コード付きで紹介。3年の教訓をシェアします。

3年半運用してきたプロジェクトのAPIクライアント設計を TypeScript 5.8 で書き直したら、型エラーで防げるバグが劇的に増えた。実務で効いた知見を共有します。

「またキャッシュが古い」とクレームが来るたびに頭を抱えた日々。Next.js 15×PWAの本番8ヶ月でハマった落とし穴と、やっと落ち着いた設計をそのまま共有します。

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統合を実務で半年使い続けて気づいたことを正直に書きます。