Blog
フルスタック・AI・チームビルディングの現場知識を言語化した記事一覧
AstroとAWS CDK + CloudFrontで技術ブログを構築した話
放置していたWordPressブログを、AIが面倒を減らしてくれたから再挑戦できた。Astro SSG + AWS CDK + CloudFrontで月120円、AstroもCDKも初挑戦で構築した記録。
AstroサイトのS3+CloudFrontキャッシュ戦略：静的サイトを最速にする
AstroのビルドアーティファクトをS3+CloudFrontで配信するときのキャッシュ設計。immutableキャッシュとno-cacheの使い分け・デプロイ後の即時反映・CloudFront Invalidationのコスト管理まで。
S3 + CloudFrontで静的サイトを本番運用する——このブログを構築して学んだこと
S3バケット設定・CloudFrontのOAC・CDKによるIaC・Invalidationの必要性まで、実際にこのブログで使っている構成と詰まったポイントを整理する。
AWS CDKを初めて使って詰まった5つのこと
IaC初挑戦でAWS CDKを選んでこのブログのインフラを構築した際に直面した5つの壁と、その解決策をまとめました。CDK初心者が同じ穴にはまらないように。
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のコード例で体系的にまとめる。