HopBase の使い方を選ぶ

2 つの利用方法から 1 つを選びます: コンソールのワンクリック接続で Claude Code や Codex とつなぐか、クリエイティブスタジオで商品画像・動画を生成するかです。

Claude Code、Codex CLI、Codex App でコードを書く場合は利用方法 1 を、ブラウザで商品画像・動画を生成するだけなら利用方法 2 を選んでください。利用方法 2 では API キーは不要です。

ツール	キー作成時に選ぶグループ	接続方法
Claude Code	Claude Max(公式フル枠)、Claude Max(公式フル枠)- 期間限定特価、または Claude Max（ccmax）	ワンクリック接続でクライアント Claude Code を選択
Codex CLI	Codex Plus または Codex Pro	ワンクリック接続でクライアント Codex CLI を選択
Codex App	Codex Plus または Codex Pro	CC Switch でインポートし、クライアント Codex CLI を選択

利用方法 1: Claude Code または Codex CLI で使う(3 ステップ)

コンソールのワンクリック接続は、クライアントのインストール、キー設定の書き込み、接続確認までを行うコマンドを 1 つ生成します。macOS、Linux、Windows に対応しています。Codex App にはコマンドラインの入口がないため、CC Switch でインポートしてください。

対応するグループのキーを作成する

コンソールの APIキーページを開いてキーを作成をクリックし、上の表に従ってグループを選びます。Claude Max（ccmax）は Claude Code クライアントでのみ使用できます。完全なキーをチャット、サポートチケット、スクリーンショットに貼り付けないでください。

ワンクリック接続コマンドを生成する

キーの横にあるワンクリック接続を選び、Claude Code または Codex CLI を選択して、macOS / Linux か Windows PowerShell かを確認します。接続コマンドを生成をクリックしてコピーしてください。コマンドは 15 分間有効で 1 回だけ使用でき、キー自体は含まれません。

ターミナルでコマンドを実行する

Spotlight で「ターミナル」を検索して開き、コマンドを貼り付けて Enter を押します。

完了メッセージが表示されたら、新しいターミナルウィンドウを開いて claude または codex を実行します。Claude Code はスクリプトが自動でインストールします。Codex CLI は npm でインストールされるため、Node.js がない場合、スクリプトは設定の書き込みだけを行います。Node.js LTS をインストールしてから npm install -g @openai/codex を実行してください。

手動設定とよくある問題は Claude Code と Codex CLI を参照してください。GUI で設定したい場合や複数のプロバイダーを切り替える場合は CC Switch を使用します。

利用方法 2: クリエイティブスタジオで商品画像・動画を作成する

コンソールにサインインした後、そのままクリエイティブスタジオを開いてください。画像または動画を選び、プロンプトを入力し、モデル、アスペクト比、サイズ、長さ、音声を設定します。この利用方法では API キーは不要です。

次のステップ

Claude Code / Codex CLI: ワンクリック接続の詳細、手動設定、モデルの切り替え
クイックスタート: 数分で最初の API リクエストを送信
トラブルシューティング: エラーメッセージから対処法を探す