メインコンテンツへスキップ

​
クイックスタート

このガイドでは、サブスクリプションからClaude Opus 4.5やGemini 3 ProなどのトップAIモデルをコーディングツールで使用するまで、数分でコーディングプランを始める方法を説明します。

​
はじめに

1

登録またはログイン

VibeCodeCheapオープンプラットフォームにアクセスし、登録またはログインします。
2

コーディングプランに登録

ログイン後、コーディングプランに移動して、お好みのサブスクリプションプランを選択します。
3

APIキーを取得

サブスクリプション後、アカウントダッシュボードに移動し、APIキーをクリックして新しいAPIキーを生成します。
APIキーは機密情報として保管し、コードにハードコーディングしないでください。環境変数または設定ファイルに保存することをお勧めします。
4

コーディングツールを選択

コーディングプランは複数の主要なコーディングツールをサポートしています。お好みに応じて選択してください：

Claude Code

Roo Code

Kilo Code

Cline

OpenCode

Crush

Goose

Cursor

その他のツール

5

コーディングツールの設定

Claude Codeを例として、AIモデルを使用するための設定を行います：
1. Claude Codeのインストール前提条件：Node.js 18以降のバージョンをインストールする必要があります
# ターミナルを開いてClaude Codeをインストール
npm install -g @anthropic-ai/claude-code

# 作業ディレクトリ（例：`your-project`）を作成し、`cd`で移動
cd your-project

# インストール後、`claude`を実行してClaude Codeインタラクティブインターフェースに入る
claude
2. 環境変数の設定Claude Codeをインストールした後、以下のいずれかの方法で環境変数を設定します：
環境変数を設定する際、ターミナルは何も出力を返しません。これは正常であり、エラーメッセージが表示されなければ、設定は正常に適用されています。
Claude Code設定ファイル~/.claude/settings.jsonを編集しますenvフィールドを追加または変更します：
{
  "env": {
    "ANTHROPIC_AUTH_TOKEN": "your_api_key",
    "ANTHROPIC_BASE_URL": "https://api.vibecodecheap.com/v1/ai",
    "API_TIMEOUT_MS": "3000000"
  }
}
your_api_keyを前のステップで取得したAPIキーに置き換えてください。
6

コーディング開始

設定が完了したら、強力なAIモデルでコーディングを開始できます！
# Claude Codeで自然言語コマンドを使用
ユーザーログインフォームを含むReactコンポーネントを作成してください
Claude Opus 4.5 / Gemini 3 Proは自動的に：
  • 要件を分析し、実装計画を策定
  • 完全なReactコンポーネントコードを生成
  • フォームバリデーションとスタイリングを含む
  • コードが直接実行できることを確認

​
機能例

スマートコード補完

コンテキストに基づいてリアルタイムで補完提案を生成し、手入力を減らし、開発効率を大幅に向上させます。
// 関数名を入力すると、AIが実装を自動補完
function calculateTotal(items) {
  // Claude Opus 4.5 / Gemini 3 Proが自動的に完全な関数実装を生成
}

コードリポジトリQ&A

チームのコードベースについていつでも質問して、全体的な理解を維持できます。
Q: このプロジェクトでユーザー認証はどのように実装されていますか？
A: AIがコードベースを分析し、認証プロセスと関連ファイルの詳細な説明を提供します。

自動タスク管理

lintの問題、マージコンフリクト、リリースノート生成をワンクリックで修正。
# コードスタイルの問題を自動修正
すべてのESLintエラーを修正してください

# ドキュメントを自動生成
このAPIの詳細なドキュメントを生成してください