Blog
フルスタック・AI・チームビルディングの現場知識を言語化した記事一覧
Docker開発環境を標準化してチームの「動かない」を減らす
「自分のPCでは動く」問題を撲滅するためにDocker開発環境を整備した話。docker-compose設計・.env管理・M1/M2 Macの罠・NestJS+PostgreSQL構成まで実践的にまとめます。
CloudWatchでAWSを監視する——メトリクス・アラーム・ログの実務パターン
CloudWatchのメトリクス・アラーム・Logs Insightsを使ったAWSリソース監視の実務パターンを、テックリード視点で整理する。
React×Next.jsの選択基準を実務から考える —SPA・SSR・SSGをどう使い分けるか
治験CRMではSPA、このブログではSSGを選んだ理由を実体験から整理。App Router vs Pages Router、CSR/SSR/SSG/ISRそれぞれのユースケースと実務での判断基準をまとめます。
TypeScript Utility Types実践ガイド——Partial・Pick・Omitを実務でどう使うか
TypeScriptのUtility Types（Partial、Required、Pick、Omit、Record、ReturnTypeなど）をReact/Next.js実務で使うパターンをコード例付きで解説。any禁止チームが型安全を保つための具体的なテクニック集。
TypeScriptとReact/Next.js実践本を読んで実務で使い続けた話——テックリード視点の正直な評価
TypeScriptとReact/Next.jsでつくる実践Webアプリ開発を実務投入直前に読み、その後チームに展開するまでの体験談。初心者向けの入門書として買ったが、中級者になった今でも参照する理由を正直に書く。
TypeScriptとReact/Next.js実践本を未経験エンジニアが読んだ正直な感想
エンジニア転職直後、TypeScriptもReactも「名前だけ知っている」状態で手に取った一冊の正直な評価。独学からの実務投入前に読んで何が役立ったか、何が足りなかったかを書く。
Next.jsのデプロイ先を選ぶ——Vercel・AWS・Herokuを比較して学んだこと
Next.jsアプリのデプロイ先としてVercel、AWS（S3+CloudFront、Amplify、EC2）、Herokuを比較。SSG・SSR・ISRの特性も踏まえ、プロジェクト規模・要件ごとの選択基準を実務経験から整理する。
StripeとNext.jsで決済機能を実装する——Checkout・Webhook・本番対応まで
Next.jsにStripeを組み込んでEC決済を実装する手順を解説。Checkout Session作成・Webhook受信・エラーハンドリング・本番公開前チェックリストまで、TypeScriptのコード例で体系的にまとめる。
フロントエンドエンジニアが最低限知っておくべきアクセシビリティ入門
WAI-ARIA・セマンティックHTML・キーボード操作・コントラスト比など、ReactとNext.jsプロジェクトで押さえるべきアクセシビリティの基本を実装例とともに解説。医療系システムの現場での実体験もあわせて紹介。
styled-components vs CSS Modules——Next.jsプロジェクトでCSS設計を選ぶ基準
CSS-in-JSのstyled-componentsとCSS Modulesをパフォーマンス・DX・チーム開発の観点で比較。Next.js + TypeScriptプロジェクトでどちらを選ぶべきか、実務経験をもとに判断基準を整理する。
Next.jsのSSR・SSG・ISRを実務でどう使い分けるか
ドキュメントを読めばわかるが実務判断が難しいNext.jsのレンダリング手法。複数プロジェクトの経験から判断フローと落とし穴を整理する。
Next.jsでSEOを実装するときに押さえるべきこと——メタデータからJSON-LDまで
「Next.jsを使えばSEOは大丈夫」は誤解。App RouterでのMetadata API、OGP、JSON-LD、サイトマップの実装方法と実務での注意点をまとめる。