【Unite 2018 Tokyo】Unityにおける疎結合設計～UIへの適用事例から学ぶ、テクニックとメリット～

Unityにおける疎結合設計
2018/5/9
Florian Andreas Gantzert（@TheAndiGantz）
KLab株式会社 / エンジニアリングマネージャー

アジェンダ
• UI
• 結合
• UIアゲイン
• 今日のおさらい

UI
Unity EditorでゲームUIを 
ビジュアルに作ることができる（uGUI）…

UI
…にも関わらず、デザイナではなく 
プログラマがUIを作る 
ケースがある

UI
ワークフロー / The Bad
UIデザイナプログラマ
アセット 
制作
仕様書 
作成
仕様書 
熟読
UI制作レビュー

UI
ワークフロー / The Bad
- スループットが低い
- イテレーションが長い
- 同時作業ができない
- 本来不要なタスクが発生する
- 専門外のタスクをこなすことになる

UI
ワークフロー / The Good
アセット 
制作
デザイナ 
サポート
UI 
制作
レビュー
コード 
最適化
コミュニケーション

UI
ワークフロー / The Good
- スループットが高い
- イテレーションが早い
- 同時作業ができる
- それぞれの得意分野が活かせる

結合
結合 
一方の変更によって他方の変更が 
必要となる

結合
密結合 
結合している状態
疎結合 
結合していない状態

結合
In English, please!
密結合
分割
結合
疎結合 Loose Coupling
Tight Coupling
Decoupling
Coupling

結合レベル
結合
結合はコードだけの話ではない

結合
結合レベル
コード
データ
ワークフロー
プログラマ
プロジェクト全体
レベル影響範囲

結合レベル
結合
コードの結合が
データとワークフローの結合に
繋がる

結合
結合と抽象化
疎結合は抽象化で実現させる

結合
結合と抽象化
抽象化層分割
疎結合密結合

結合
結合と抽象化
ワークフロー
データ
コード
抽象化レベル

結合
結合と抽象化
抽象化は 
汎用化でも一般化でもない 
 
縛りのないシンプルな抽象化が望ましい

結合
結合バランス
疎結合にバランスがある

結合バランス / The Problem
結合
結合のバランスが 
プロジェクトの規模に依存する

結合
- プロジェクト規模とともに要素が 
変化する
- 小規模で通用したテクニックが 
裏目に出たりする
規模拡大

結合
プロジェクト規模
疎結合
バランス

結合バランス / The Good
結合
https://en.wikipedia.org/wiki/Trio_(music)#/media/File:Schumann_-_Halir_-_Dechert_Trio.jpg

結合バランス / The Bad
結合
https://sanskarans.deviantart.com/art/Hydra-616295199

結合
結合バランス / The Bad
孤立しているタスクが 
- 巨大化する
- 副作用が発生する
- 対応が複雑になる
孤立した 
タスク！？

結合
結合バランス / The Solution
バランスがズレてもまだ手遅れじゃない

結合
結合バランス / The Solution
バランスの鍵は 
分野相互間コミュニケーショに 
ある

UIアゲイン
ワークフロー / The Goal
アセット 
制作
デザイナ 
サポート
UI 
制作
レビュー
コード 
最適化

UIアゲイン
ワークフロー / The Problem
- 同時作業によるコンフリクトはありうる
- ワークフロー上でそのコンフリクトを阻止できない

UIアゲイン
ワークフロー / The Solution
- データを分割して、コンフリクトを阻止する
- コード上でその分割に対応する

データ分割
UIアゲイン
- UI用の独立したUnityシーンを用意する
- デザイナがそのシーンを所有する
- UIシーンは他のゲーム（シーン）と 
連携させる
UIシーン

UIアゲイン
データ分割 / The Problem
- Unityのシリアライズ機能が使えない！？
- UIシーンと他のシーンはどうやって連携させる？

UIアゲイン
データ分割 / The Solution
- MVC・MVVM（今回は割愛＊）
- UnityEngine.ExposedReference<T>？
- メッセージ・バス
＊ご興味のある方は、GDC 2017のData Bindi...

UIアゲイン
UnityEngine.ExposedReference<T>
- Unity Timelineで利用されている
- ランタイム時にIDを使って参照を解決する
- ExposedReference<T>本体側でも 
ルックアップテ...

UIアゲイン
メッセージ・バス
- 必要な情報分だけメッセージとして抽象化し、 
バスに飛ばす
- バスの接続先でメッセージを処理する

UIアゲイン
メッセージ・バス
バス
バス
情報元
処理先

UIアゲイン
メッセージ・バス / The Good
- 処理先・情報元を差し替えることで 
デザイナ向けのデバッグ機能などが 
追加しやすい

今日のおさらい
結合はコードの話だけではない 
 
データとワークフローでも発生する

規模と共に疎結合が必要になってくる

コードの結合は、
データとワークフローの結合に
繋がる

疎結合への道は抽象化で開く

コードとデータの疎結合は
よりよいワークフローに
繋がる

シーンを分けることによって 
Unityにおける同時作業が 
やりやすくなる

メッセージ・バスで 
複数のUnityシーンやロジックなどを 
疎結合的に繋げることができる

Thank you!
ご静聴ありがとうございました！

Roll-a-ball
- テストを自動化したい
- MLエージェントに遊ばせたい
- そのために入力元を差し替えたい！

Roll-a-ball
チュートリアルの入力処理 / The Problem

Roll-a-ball
チュートリアルの入力処理 / The Solution
Unity APIゲームロジック
ゲームロジック
Unity API
抽象化層
…
改善

Roll-a-ball
入力処理インターフェース化

C#における抽象化
イベント化インターフェース化
処理側が 
タイミングを決める
情報元が 
タイミングを決める

C#におけるイベント化
- 言語レベルで対応している 
（delegate・eventキーワード）
- Unity APIでも使われている（UnityEditor. 
EditorApplication.hierarchyChangedなど）

C#におけるイベント化
event vs. メッセージ・バス 
- 接続先は発信元を知っている
- 発信元しかイベントを発信で
きない
- 接続先と情報元はお互いを知
らない
- 誰もがイベントを発信できる
event メッセージ・バス

【Unite 2018 Tokyo】Unityにおける疎結合設計 ～UIへの適用事例から学ぶ、テクニックとメリット～

UnityTechnologiesJapan002