記事一覧

TanStack Query を Next.js App Router の静的エクスポート構成に入れる手順を、Providerの初期化(use client)→layoutラップ→共通fetch(lib/api.ts)→hooks(1ファイル1フック)→コンポーネントでの使い方、まで一気通貫でまとめます。

保存(Ctrl+S)のたびに未使用importを消し、importの並び順も自動で揃える設定を、ESLint flat config で作ります。eslint-plugin-unused-imports と simple-import-sort、VS Code の codeActionsOnSave、Prettier との併用・順序までまとめます。

Claude Code でマウス選択→コピペが効かなくなるのは、フルスクリーン(alt-screen)表示がマウスイベントを奪うため。/tui default で戻す・ターミナル別の修飾キー+ドラッグ・Claude Code 内蔵の選択コピーなど、公式ドキュメント出典つきで対処法を整理します。

REST API v1 + Lambda を Terraform で組むと、ルート追加のたびに resource/method/integration/permission をコピペしがち。OpenAPI body import + module の for_each + 派生マップで、「エンドポイント追加は openapi.yml に1ブロック、Lambda 追加は locals に1行」に収める設計を、Makefile の zip ビルドと GitHub Actions まで含めてまとめます。

create-next-app から Amplify Gen2 のバックエンド（Cognito/DynamoDB/Lambda）を追加し、Server Actions での SSR 書き込み、Lambda を API Gateway で REST 公開、Next.js API Route、Amplify Hosting の Git 連携デプロイまでを一気通貫でまとめます。

AWS API Gateway の REST API(v1) と HTTP API(v2) を、機能・料金・認証・Terraform の書き味の観点で比較します。公式のフィーチャーマトリクスと料金表を出典つきで整理し、「迷ったら HTTP API、これが要るなら REST」という選定基準に落とし込みます。