Next.js

JoyMini Blog — 多言語ブログプラットフォームにおける SSG/SSR/ISR ハイブリッドレンダリングと究極のパフォーマンス最適化実践

Next.js 14 + Cloudflare を基盤に構築された高性能多言語テクノロジーブログプラットフォーム。6言語対応、PWA オフラインアクセス、AI 自動翻訳パイプライン、26項目のトップページ最適化を実現

JoyMini Admin — Next.js スマート管理バックエンドアーキテクチャ実践

Next.js 14 App Router + Zustand + TanStack Query をベースに構築されたエンタープライズ向け全機能運営管理バックエンド。20以上のビジネスモジュールをカバー

JoyMini Admin Blog — ブログCMS管理バックエンドのアーキテクチャ実践

Next.js 15 + TanStack Query + Zustand をベースに構築されたブログコンテンツ管理プラットフォーム。6言語対応のマルチサイトブログの全ライフサイクルにわたるコンテンツ運用を支援します。

Blog フロントエンドパフォーマンス最適化実践：Lighthouse 50点から100点への10の改善策

JoyMini Blog の Lighthouse パフォーマンス最適化の実践経験に基づき、viewport アクセシビリティ修正、画像サイズ最適化、動画遅延読み込み、サードパーティスクリプトの遅延読み込み、JavaScript 分割戦略など、P0 緊急修正から P2 段階的強化までの全カテゴリを網羅した10のパフォーマンス改善策の完全なプロセスを体系的に記録します。

フロントエンド本番環境ログ管理：Next.js で console.log を無効化するベストプラクティス

本記事では、Next.js プロジェクトの本番環境で console.* ログを無効化する3つの方法（compiler.removeConsole、TerserPlugin pure_funcs、Worker の手動処理）と、3つのプロジェクト（frontend-blog / admin-blog / admin-next）における実践的な適用について体系的に解説します。

Next.js 戻るナビゲーション完全ガイド：スクロール位置復元、URLパラメータ保持、iOSセーフエリア

本記事では、Next.js App Routerにおける戻るナビゲーション時のスクロール復元が機能しない3つの根本原因——sessionStorage条件誤判定、URLパラメータ消失、React Strict Modeの二重マウント——と、それに付随して修正するiOS Safariのセーフエリア揺れ、CategoryFilterタブの揺れ問題について深く掘り下げます。

Quillリッチテキスト動画埋め込みからHLSアダプティブ再生へ：フロントエンド置換の完全実装

本記事では、ブログシステムにおいて、Quillリッチテキストエディタに埋め込まれたMP4動画タグを、記事詳細ページで自動的にHLS m3u8アダプティブストリーム再生に置き換える方法を詳しく解説します。バックエンドの変換パイプライン、meta.contentVideoによる複数動画の保存、フロントエンドのMarkdown/HTML二重パス置換、IndexedDBキャッシュ層の修正、そして実践で遭遇した6つの重要なバグとその修正方法を網羅します。

BlurhashImage — SSRセーフなBlurHashプレースホルダーコンポーネントと「文字のように滑らかな」レンダリング戦略

Next.js Admin SSR パフォーマンス最適化実践：3.5秒のLCPから1.2秒への体系的手法

React Queryプラットフォームアダプター：三端統一データリクエストと自動フォールバック戦略