---
title: Parallel Claude Code x Flutter
tags: 
author: [ゆにねこ](https://docswell.com/user/9031733)
site: [Docswell](https://www.docswell.com/)
thumbnail: https://bcdn.docswell.com/page/4JZ1R92LE3.jpg?width=480
description: git worktree を用いて Flutter 開発する際、各 worktree のディレクトリで flutter run する必要があるのが課題です。そこで、ディレクトリのパスはそのままに、中身の worktree だけ入れ替えることで hot restart のみで任意の worktree の変更を確認できるシェルスクリプトを作成しました。  Flutter×AIぽちぽちLT会 with ale in 梅田 https://potipotinotsudoi.connpass.com/event/372558/
published: November 07, 25
canonical: https://docswell.com/s/9031733/5M6PQ6-parallel-claude-code-flutter
---
# Page. 1

![Page Image](https://bcdn.docswell.com/page/4JZ1R92LE3.jpg)

Parallel Claude Code x Flutter
ゆにねこ
1


# Page. 2

![Page Image](https://bcdn.docswell.com/page/YE6LRKVM7V.jpg)

$ whoami
ゆにねこ (Twitter)
Google Developer Group on
Campus Ex-Organizer
大阪大学基礎工学部情報科学科
Flutterエンジニア@Gather, inc.
好きなこと・勉強していること
Web (Next.js, React, Hono.js,
Google Cloud etc)
Flutter
Unity, Blender (初心者)
関数型, 圏論, モデル検査
2


# Page. 3

![Page Image](https://bcdn.docswell.com/page/GE518PDQJ4.jpg)

Coding Agent 使ってますか?
3


# Page. 4

![Page Image](https://bcdn.docswell.com/page/9721K68WER.jpg)

Flutter と Coding Agent 現在地点 (主観)
tool
overview
dart-mcp
pub.dev 検索, widget tree, get runtime errors etc
flutter-mcp Flutter ドキュメント検索 etc
serena
コード検索, ファイル検索 etc
gemini-search Gemini CLI を呼び出して Web 検索
Sub Agents 役割ごとにシステムプロンプトを変更
git worktree worktree ごとに Agent を並列実行
4


# Page. 5

![Page Image](https://bcdn.docswell.com/page/DJYZN969EM.jpg)

Flutter と Coding Agent 現在地点 (主観)
tool
overview
dart-mcp
pub.dev 検索, widget tree, get runtime errors etc
flutter-mcp Flutter ドキュメント検索 etc
serena
コード検索
gemini-search Gemini CLI を呼び出して Web 検索
Sub Agents 役割ごとにシステムプロンプトを変更
git worktree worktree ごとに Agent を並列実行
5


# Page. 6

![Page Image](https://bcdn.docswell.com/page/V7N3XLZD78.jpg)

git worktree?
6


# Page. 7

![Page Image](https://bcdn.docswell.com/page/YJ9984Z8J3.jpg)

異なるディレクトリにブランチを作成する方法
複製先ディレクトリ, 複製先ブランチ名, 複製元ブランチ名を指定して
(~/foo-app/main) $ git worktree add ../issue-123 -b issue-123 main
実行すると下記のようなディレクトリ構成になる
foo-app
├─ main
├─ issue-123
└─ issue-124
7


# Page. 8

![Page Image](https://bcdn.docswell.com/page/GJ898Q1ZED.jpg)

Usecase: 異なるタスクを並列して実行する
8


# Page. 9

![Page Image](https://bcdn.docswell.com/page/LJLWRXQ17R.jpg)

例えば:
ディレクトリでは BarPage の UI を更新
issue-124/ ディレクトリでは状態管理の不具合を修正
issue-123/
とか
9


# Page. 10

![Page Image](https://bcdn.docswell.com/page/47M9RL15JW.jpg)

おすすめツール: wtp
git worktree より簡潔なコマンドで worktree を作成・削除できる
worktree 作成時にフックを設定できる
.wtp.yml:
hooks:
post_create:
- type: copy
from: .env.example
to: .env
- type: command
command: &quot;npm install&quot;
https://zenn.dev/satococoa/articles/f93f34f0e13696
10


# Page. 11

![Page Image](https://bcdn.docswell.com/page/P7RGRKLZJ9.jpg)

Pain
11


# Page. 12

![Page Image](https://bcdn.docswell.com/page/PJXXRLW1JX.jpg)

flutter run を各 worktree ごとに実行するのが辛い・・・例えば:
1. issue-123 を Claude に作業させる
2. issue-123 で flutter run する (n分の待ちが発生)
3. issue-124 も作業させる
4. issue-124 でも flutter run する (n分の待ちが発生)
flutter run のバッテリー消費も大きい
12


# Page. 13

![Page Image](https://bcdn.docswell.com/page/3JKWRLVMJD.jpg)

Solution
13


# Page. 14

![Page Image](https://bcdn.docswell.com/page/LE3183M275.jpg)

git worktree のディレクトリを swap する
1. ステージング + 未追加のファイルを stash に追加
2. 入れ替え対象のブランチを Detached HEAD してメインのディレクトリと交換
3. stash を apply
foo-app-workspace
├─ main
#
├─ issue-123 #
└─ issue-124
ここで flutter run
ここと main を入れ替え
14


# Page. 15

![Page Image](https://bcdn.docswell.com/page/8EDXM466JG.jpg)

シェルスクリプトを作った
$ git worktree add ../example-1
$ ../swap.sh ~/proj/GG_worktrees/GG example-1
https://gist.github.com/Harineko0/c98
c3663a0e16c7d3932a07c4f20f33b
15


# Page. 16

![Page Image](https://bcdn.docswell.com/page/V7PPRVZZ78.jpg)

他にいいアイデアあったら教えてください
16


# Page. 17

![Page Image](https://bcdn.docswell.com/page/2JV2RZWMJQ.jpg)

おまけ
17


# Page. 18

![Page Image](https://bcdn.docswell.com/page/5EGRM4DXJL.jpg)

11/22 Devfest Tokyo で展示します
https://gdgtokyo.connpass.com/event/369416/
12月 京大の GDG と AI Coding 勉
強会します @京都
18


