> ## Documentation Index
> Fetch the complete documentation index at: https://docs.bettertoken.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# クイックスタート

> 4 ステップでアカウントへの登録、残高の追加、API Key の作成を行い、ツールに対応する設定ガイドに進みます。

<Steps>
  <Step title="アカウントを作成する">
    <a href={"https://bettertoken.ai/register"}>BetterToken の登録ページ</a>にアクセスして、アカウントを作成します。

    登録すると、**\$1 のトライアルクレジット**が自動的に追加されます。
  </Step>

  <Step title="アカウントに残高を追加する">
    **オンラインチャージ**または**引き換えコード**を利用できます。残高を追加したらコンソールに戻り、**Current balance** が更新されたことを確認してから API Key を作成します。

    <Tabs>
      <Tab title="オンラインチャージ">
        サインインして **Console** を開きます。**Current balance** カードでチャージする通貨を選び、対応する **Top up** ボタンをクリックします。

        <Frame>
          <img src="https://mintcdn.com/bettertoken-d796114e/Vkfn6ogJv9GAopMv/images/quickstart/change_code.png?fit=max&auto=format&n=Vkfn6ogJv9GAopMv&q=85&s=8a68074a8aba45dabb491bf5ddc190d3" alt="BetterToken Console の Current balance カードにある USD と RUB の Top up ボタン。" style={{ borderRadius: '0.5rem' }} width="2430" height="1380" data-path="images/quickstart/change_code.png" />
        </Frame>

        画面の案内に沿って支払いを完了します。支払いが完了したらコンソールに戻り、**Current balance** が更新されたことを確認します。
      </Tab>

      <Tab title="引き換えコード">
        サインインして **Console** を開き、**Current balance** カードの左下にある **Redeem code** をクリックします。

        <Frame>
          <img src="https://mintcdn.com/bettertoken-d796114e/HNF4kE5DlqYBF57E/images/quickstart/redeem-code-entry.png?fit=max&auto=format&n=HNF4kE5DlqYBF57E&q=85&s=29796b8cb759df99e29a55769d8813f5" alt="BetterToken Console の Current balance カードで、左下の Redeem code ボタンを矢印が示している画面。" style={{ borderRadius: '0.5rem' }} width="2426" height="1442" data-path="images/quickstart/redeem-code-entry.png" />
        </Frame>

        ダイアログに引き換えコードを入力し、**Redeem** をクリックします。

        <Frame>
          <img src="https://mintcdn.com/bettertoken-d796114e/yi2bQP5Q3QRPQ3t1/images/quickstart/redeem-code-form.png?fit=max&auto=format&n=yi2bQP5Q3QRPQ3t1&q=85&s=9ac0dd86ddc28a216ab5a85fca69f527" alt="コード入力欄と Redeem ボタンがある Redeem code ダイアログ。" style={{ borderRadius: '0.5rem' }} width="3182" height="1694" data-path="images/quickstart/redeem-code-form.png" />
        </Frame>

        コードを引き換えたらコンソールに戻り、**Current balance** が更新されたことを確認します。
      </Tab>
    </Tabs>
  </Step>

  <Step title="API Key 管理を開いて API Key を作成する">
    利用可能な残高があることを確認し、コンソールの **Your API keys** セクション右上にある **Create API key** をクリックします。

    <Frame>
      <img src="https://mintcdn.com/bettertoken-d796114e/HNF4kE5DlqYBF57E/images/quickstart/create-api-key-1.png?fit=max&auto=format&n=HNF4kE5DlqYBF57E&q=85&s=ef317a266785edfecd5037f8fd4da9bc" alt="BetterToken Console の Your API keys セクションで、右上の Create API key ボタンを矢印が示している画面。" style={{ borderRadius: '0.5rem' }} width="2486" height="1598" data-path="images/quickstart/create-api-key-1.png" />
    </Frame>

    API Key の作成フォームが開きます。

    <Info>
      API Key の名前には、この Key の用途を指定します。先に用途を決めておくと、その後の設定を進めやすくなります。
    </Info>
  </Step>

  <Step title="ツールの種類に合わせてプロバイダーを選ぶ">
    フォームで **Name** を入力し、**provider** を選びます。有効期限と、任意の利用上限も確認してください。

    <Frame>
      <img src="https://mintcdn.com/bettertoken-d796114e/yi2bQP5Q3QRPQ3t1/images/quickstart/create-api-key-form.png?fit=max&auto=format&n=yi2bQP5Q3QRPQ3t1&q=85&s=650e3f5ec45e20b41a421de350fa40ac" alt="名前、プロバイダー、有効期限、利用上限を設定する Create API Key フォーム。" style={{ borderRadius: '0.5rem' }} width="2514" height="1582" data-path="images/quickstart/create-api-key-form.png" />
    </Frame>

    接続するツールに合わせてプロバイダーを選びます。

    <Warning>
      **Claude プロバイダー**は Claude Code でのみ使用できます。
    </Warning>

    <Warning>
      **GPT プロバイダー**は Codex、および OpenClaw、OpenCode、Cursor などの外部ツールで使用できます。
    </Warning>

    次のいずれかを選びます。

    ```text theme={null}
    Claude
    GPT
    ```

    Key を作成すると、**API key setup** ダイアログが開きます。このダイアログから **API Key** と **Base URL** をコピーします。

    <Frame>
      <img src="https://mintcdn.com/bettertoken-d796114e/HNF4kE5DlqYBF57E/images/quickstart/api-key-setup.png?fit=max&auto=format&n=HNF4kE5DlqYBF57E&q=85&s=b362522387efd6fcf4accf675924e6ef" alt="API Key、Base URL、ツール選択、設定方法を表示する BetterToken の API key setup ダイアログ。" style={{ borderRadius: '0.5rem' }} width="2286" height="1598" data-path="images/quickstart/api-key-setup.png" />
    </Frame>
  </Step>

  <Step title="設定方法を選ぶ">
    **API key setup** ダイアログの左側で接続するツールを選び、設定方法を 1 つ選択します。

    * **One-click Bash Configuration**：ツールと `macOS / Linux` または `Windows` を選択し、生成されたコマンドをコピーしてローカルのターミナルで実行します。Codex、OpenClaw、OpenCode をすばやく設定する場合に使用します。
    * **CC Switch との連携**：**Import to CC Switch** をクリックし、現在の **API Key** と **Base URL** を CC Switch にインポートします。複数のツールやプロバイダーを 1 つのアプリで管理する場合に使用します。
    * **手動設定**：**API Key** と **Base URL** をコピーし、対象ツールの設定画面に貼り付けます。Cursor、Cline、Roo Code、Zed などのクライアントで使用します。

    <Note>
      認証フィールド、モデル選択、設定ファイルの場所はツールごとに異なります。設定を完了する前に、対象ツールのガイドを確認してください。
    </Note>
  </Step>
</Steps>

## 次のステップ

使用するツールのガイドに進みます。

<Card title="CC Switch を接続" href="/ja/ai-tools/cc-switch">
  Claude Code、Codex CLI、OpenCode、OpenClaw のプロバイダーを 1 か所で管理する場合は、ここから始めます。
</Card>

<Columns cols={2}>
  <Card title="Claude Code を接続" icon="terminal" href="/ja/ai-tools/claude-code">
    **Claude プロバイダー**を使用し、Claude Code の設定ガイドに従います。
  </Card>

  <Card title="Codex を接続" icon="code" href="/ja/ai-tools/codex">
    **GPT プロバイダー**を使用し、Codex の設定ガイドに従います。
  </Card>
</Columns>
