SKIP TO CONTENT
GENERAL TRACK

あなたのバイブコーディング・ツールキット

プロのバイブコーダーが使うツール、テクニック、プロンプトのパターンをマスターしましょう。

1最高の AI コーディングツール

AI コーディングツールのエコシステムは広がり続けています。それぞれに、さまざまな状況での強みがあります。知っておくべき主なツールを紹介します:

C

Claude (Anthropic)

claude.ai / Claude Code CLI

複雑な要件を理解し、よく構造化されたコードを生成するのが得意です。フルスタック開発、デバッグ、概念の説明に強みがあります。Claude Code はあなたのパソコン上で直接ファイルを編集し、コマンドを実行できます。

最適な用途:複雑なロジックフルスタックデバッグ
G

ChatGPT (OpenAI)

chatgpt.com

強力なコーディング能力を備えた多用途な AI アシスタントです。コードスニペットの生成、概念の説明、幅広いプログラミング言語のサポートが得意です。Canvas モードでは、チャットの横に並べてコードを編集できます。

最適な用途:すばやい回答コードスニペット学習
Cu

Cursor

cursor.com

AI ネイティブなコードエディタ(VS Code がベース)です。AI が編集体験に直接組み込まれており、プロジェクト全体を見渡し、複数のファイルにまたがる変更を提案し、入力中に自動補完します。プロのバイブコーディングの定番ツールです。

最適な用途:本格的なプロジェクト複数ファイル日常使い
v0

v0.dev (Vercel)

v0.dev

テキストのプロンプトから UI コンポーネントを生成します。Tailwind CSS のスタイルが付いた React/Next.js のコードを出力します。デザインをすばやく試作し、プロジェクトに貼り付けられる本番対応のコンポーネントコードを得るのに最適です。

最適な用途:UI デザインコンポーネント試作
B

Bolt.new / Replit Agent

bolt.new / replit.com

説明文から、動作する完全なプロジェクトを生成するフルスタックのアプリビルダーです。ビルドシステム、デプロイ、ホスティングまで面倒を見てくれます。ローカル環境の設定なしで、数分で完成したアプリを動かすのに最適です。

最適な用途:完成したアプリ設定不要すばやいデプロイ

2どのツールをいつ使うか

3プロンプトエンジニアリング・チートシート

4AI でデバッグする

5次のステップ:あなたの旅は続く