Next.jsで本格ブラウザ麻雀ゲームを開発した技術スタック全解説
Next.js 16とTypeScriptで開発したブラウザ麻雀ゲーム「雀天」の技術構成を解説。ゲームロジックのnpmパッケージ分離、純関数ベースの状態管理、モバイル対応の設計判断まで、実際のコードを交えて紹介します。
Next.jsTypeScriptReact
👨💼
髙木 晃宏
2026-04-09
📖2分
🎨
Frontend
React、Next.js、TypeScriptなどフロントエンド技術の最新トレンドと実践的なテクニック
📄12 記事
Next.js開発を加速するTurbopackとWebpackの実践比較
Next.jsの新バンドラーTurbopackとWebpackを開発速度・設定・移行コストの観点で比較。実測データと設定例を交えて、プロジェクトに最適な選択肢を解説します。
Next.jsTurbopackWebpack
👨💼
髙木 晃宏
2026-04-09
📖9分
MarkdownをPDFに変換する方法｜VSCode拡張・Pandoc・CLIツールを比較
MarkdownをPDFに変換する方法を、VSCode拡張機能（Markdown PDF）・Pandoc・md-to-pdfの3つで比較解説。インストールから設定、CSSカスタマイズ、CI/CD連携まで、実務で使えるワークフローをまとめました。
VSCodeMarkdownPDF
👨💼
髙木 晃宏
2026-04-09
📖4分
ドメイン駆動設計をフロントエンドに活かす実践ガイド
ドメイン駆動設計（DDD）をフロントエンド開発に取り入れる方法を解説。業務ロジックの整理からコンポーネント設計まで、中小企業のシステム品質を高める実践的なアプローチを紹介します。
ドメイン駆動設計フロントエンドDDD
👨💼
髙木 晃宏
2026-04-05
📖8分
TypeScript入門──型安全がもたらす開発体験の変化
TypeScriptの基本概念から導入メリット、JavaScriptとの違いまでを解説。型安全による開発効率の向上と、エンジニアに支持される理由を実務視点で紹介します。
TypeScriptフロントエンドJavaScript
👨💼
髙木 晃宏
2026-04-02
📖7分
shadcn/uiとTailwind CSSの違いを正しく理解する
shadcn/uiとTailwind CSSは混同されがちですが、役割が根本的に異なります。両者の設計思想・使い分け・併用パターンをエンジニア視点で丁寧に解説します。
フロントエンドshadcn/uiTailwind CSS
👨💼
髙木 晃宏
2026-03-27
📖9分
Vitest入門：次世代テストフレームワークの全体像と実践
Viteベースの高速テストフレームワークVitestの基本から実践的な使い方までを解説。Jest互換のAPIや設定方法、モック、カバレッジ計測まで包括的に紹介します。
Vitestテストフロントエンド
👨💼
髙木 晃宏
2026-03-25
📖7分
Node.jsとNext.jsの違いとは？Nuxt.js・Nest.jsも含めて徹底比較
Node.jsとNext.jsの違いをわかりやすく解説。ランタイムとフレームワークの関係性を整理した上で、Nuxt.js・Nest.jsも含めた4つの技術の役割と選定基準を実務の視点から比較します。
Next.jsNuxt.jsNest.js
👨💼
髙木 晃宏
2026-03-19
📖11分
Next.js 15 パフォーマンス最適化ガイド：Core Web Vitals改善の実践テクニック
Next.js 15の新機能を活用したパフォーマンス最適化のベストプラクティスを詳しく解説。Server Components、キャッシュ戦略、画像最適化からCore Web Vitals改善まで実践的なノウハウを徹底解説。
Next.jsPerformanceReact
👨💼
髙木 晃宏
2025-08-05
📖2分