authentication2026年7月29日·12分で読めます2026年のモダン認証:JWT、セッション、OAuth、パスキー認証の全体像:セッション対JWTの使い分け、OAuth 2.0/OIDCフロー、リフレッシュトークンローテーション、パスキー(WebAuthn)、実際に使っているNext.js認証パターン。securitynext.jsweb-developmentbackend続きを読む 2026年のモダン認証:JWT、セッション、OAuth、パスキー
css2026年7月28日·11分で読めます2026年のモダンCSS:スタイルの書き方を変えた新機能たちコンテナクエリ、CSSレイヤー、:has()、color-mix()、ネスティング、スクロール駆動アニメーション、アンカーポジショニング。JavaScriptに頼らなくてよくなったCSS機能を解説。web-developmentfrontenddesign続きを読む 2026年のモダンCSS:スタイルの書き方を変えた新機能たち
performance2026年7月17日·8分で読めます2026年のCore Web Vitals:本当に効果のある改善策理論は忘れて――実際のNext.js本番サイトでLCPを2.5秒以下、CLSをゼロ、INPを200ms以下にするために私が実際にやったこと。曖昧なアドバイスではなく、具体的なテクニック。web-developmentnext.jsseo続きを読む 2026年のCore Web Vitals:本当に効果のある改善策
ethereum2026年1月13日·12分で読めますWeb開発者のためのEthereum:誇大広告なしのスマートコントラクトWeb開発者に必要なEthereumの概念:アカウント、トランザクション、スマートコントラクト、ABIエンコーディング、ethers.js、WAGMI、ノードなしでオンチェーンデータを読む方法。web3blockchaintypescriptweb-development続きを読む Web開発者のためのEthereum:誇大広告なしのスマートコントラクト
tailwind2026年1月9日·5分で読めますTailwind CSS v4:実際に何が変わったのか、移行すべきかCSSファースト設定、@layerとの統合、組み込みコンテナクエリ、新エンジンのパフォーマンス、破壊的変更、そしてv3からv4への正直な移行体験。cssweb-developmentfrontend続きを読む Tailwind CSS v4:実際に何が変わったのか、移行すべきか
edge2025年12月18日·6分で読めますエッジファンクション:正体、使いどころ、使うべきでないときエッジランタイム、V8 Isolate、コールドスタートの神話、ジオルーティング、A/Bテスト、エッジでの認証、そして一部をNode.jsに戻した理由。エッジコンピューティングのバランスの取れた考察。next.jsperformancearchitectureweb-development続きを読む エッジファンクション:正体、使いどころ、使うべきでないとき
testing2025年11月24日·13分で読めますVitestテストガイド:ゼロからプロダクション品質の信頼性へユニットテスト、統合テスト、Testing Libraryによるコンポーネントテスト、モック戦略、カバレッジ設定、そして実際により良いソフトウェアを生むテスト哲学。vitesttypescriptreactweb-development続きを読む Vitestテストガイド:ゼロからプロダクション品質の信頼性へ
security2025年11月18日·12分で読めますAPIセキュリティベストプラクティス:全プロジェクトで実行するチェックリスト認証、認可、入力バリデーション、レート制限、CORS、シークレット管理、OWASP API Top 10。本番デプロイ前に毎回チェックする項目をまとめました。apibackendnode.jsweb-development続きを読む APIセキュリティベストプラクティス:全プロジェクトで実行するチェックリスト
next.js2025年11月3日·5分で読めますNext.js プロジェクトを大規模に構造化する:痛い目に遭って学んだこと自らの重みで崩壊しない Next.js コードベースの整理方法について、苦労して得た教訓。機能ベースのアーキテクチャ、ルートグループ、サーバー/クライアントの境界、バレルファイルの罠、そして実際に使えるフォルダ構成。typescriptarchitectureweb-development続きを読む Next.js プロジェクトを大規模に構造化する:痛い目に遭って学んだこと
typescript2025年11月3日·11分で読めますTypeScriptの高度な型:条件型、マップ型、テンプレートリテラル型の魔法TypeScriptの最も強力な型機能を徹底解説。条件型、マップ型、inferキーワード、テンプレートリテラル型など、実際のプロダクションで使えるパターンを紹介します。web-developmentjavascript続きを読む TypeScriptの高度な型:条件型、マップ型、テンプレートリテラル型の魔法
general2025年11月3日·1分で読めますHello World: このブログを始めた理由このブログの裏側にあるストーリー。なぜ書くことを決めたのか、どんなトピックを扱うのか、そしてこのサイトがどのようにゼロから構築されたのか。web-development続きを読む Hello World: このブログを始めた理由
react2025年11月3日·16分で読めますReact Server Components:メンタルモデル、パターン、そして落とし穴React Server Componentsを始めたときに存在してほしかった実践ガイド。メンタルモデル、実際のパターン、境界の問題、そして私の失敗から学べること。next.jsweb-developmentarchitecture続きを読む React Server Components:メンタルモデル、パターン、そして落とし穴