エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください
Twitterで共有ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
概要 メール管理システムの検索機能で、当初クライアント側でフィルタリングしていた処理をデータベース... 概要 メール管理システムの検索機能で、当初クライアント側でフィルタリングしていた処理をデータベース側に移行し、適切なインデックスを追加することで、検索パフォーマンスを劇的に改善しました。また、UIをダイアログからスライドパネルに変更することで、ユーザー体験も大幅に向上させました。本記事では、具体的な最適化手法とPrismaでの実装方法を紹介します。 技術スタック Next.js 14+: App Router使用 Prisma ORM: データベースアクセス層 PostgreSQL: データベース React Query: データフェッチとキャッシュ管理 Server Actions: サーバーサイドデータ取得 実装内容 1. クライアント側フィルタリングの問題点 以前の実装では、データベースから全データを取得してからクライアント側でフィルタリングしていました: // ❌ 悪い例:全データ