202512/2資格学習サービスの大規模リニューアルを走り切った話能戸 成琉Software EngineerZenn記事簿記学習サービス「Funda簿記」の大規模リニューアルプロジェクトについてまとめた記事です。ユーザーヒアリングやUI/UXリサーチの進め方から、Next.jsのApp Router移行、パフォーマンス改善、テスト・リリース体制の構築まで、少人数チームでの実践的なノウハウを現場目線で詳しく紹介しています。開発・プログラミングフロントエンドバックエンドもっと見る
202511/17Next.js 16で導入されたキャッシュコンポーネントについて理解する能戸 成琉Software EngineerZenn記事Next.js 16の新機能「Cache Components」をわかりやすく解説。Partial Prerenderingや`use cache`の仕組み、既存の`unstable_cache`や`revalidatePath`との違い、実装パターンと注意点を具体例で紹介します。開発・プログラミングフロントエンドもっと見る
202510/31Next.js 16でビルドが大幅に高速化。Webpack後継のTurbopackを解説能戸 成琉Software EngineerZenn記事Next.js 16でTurbopackが安定版となり、ビルドと開発環境が劇的に高速化されました。Rustで書かれたこの新しいバンドラーは、Webpackと比較して大幅な速度改善を実現しています。本記事では、Turbopackの特徴、パフォーマンス、Webpackとの違いについて解説します。技術分析・比較フロントエンドもっと見る
202510/192025年版 スタートアップエンジニアが考えるWebアプリの技術選定能戸 成琉Software EngineerZenn記事この記事では、2025年の最新Webアプリ開発で使える技術を厳選して紹介します。Next.js、TypeScript、TailwindCSSなどのモダン技術から、Drizzle ORM、Biome、Bunといった注目の新技術まで、実際に使ってみた経験をもとに選定ポイントと補足情報をまとめました。フロントエンドエンジニア視点で、言語・フレームワーク、UI、バリデーション、認証、データベース、ホスティングなど、カテゴリ別に整理しています。技術分析・比較フロントエンドもっと見る
202510/14Next.js/React向け状態管理ライブラリの比較と選び方能戸 成琉Software EngineerZenn記事Redux Toolkit、Zustand、Jotaiの3つを多角的に比較します。トレンドやGitHub Starsの推移、バンドルサイズやレンダリング性能などのベンチマーク、そして同一アプリケーションでの実装例を通じて、各ライブラリの特徴と選定基準を解説。プロジェクトに最適な状態管理ライブラリを見つけるための実践的ガイドです。技術分析・比較フロントエンドもっと見る
202510/5次世代ツールBunをNext.jsで検証したら高速だった - pnpmとの比較能戸 成琉Software EngineerZenn記事Next.jsプロジェクトでBunとpnpmのパフォーマンスを比較しました。インストール時間、テスト実行速度、ビルド時間、CI/CD効率、ディスク使用量などを実測データをもとに検証。機能面での違いや実際に使用した所感もまとめています。技術分析・比較フロントエンドもっと見る
20259/28フロントエンド開発におけるバリデーションライブラリの比較検証能戸 成琉Software EngineerZenn記事フロントエンド開発の実行時バリデーションにおいて Zod が最適なのか、ほかにより適したバリデーションライブラリがあるのではないかという疑問から、注目の候補として Valibot と ArkType を取り上げ、実際に使って比較・検証した結果をまとめました。技術分析・比較フロントエンドもっと見る
20259/22最適な認証基盤を構築するための技術選定まとめ能戸 成琉Software EngineerZenn記事React/Next.jsプロジェクト向けに、主要な認証サービスを比較し、導入コストや機能、運用面の違いをわかりやすく整理しています。スピード開発と将来のスケールを両立できる認証基盤選びのポイントを解説し、サービス選定の参考になる情報をまとめています。技術分析・比較フロントエンドバックエンドもっと見る
20259/14Next.js/ReactプロジェクトのUIライブラリ比較・選定ガイド能戸 成琉Software EngineerZenn記事shadcn/ui、HeroUI、Chakra UI、MUI、daisyUIといった主要UIライブラリを取り上げ、React/Next.jsで構築する時の選定に役立つ特徴を比較し、考慮すべきポイントを整理して解説しています。技術分析・比較フロントエンドもっと見る
20259/2Next.js+BunをCloud Runに自動デプロイする方法能戸 成琉Software EngineerNext.jsとBunを使ってCloud Run上に自動デプロイする手順を解説。GitHub ActionsでWorkload Identity連携を活用し、高速なビルド環境を構築。サービスアカウントキー不要で安全にデプロイできます。開発・プログラミングフロントエンドもっと見る
20258/17次世代ビルドツール「Vite」の特徴と技術選定のポイント能戸 成琉Software Engineer次世代ビルドツールViteの設計思想から最新トレンド、実際の技術選定基準まで、導入検討に必要な情報を分かりやすく解説します。開発体験の向上を目指す開発者や技術選定で迷われている方必見のガイドです。技術分析・比較フロントエンドもっと見る
20257/232025年版 フロントエンドパッケージマネージャー比較と選定能戸 成琉Software Engineerフロントエンド開発でどのパッケージマネージャーを選ぶべきなのか？npm、yarn、pnpm、bunの速度・容量・安定性を実測データで徹底比較。インストール時間、ディスク使用量、モノレポ対応まで詳しく解説し、プロジェクト規模や開発スタイルに最適なツールの選び方を2025年最新情報でガイドします。技術分析・比較フロントエンドもっと見る
.png&w=3840&q=75)
.png&w=3840&q=75)
