2026-04-13

未分類

FigmaのスクリーンショットからCSSを書いていた話を終わらせる──Claude Code × Figma MCPで実現する双方向ワークフロー完全ガイド

はじめにFigmaのデザインを確認して、マージンを目で測り、padding: 16pxと書く。色をスポイトで拾って#6366f1と入力する。そういった作業を毎回繰り返しているなら、この記事は読む価値がある。問題はピクセルの再現精度だけではな...
未分類

毎回Claudeに同じ説明をしている人へ──Auto Memory・MEMORY.md・autoDreamで「記憶するClaude Code」を作る

はじめに「また同じこと説明した」と思ったことはないだろうか。プロジェクトのコーディング規約、先週のコードレビューで決めた命名ルール、「このパターンは以前やって失敗した」という経緯——Claude Codeは毎回のセッション開始時にそれを全部...
未分類

Claude Code × Prisma v6:TypedSQL・Prisma Postgres・AccelerateでAI駆動DB開発を加速する

はじめにPrismaを使っていて「複雑な集計クエリはORMのビルダーでは書けないから、しかたなく$queryRawで生SQLを書いた」という経験はないだろうか。問題は戻り値がunknown[]になることだ。手動でキャストしてもPrismaの...
未分類

Claude Code × pnpm Workspaces完全ガイド——workspace:プロトコル・–filter・Catalogをマスターする

はじめにモノレポを運用していると、ある日Claude Codeがnpm installを実行してしまってpackage-lock.jsonが生成されたり、内部パッケージへの依存を"@myorg/ui": "^1.0.0"という実バージョンで...
未分類

Claude Code × Stripe:Checkout・Webhooks実装をAIで加速する実践ガイド

はじめにStripeの実装で最初に詰まるのはWebhookだ。署名検証に失敗して400エラーが返ってくる。原因を調べると「生のリクエストボディを使わないといけない」と分かるが、Next.jsのbodyParserが邪魔をしていた——という経...
未分類

Claude Code × Biome:ESLint+Prettierを一発で置き換えるRust製ツールチェーン

Claude Code × Biome:ESLint+Prettierを一発で置き換えるRust製ツールチェーンはじめにClaude CodeにPRを作ってもらったら、レビューコメントがフォーマットの指摘で溢れた——そんな経験はないだろうか...
未分類

Claude Code × Neon:DBブランチをPRと連動させるサーバーレスPostgres活用術

Claude Code × Neon:DBブランチをPRと連動させるサーバーレスPostgres活用術はじめにステージング環境のDBを誰かが壊してしまい、チーム全員の作業が止まった——共有のデータベースを複数人で使い回していると、こういった...
未分類

Claude Code × Cloudflare D1:エッジSQLiteをWrangler CLIで自在に操るワークフロー

Claude Code × Cloudflare D1:エッジSQLiteをWrangler CLIで自在に操るワークフローはじめにCloudflare WorkersでAPIを作ろうとして、「データベースをどこに置けばいいか」で詰まった経...
未分類

Claude Code × TanStack Query:キャッシュ戦略から楽観的更新まで効率的に実装する

Claude Code × TanStack Query:キャッシュ戦略から楽観的更新まで効率的に実装するはじめに「APIから取得したデータをどこで管理するか」という問いに、長年のReact開発者でも迷う場面がある。useStateで管理す...
未分類

Claude Code × ElysiaJS:Eden型安全クライアントで作るBunネイティブAPI

Claude Code × ElysiaJS:Eden型安全クライアントで作るBunネイティブAPIはじめにHonoでAPIを書いていると、ある壁にぶつかる瞬間がある。フロントエンドにHono RPCで型を共有しようとすると、レスポンスの成...