workmuxで始めるClaude Codeの並列開発

【初心者・玄人歓迎】今年度で攻める技術(抱負) nakanoshima.dev #45(https://nakanoshima-dev.connpass.com/event/389208/) で発表させていただいたスライドです

Transcript

1. workmuxで始める Claude Codeの並列開発 株式会社モリサワ 岡田 晃 nakanoshima.dev #45
2. 自己紹介 岡田 晃 / @afooooil 所属: 株式会社モリサワ ロール: アナリティクスエンジニア 最近興味のあるサービス: Iceberg, dbt, DuckDB
3. エージェントを並列開発させるときの悩み 1つのエージェントと対話的に開発していくことには慣れてきた。ただエージェントの 数を4〜5に増やすと急に難しくなってくる エージェントの稼働状態がわかりにくい - 並列数を5つとかに増やすと、どれが何をやっているかわからなくなってくる... - 並列数が増えると管理コストが跳ね上がる エージェントの作業領域のバッティング - 同じファイルを各自で作業するため、運が悪いと無限ループに... - worktree使えば分離できそうだけど、毎回 yarn install する？
4. workmuxとは？ エージェントによる並列開発を楽にしてくれるCLIツール。 - サイドバー／ダッシュボードを使うことで稼働状況が一目でわかる - タスクごとにウィンドウ、エージェント、作業領域を割り当てる - エージェント同士が競合しない - 作業環境を自動セットアップしてくれる - .env のコピーや node_modules のシンボリックリンクを自動化 GitHubのスター数は1200ぐらいあるが、 国内では紹介している人がまだ少なさ そう？
5. workmuxの基本的な使い方 1. $ workmux add で新しいworktreeでタスクを始める 2. エージェントと対話しながら開発しする 3. $ workmux rm で作業済みworktreeを片付ける 通常の開発フローの前後にworkmuxによるworktreeの作成と、削除を行うだけ → 既存の開発フローへ影響少なく導入が可能
6. workmux使い方(タスクを始める時) $ workmux add のコマンドを実行することで自動でworktreeが作成され、エー ジェントが立ち上がる。 設定ファイル(yaml)に対象を記載しておくことで .env のコピーや node_modules のシンボリックリンクもworktree作成時に自動で行われる。 よく使う嬉しいオプション -p：プロンプトの内容を入力 -e：エディタを開いてプロンプトを入力 -A：worktreeの名前をプロンプトから自動生成
7. workmuxの使い方(タスクの実行中) 各エージェントがサイドバーの に並び、稼働状況が✅ のよう なアイコンで一目でわかる。 通常通り指示を出したいエー ジェントの pane に移動して 指示を出す形。
8. workmuxの使い方(タスクを終える時) $ workmux rm のコマンドを実行することで、作業済みworktreeを削除し てくれる よく使う嬉しいオプション --gone： マージ済みのworktreeをまとめて削除
9. Skillsにも対応 もろもろのコマンドを覚えなくてもSkillsが提供されているため、自然言語から操作 することも可能 例: - /workmux バッチの起動時刻を朝の6時に変更して →　workmux add のコマンドが実行されて新しいworktreeが作成されて作 業開始される - /workmux 不要なworktreeを削除して → workmux rm のコマンドが実行されて不要なworktreeが削除される
10. まとめ - workmuxを使うことでエージェントの並列開発を容易にすることがで きる - 既存の開発フローを大きく変更するようなものではないので、導入がし やすい - skillsも提供されているので自然言語から操作することも容易