Claude Office 🏢

Claude Codeのプロジェクトとセッションを「仮想オフィス」として眺められるアプリです。 従業員＝Claude Codeのセッション。従業員をクリックすると、その場でターミナルが開いて続きから指示できます。

このアプリはあなた自身のパソコンの中だけで動きます。 あなたの ~/.claude/projects（Claude Codeのセッション履歴が置かれる場所。Claude Code自体が決めている固定の場所です）をそのまま読み取るので、起動するとあなた自身のオフィス（あなたのプロジェクト・あなたのセッション）が表示されます。外部にデータが送られることはありません。

必要なもの（前提条件）

• Node.js 20以上
• Claude Code がインストール済みで、claude コマンドがそのまま使える状態（ログイン済み）であること

セットアップ（初めて動かす人向け）

git clone https://github.com/sho-ai-magic/claude-open-office.git
cd claude-open-office
npm install
npm run build
npm start

その後、ブラウザで http://localhost:3777 を開いてください。

普段使いには上記（本番ビルド）がおすすめですが、コードを変更しながら試したい場合は代わりに次を使うと自動リロードが効きます：

npm run dev

この場合はブラウザで http://localhost:5173 を開いてください。

初回起動時に起きること

• ~/.claude/projects を読み取り、既存のClaude Codeプロジェクトを自動でオフィスの部屋として表示します
• 「新規プロジェクト立案」機能を使うときは、初回だけプロジェクトの保存先フォルダ（絶対パスで指定するあなた自身のフォルダ、例: /home/you/projects）を入力する画面が出ます。Claude Code自体には「プロジェクトフォルダの既定値」という概念が無いため、このアプリでも決め打ちの場所は用意していません。一度入力すれば次回以降は自動で入力された状態になります

アップデート方法

すでにクローン済みの人は、以下で最新版に更新できます。

cd claude-open-office
git pull
npm install
npm run build
npm start

（npm run dev で使っている場合は、最後の2行の代わりに npm run dev をやり直すだけで構いません。サーバーを起動しっぱなしにしている場合は、一度プロセスを終了してから起動し直してください。）

あなたの設定（表示中のプロジェクト、プロジェクトの保存先フォルダなど）は config/settings.json に保存されており、git pull をしても上書き・削除されません。アップデートで新しい設定項目が増えた場合は、初期値（未設定）から始まります。

画面の見方

操作方法

• ホイール：ズーム ／ ドラッグ：マップ移動
• 従業員をクリック：ターミナルが開き、そのセッションの続きから指示できる
• 空席をクリック：新しい従業員を雇う（＝新しいセッションを開始）。最初の指示を送ると、新入社員が入り口から歩いてきて着席します
• 新規プロジェクト立案（ヘッダー）：プロジェクトフォルダとCLAUDE.mdを自動作成
• 表示プロジェクト選択（ヘッダー）：オフィスに表示する部署を選ぶ
• OB名簿（ヘッダー）：表示枠から外れた古いセッションを呼び戻す

注意

• このアプリはパソコンの中だけで動きます（外部公開されません）
• ターミナルパネルを閉じても従業員は裏で働き続けます。完全に終了させたいときはターミナル上で通常どおりClaude Codeを終了してください

ライセンス

MIT License