2026年のモダン認証：JWT、セッション、OAuth、パスキー

認証の全体像：セッション対JWTの使い分け、OAuth 2.0/OIDCフロー、リフレッシュトークンローテーション、パスキー（WebAuthn）、実際に使っているNext.js認証パターン。

securitynext.jsweb-developmentbackend

css2026年7月28日·11分で読めます

2026年のモダンCSS：スタイルの書き方を変えた新機能たち

コンテナクエリ、CSSレイヤー、:has()、color-mix()、ネスティング、スクロール駆動アニメーション、アンカーポジショニング。JavaScriptに頼らなくてよくなったCSS機能を解説。

web-developmentfrontenddesign

performance2026年7月17日·8分で読めます

2026年のCore Web Vitals：本当に効果のある改善策

理論は忘れて――実際のNext.js本番サイトでLCPを2.5秒以下、CLSをゼロ、INPを200ms以下にするために私が実際にやったこと。曖昧なアドバイスではなく、具体的なテクニック。

web-developmentnext.jsseo

web32026年1月20日·5分で読めます

本番環境でのオンチェーンデータ：誰も教えてくれないこと

ブロックチェーンデータはクリーンでも、信頼できるものでも、簡単なものでもない。RPCレート制限、チェーンリオーグ、BigIntのバグ、インデクシングのトレードオフ — 実際のDeFi製品をリリースして得た厳しい教訓。

blockchaintypescriptdefiethereum

ethereum2026年1月13日·12分で読めます

Web開発者のためのEthereum：誇大広告なしのスマートコントラクト

Web開発者に必要なEthereumの概念：アカウント、トランザクション、スマートコントラクト、ABIエンコーディング、ethers.js、WAGMI、ノードなしでオンチェーンデータを読む方法。

web3blockchaintypescriptweb-development

tailwind2026年1月9日·5分で読めます

Tailwind CSS v4：実際に何が変わったのか、移行すべきか

CSSファースト設定、@layerとの統合、組み込みコンテナクエリ、新エンジンのパフォーマンス、破壊的変更、そしてv3からv4への正直な移行体験。

cssweb-developmentfrontend

bun2026年1月2日·9分で読めます

Bun本番運用：うまくいくこと、いかないこと、驚いたこと

ランタイム、パッケージマネージャー、バンドラー、テストランナーとしてのBun。実ベンチマーク、Node.js互換性ギャップ、移行パターン、プロダクションでBunを使っている場面。

node.jsjavascriptruntimeperformance

edge2025年12月18日·6分で読めます

エッジファンクション：正体、使いどころ、使うべきでないとき

エッジランタイム、V8 Isolate、コールドスタートの神話、ジオルーティング、A/Bテスト、エッジでの認証、そして一部をNode.jsに戻した理由。エッジコンピューティングのバランスの取れた考察。

next.jsperformancearchitectureweb-development

node.js2025年12月8日·7分で読めます

Node.jsオブザーバビリティ：複雑さなしでログ、メトリクス、トレースを実現

Pinoによる構造化ログ、Prometheusメトリクス、OpenTelemetry分散トレーシング。Node.jsプロダクションアプリのオブザーバビリティスタックをゼロから完全な可視性まで解説。

observabilitydevopsmonitoringbackend

turborepo2025年11月27日·30分で読めます

Turborepoモノレポ：本当にスケールするセットアップ

パッケージ共有する複数アプリのTurborepoモノレポ構成方法。ワークスペース設定、パイプラインキャッシュ、共有TypeScript設定、そして最初の1ヶ月で犯した失敗。

monorepotypescriptarchitecturedeveloper-tools

trpc2025年11月26日·14分で読めます

tRPC：煩雑さのないエンドツーエンドの型安全性

tRPCがAPIコントラクト問題をどう解消するか、Next.js App Routerとの統合、認証ミドルウェア、ファイルアップロード、サブスクリプションまで。実践的なtRPCセットアップをゼロから解説します。

typescriptnext.jsapifullstack

testing2025年11月24日·13分で読めます

Vitestテストガイド：ゼロからプロダクション品質の信頼性へ

ユニットテスト、統合テスト、Testing Libraryによるコンポーネントテスト、モック戦略、カバレッジ設定、そして実際により良いソフトウェアを生むテスト哲学。

