claude-open-office

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

claude-open-office

(★ 9)

Claude Codeのプロジェクト・セッションを仮想オフィスとして可視化するアプリ

claude-open-office Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Claude Office 🏢

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

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

## 必要なもの（前提条件）

- [Node.js](https://nodejs.org/) 20以上
- [Claude Code](https://docs.claude.com/claude-code) がインストール済みで、`claude` コマンドがそのまま使える状態（ログイン済み）であること

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

```bash
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** を開いてください。

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

```bash
npm run dev
```

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

### 初回起動時に起きること

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

## アップデート方法

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

```bash
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` をしても上書き・削除されません。アップデートで新しい設定項目が増えた場合は、初期値（未設定）から始まります。

## 画面の見方

| 見た目 | 意味 |
|---|---|
| 部屋 | プロジェクト（部署） |
| 従業員 | セッション。直近の活動順に最大8人まで表示 |
| 島（机4席のかたまり） | 従業員1〜4人で1島、5人目の入社で増築工事が始まり2島に |
| 🟢 緑バッジ | 作業中（Claudeが動いている） |
| 🟡 黄バッジ | 返事待ち（指示を待っている） |
| ⚪ 灰バッジ（Zzz） | 休憩中（ターミナル未接続） |
| 掲示板 | その部署の直近の作業内容 |

## 操作方法

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

## 注意

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

## ライセンス

[MIT License](LICENSE)

claude-open-office

claude-open-office Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

claude-open-office

claude-open-office Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README