Claude Code と Codex のワークスペース

コマンド、ファイル、diff はすべて表示されたままです。そのため、エージェントが書くコードを理解できます。

2024 年から、Kiryl Kazlovich が毎日使いながら開発し、磨き続けています。

HB Code をダウンロード

セッションごとにエージェントを選ぶ

Claude Code か Codex でセッションを始めます。どちらも同じプロジェクトで同時に作業でき、すべてのセッションが 1 つのサイドバーに並びます。

複数の Claude と ChatGPT のアカウントを使う

デスクトップで Claude アカウントと ChatGPT サブスクリプションを追加します。それぞれの上限が表示されます。次のターンのアカウントは、デスクトップならワンクリック、スマートフォンならワンタップで切り替えます。

エージェントの作業がステップごとに見える

検索、ファイルの読み取り、コマンド、編集が、それぞれスレッドの 1 行になります。ターンの途中でメッセージを送ると、エージェントは今のステップの後にそれを読みます。次のターン用にキューに入れることもできます。

コマンド、ファイル、diff をチャットの横で開く

行をクリックすると、スレッドの横に開きます。コードはシンタックスハイライト付きで表示されます。Markdown と HTML はページとして、CSV は表として表示され、diff には変更前と変更後の行が表示されます。

サブエージェントをすべて表示

エージェントがサブエージェントやワークフローを始めると、Agents の一覧にそれぞれがモデル、トークン数、時間とともに並びます。ワークフローにはフェーズも表示されます。エージェントをクリックすると、そのスレッド全体を読めます。

セッション間のメッセージ

Claude Code のセッションが、Codex のセッションに変更の確認を頼めます。回答は Claude Code のスレッドに届きます。エージェントが新しいセッションを始めて、タスクを渡すこともできます。

スマートフォンからセッションを操作する

iPhone アプリと Android アプリで、デスクトップで動いているセッションを開けます。スマートフォンでタイムラインを読み、次のメッセージを送ります。

  • セッションのタイムライン

    実行中のセッションのコマンド、ファイルの変更、メッセージがすべて並びます。行をタップすると開きます。

  • セッションの切り替え

    メニューボタンをタップして、デスクトップとセッションを選ぶか、新しいセッションを始めます。

  • 音声入力

    メッセージを声で入力します。テキストを確認してから送信します。

  • Chat Settings

    モデルと推論レベルを 1 つのグリッドで選びます。次に、エージェントのアクセスレベルを選びます。

  • Changes タブ

    プロジェクトで変更されたファイルが、行数とともに並びます。ファイルをタップすると diff を読めます。

  • 上限とアカウント

    各上限の残りを確認できます。別のアカウントをタップすると、次のターンからそのアカウントを使います。

  • Android のタイムライン

    Android アプリにも同じ行が表示されます。各ターンの最後には Task complete の印が付きます。

  • Android の Project タブ

    プロジェクトのすべてのセッションが 1 つの一覧に並びます。セッションをタップすると開きます。

  • Android のファイル表示

    「ファイル」タブからプロジェクトのファイルを開きます。Markdown は書式付きテキストで表示されます。

HB Code が追加するツール

Claude Code と Codex のどちらのセッションでも、これらのツールを使えます。必要なことをエージェントに伝えると、エージェントがツールを選びます。

  • 解説動画

    エージェントが、依頼内容から 30〜120 秒のナレーション付き動画を作ります。動画はデスクトップでもスマートフォンでも再生できます。

  • お使いの Chrome ブラウザ

    エージェントが、お使いの Chrome で Web を検索し、ページを読み、クリックし、文字を入力します。ページ上のラベルに、各操作の名前が表示されます。

  • 音声

    エージェントが、回答や手順の説明を音声ファイルにします。デスクトップでもスマートフォンでも再生できます。

  • 動画からのメモ

    エージェントが、YouTube 動画や録画から、手順、コマンド、決定事項を取り出します。

  • スマートフォンへの通知

    作業が完了したとき、失敗したとき、あなたの判断が必要なときに、エージェントがスマートフォンに通知を送ります。

解説動画、音声、動画からのメモには、自分の Gemini API キーを使います。ブラウザのツールには、Chrome 用の拡張機能 HB Code Browser Bridge が必要です。スマートフォンへの通知には、通知の設定と接続済みのスマートフォンが必要です。

毎日の作業のための設計

HB Code は、Claude Code を Anthropic の Claude Agent SDK で実行し、Codex を OpenAI の Codex app-server の独自ビルドで実行します。各エージェントは、自分の履歴とサインインを別々に持ちます。

  • メッセージはデスクトップを待つ

    スマートフォンがデスクトップにつながらないとき、メッセージはスマートフォンで待機します。接続が戻ると送信され、再送しても 2 回届くことはありません。

  • 保存した会話を続ける

    エージェントがプロジェクトフォルダに保存した会話から、セッションを始められます。Claude Code では、ターミナルでの会話も対象です。再起動の後も、各セッションは履歴全体とともに開きます。

  • 10 種類のカラーテーマ

    各テーマにライト版とダーク版があります。スマートフォンは、デスクトップで選んだテーマを使います。

  • コマンドとファイルのシンタックスハイライト

    コマンドはシェルの色で表示され、コマンド内のスクリプトにはその言語の色が付きます。ファイルはシンタックスハイライトと行番号付きで開きます。

HB Code をダウンロード

Mac か Windows PC にデスクトップアプリを入れます。スマートフォンからセッションを操作するには、iPhone アプリか Android アプリを入れます。

Mac アプリには、macOS 12 以降の Apple シリコン搭載 Mac(M1 以降)が必要です。