Flutterチームから作る組織の越境文化

2025/11/14開催『【Flutter特集】Flutter開発の裏側 ~各社が向き合う課題と挑戦~』（ https://findy.connpass.com/event/370621/ ）の登壇資料です。

Transcript

1. Flutterチームから作る組織の越境文化 【Flutter特集】Flutter開発の裏側 ~各社が向き合う課題と挑戦~
2. 今城 洸幸 Imajo Takeyuki @imasirooo プロフィール Flutterエンジニア。 「良いもの作るなら何でもする」をモットーに働いています。 デザインにも興味あってFlutter デザインの記事をよく書いてます。 (Xのプロフィールから飛べます。) 経歴 2019年に新卒で面白法人カヤック 2023年〜SODAに転職 趣味 、 子どもと遊ぶこと。毎朝5:30から強制的に遊ばされています。 料理、フットサル、アニメ
3. SODAに入ったら成長できる！と思って、興味を持って欲し い。 転職考えていない人も「この課題あるある」とか「あ、これう ちでもできそう」思ってくれたら嬉しい。 話すトピック Flutterチームから始める越境文化の取り組み #デザインシステム #ギルド #ClaudeCodeAction #Devin 今日の期待値
5. C2Cマーケットプレイス 正規品を安心して購入できるC2Cマーケットプレイス。 スニダンが取引の間で真贋鑑定をすることで、偽造品の心配をすること なく取引ができる
6. 直近で、MAUは600万人 事業規模
8. 12人
9. 12人 ↓ 3ヶ月で新しく Flutterリポジトリにコミットした人数 (Flutterエンジニアを除く) それまではほぼ0だった。
10. 何のグラフ?
11. 1.5ヶ月でFlutterメンバーがバックエンドにコミットした数。 5人(最近もっとメンバー増えているが)
12. Flutterエンジニアのリソースやチーム構成の課題でリファクタリングができていなかった。 Flutterにチャレンジしたい人がたくさんいたが、できていなかった。 バックエンドエンジニア、PM、デザイナーがFlutterにコミットできる環境を作った。 結果、Flutterエンジニアは大事なことに集中できる環境ができた。 組織全体の越境ムーブを作る
13. 具体的な課題
14. 同じ画面なのに4つの実装に分かれている 新品スニーカー 中古スニーカー 新品アパレル 中古アパレル ( ) * 7
15. Flutterチームが直面していた課題
16. SODAのスクラムチーム チームA Flutter Flutter Go Go Go PdM QE チームB Flutter Flutter Go Go Go PdM QE チームC Flutter Go Go Go PdM QE チームD Go Go Go PdM QE
17. Flutterメンバーがいないチームへのヘルプ チームA Flutter Flutter Go Go Go PdM QE チームB Flutter Flutter Go Go Go PdM QE チームC Flutter Go Go Go PdM QE チームD Flutter Go Go Go PdM QE
18. 改善をするためのチーム 改善チーム Flutter Flutter Flutter
19. 生成AI進化してきたし、越境できるのでは? そうすればFlutterメンバーは大事な課題に集中できる。 でもモバイルってシミュレータ動かしたり、デザイン関係 したりでハードル高くない?
20. 越境しやすい環境を作る
21. デザインシステムを整え、簡単にUIを作れる環境。 最初のハードルを下げるFlutter勉強会を毎週行う。 Flutterギルドでモチベーションを上げる環境。 DevinやClaude Code Actionsで環境構築すらいらない環境。 越境しやすい環境を作る
22. デザインシステムをデザイナーと構築する
23. デザインシステムを構築するFlutterの実装
24. Haptic Feedbackもpackage化。
26. インターフェイスやコメントを充実させる FigmaのVariantに対応する名前付きコンストラクタ。 doc commentを必須に。
27. FigmaMCP Flutter Figma
28. Flutter勉強会で最初のハードルを下げる環境。
29. SODA Flutter Guild モチベーション維持のためのギルドをメンバーが開設。 Flutter習得に合わせてのランク。 GFI的なクエスト。
30. DevinやClaude Code Actionsで環境構築すらいらない環境。 デザイナーやPM向けに簡単に文字修正とかできる環境。 Claude Code Action Devin
31. 3ヶ月で12人もの新規コミッターが誕生。 ただ増えただけではなく、FlutterいないチームでもFlutter開発するムーブ。 品質はcode rabbitや人によるレビューで担保。モブプロも。 その結果、Flutterエンジニアは大事な課題に向き合える。 大リファクタも今年度に終わる予定。 テストカバレッジも40%から60%に。 バックエンドギルドも誕生。 逆にFlutterエンジニアがBEに越境する頻度も増えた。 結果、どうなったか。
32. 越境は正義なのか 自分自身、全員が絶対に越境するべきという考えではありません。 元々Flutterをやってみたいという人がそれなりにいた。 ちょろっとできる人を増やすのではなく、ちゃんとFlutterできる・やりたいって人を増やし たい。 小手先ではなく文化を作る。
33. まとめ。 越境する文化を作り、自分たちも大事な課題に向き合えた。 規模が大きいサービスでも、技術的にも組織的にもチャレンジする”余裕”がある。
34. おわり。