vitesttypescriptreactweb-development

security2025年11月18日·12分で読めます

APIセキュリティベストプラクティス：全プロジェクトで実行するチェックリスト

認証、認可、入力バリデーション、レート制限、CORS、シークレット管理、OWASP API Top 10。本番デプロイ前に毎回チェックする項目をまとめました。

apibackendnode.jsweb-development

devops2025年11月14日·5分で読めます

本当に動くVPSセットアップ：Node.js、PM2、Nginx、そしてゼロダウンタイムデプロイ

本番環境で実際に使用しているVPSデプロイメントのセットアップ — Ubuntuの堅牢化、PM2クラスターモード、Nginxリバースプロキシ、SSL、そして一度も失敗していないデプロイスクリプト。理論ではなく、動くものだけ。

vpsnginxpm2deploymentinfrastructure

github-actions2025年11月12日·15分で読めます

GitHub Actions CI/CD：本当に動くゼロダウンタイムデプロイ

完全なGitHub Actionsセットアップ：並列テストジョブ、Dockerビルドキャッシュ、VPSへのSSHデプロイ、PM2によるゼロダウンタイム、シークレット管理、実用的なワークフローパターン。

cicddevopsdeploymentinfrastructure

docker2025年11月10日·24分で読めます

Docker for Node.js：誰も教えてくれない本番対応セットアップ

マルチステージビルド、非rootユーザー、ヘルスチェック、シークレット管理、イメージサイズ最適化。すべてのNode.jsプロダクションデプロイで使っているDockerパターン。

node.jsdevopsdeploymentinfrastructure

postgresql2025年11月6日·6分で読めます

PostgreSQLクエリ最適化：数秒からサブミリ秒へ

プロダクションデータベースで実際に使っているPostgreSQL最適化テクニック。EXPLAIN ANALYZE、インデックス戦略、クエリの書き換え、クエリ時間を秒からマイクロ秒に短縮した具体的な変更点を解説。

databaseperformancebackend

database2025年11月4日·13分で読めます

データベーススキーマ設計：時を経ても色あせないパターン

正規化ルール、命名規則、ソフトデリート、監査証跡、マルチテナンシーパターン、バージョニング戦略、そして後悔したスキーマの決定。PostgreSQL中心に解説。

postgresqlarchitecturebackendsql

redis2025年11月4日·16分で読めます

プロダクションで本当に使えるRedisキャッシュ戦略

Cache-aside、Write-through、キャッシュスタンピード防止、TTL戦略、無効化パターン。プロダクションのNode.jsアプリで使ってきたRedisパターンを実コード付きで解説。

cachingbackendnode.jsperformance

git2025年11月4日·6分で読めます

Git応用ワークフロー：毎週何時間も節約できるコマンドたち

インタラクティブリベース、cherry-pick、bisect、worktree、reflogレスキュー、実際に機能するブランチ戦略。ほとんどの開発者が知らない、毎日使うGitコマンド。

devopsworkflowdeveloper-tools

next.js2025年11月3日·5分で読めます

Next.js プロジェクトを大規模に構造化する：痛い目に遭って学んだこと

自らの重みで崩壊しない Next.js コードベースの整理方法について、苦労して得た教訓。機能ベースのアーキテクチャ、ルートグループ、サーバー/クライアントの境界、バレルファイルの罠、そして実際に使えるフォルダ構成。

typescriptarchitectureweb-development

typescript2025年11月3日·11分で読めます

TypeScriptの高度な型：条件型、マップ型、テンプレートリテラル型の魔法

TypeScriptの最も強力な型機能を徹底解説。条件型、マップ型、inferキーワード、テンプレートリテラル型など、実際のプロダクションで使えるパターンを紹介します。

web-developmentjavascript

general2025年11月3日·1分で読めます

Hello World: このブログを始めた理由

このブログの裏側にあるストーリー。なぜ書くことを決めたのか、どんなトピックを扱うのか、そしてこのサイトがどのようにゼロから構築されたのか。

web-development

react2025年11月3日·16分で読めます

React Server Components：メンタルモデル、パターン、そして落とし穴

React Server Componentsを始めたときに存在してほしかった実践ガイド。メンタルモデル、実際のパターン、境界の問題、そして私の失敗から学べること。

next.jsweb-developmentarchitecture