『IDOLY PRIDE』の運用を支えるUnity開発フローにおける効率化テクニックの紹介【CAGC2024】

本セッションでは、弊社開発のスマートフォンゲーム『IDOLY PRIDE』のUnity開発フローにおける効率化テクニックについてご紹介します。
「IDOLY PRIDE」は今年でリリースから3周年を迎えようとしており、様々なイベントや機能を頻度高くリリースしてきました。Unity開発においては、社内の開発基盤やブランチの自動運用など様々な効率化テクニックにより運用が支えられています。
今回はそのテクニックについて具体的に解説します。

https://cagc.cyberagent.co.jp/2024/session/index.html?id=bU5Ar3jh

Copyright © CyberAgent, Inc.

Transcript

1. 『IDOLY PRIDE』の運用を支える Unity開発フローにおける 効率化テクニックの紹介 1 クライアントエンジニア / IDOLY PRIDE 片岡 佳椰　Kataoka Keiya
2. 構成 2 • はじめに • 社内の開発基盤の活用 • GitHub ActionsやJenkinsの活用 • まとめ
3. はじめに 3
4. 片岡 佳椰 4 2020年、株式会社QualiArtsに新卒入社 入社後、リリース前の『IDOLY PRIDE』の開発メンバーに加わる クライアントエンジニアとして開発に従事 現在はクライアントサイドの開発リーダーを担当
5. 『IDOLY PRIDE』の紹介 5 2021年6月にリリースされたスマホ向け 「アイドルマネジメントRPG」 アイドル事務所のマネージャーとして、 アイドルの育成、マネジメントができる
6. 『IDOLY PRIDE』の運用について 6 運用開始から2周年、現在も新規のイベントを続々とリリース
7. 高頻度な機能やイベントのリリースを支える効率化テクニック 7 • Unity開発での効率化 ◦ 社内の開発基盤の活用 • GitHubやビルドでの効率化 ◦ GitHub ActionsやJenkinsの活用
8. 社内の開発基盤の活用 8
9. 『IDOLY PRIDE』の実装について 9 『IDOLY PRIDE』はUI画面の実装がメイン 　Unityを用いてゲームの動作や見た目を実装 　デザイナーが用意したデザイン通りにUIを配置し、挙動を実装 イベント規模だと３画面以上を実装 しかしUIの組み立てが大変 →　UIの開発基盤を活用
10. 開発基盤について 10 QualiArtsではUIに限らず、様々な開発基盤を用意 　土台なので、1からの開発や人による設計の違いを回避できる 　描画、ADV、通信、課金、ツール、ビルドなどの開発基盤がある 　UnityのPackageとして管理、GitHubでバージョン管理 開発の主体はプロジェクトとは別の「開発推進室」が担当 　プロジェクトを横断で見て、必要な基盤や機能開発に従事
11. UnityでのUI開発に関わる基盤 11 ①quaunity-ui 　UI開発を補助 ②quaunity-xd 　デザインツールのデザインをUnityにそのまま流し込める
12. ①quaunity-ui 12 UI開発の基本的な機能とツールを提供する基盤 提供機能 　画面の仕組み 　リストビュー 　テキスト 　ボタン 　ダイアログ 　ドラッグや長押しなどのジェスチャー 　セーフエリア対応 　etc…
13. ①quaunity-ui 13 UI開発の基本的な機能とツールを提供する基盤 提供機能 　画面の仕組み 　リストビュー 　テキスト 　ボタン 　ダイアログ 　ドラッグや長押しなどのジェスチャー 　セーフエリア対応 　etc…
14. 画面の仕組み 14 Nodeという単位で画面を表現し、ツリー状に管理する仕組み 　Scene-Window-Screenという階層関係で親Nodeが子Nodeを管理 　子Nodeは複数管理可能で、最後に開いたNodeが表示される → 画面遷移に柔軟に対応できる Scene ┗ Window1 　┗ Screen1 　┗ Screen2 ┗ Window2 　┗ Screen3 　┗ Screen4 　┗ Screen5 引用：https://technote.qualiarts.jp/article/45/
15. 画面の自動生成もサポート 15 基本的にぽちぽちするだけのツール Unity上のUIで画面のPrefabとC#のスクリプトの基礎が生成可能
16. 画面の自動生成について 16 最低限必要なスクリプトがアタッチ済みのPrefabが生成 ここからUIを配置したり、スクリプトに処理を書いたりして画面を実装
17. ②quaunity-xd 17 『IDOLY PRIDE』のUIデザインには、Adobe XDが用いられている Adobe XDというデザインツールで作成されたデザインをUnityに そのまま流し込むことができる基盤（ツール）
18. quaunity-xdの仕組み 18 1. XDのプラグインによりデザインの情報を自動で抽出 2. その情報からUnity上でUIを自動で組み立てる レイアウト情報 パーツ情報
19. 典型的なUI再現フロー 19 デザイナーは1枚画像と素材を書き出し、フォントサイズやUIの 細かな指定をする Unityエンジニアは手作業でUI再現をする 　1ピクセルもずらさないために神経を使う、単調な作業になりがちで 　モチベーションが保てない、時間もかかるなど多くの問題が発生 タイトル さんかく しかく まる ここのフォント はこうして… あと素材です つらい… タイトル さんかく しかく まる
20. quaunity-xdを用いたUI再現フロー 20 デザイナーはUnityエンジニアにXDファイルを渡すだけ Unityエンジニアはquaunity-xdを実行するだけ 　→ 大幅な工数削減につながっている XDファイルどうぞ どうもです！ （ぽちぽちっ！）
21. GitHub ActionsやJenkinsの活用 21
22. 開発フローの自動化 22 よりUnity開発に集中できるように主に以下を導入 ①PRテスト ②ブランチ運用の自動化 ③アプリビルドの自動化 →　GitHub ActionsやJenkinsの活用
23. GitHub ActionsとJenkinsについて 23 どちらもCI/CDのツール 　コードのビルド、テスト、公開、リリース、デプロイなどを自動化 　Unityの実行環境を用意すれば自動化のフローに組み込むことができる 『IDOLY PRIDE』のUnity開発では両方を用いている • GitHub Actions ◦ PRテスト ◦ ブランチ運用 • Jenkins ◦ アプリビルド
24. GitHub Actionsの概要 24 • GitHub公式のCI/CDツール • YAML形式で「ワークフロー」を定義 ←トリガー ←環境 ←実行内容
25. GitHub Actionsの概要 25 • リポジトリの.github/workflows配下にワークフローを置くと、 GitHubに認識されて実行可能になる
26. Jenkinsの概要 26 • オープンソースのCI/CDツール • 「ジョブ」を追加
27. Jenkinsの概要 27 • GUIでジョブを設定する
28. Jenkinsの概要 28 • 設定に沿ったジョブが実行可能になる
29. ①PRテストについて 29 Unity開発では数多くの人が様々な差分をGitHubにコミット ケアレスミスに気づかずにコミットし、原因調査に時間をかけてしまう
30. 意外と起こりかねないミスを検出して予防 30 GitHub ActionsのセルフホストランナーでUnityを実行し検出 　主な検出内容：コンパイルエラーやUnityのPrefab参照のMissing 検出した結果は成功しても失敗してもPRに表示 　失敗すると以下のように表示され、修正のコミットを促す
31. 軽微なミスについて 31 定期的に作動して自動で修正PRを作成するワークフローで別途対応
32. ②ブランチ運用について 32 運用が続くと様々なバージョンのブランチの管理が必要になる 　ある人はv1.1.xの開発、ある人はv1.3.xの開発をする場合、 　v1.1.xの差分を適宜v1.3.xにマージする必要がある いちいち手作業でマージするのは大変
33. バージョン間マージするPRを自動作成 33 定期的に実行し、差分があるとバージョン間マージのPRを作成 基本的にこのPRをマージするだけで完了
34. ③アプリビルドについて 34 ビルドには一連の手順があり、複雑 • リポジトリのチェックアウト ◦ Submoduleも含める • 開発用や本番用など環境に応じた設定 ◦ アプリアイコン、APIなどの向き先、証明書など • ビルド ◦ Unityビルド、（XCodeビルド） • アップロード ◦ ストアorAppCenter
35. 環境ごとにビルドジョブを用意 35 • hourly：基本的に定期実行 ◦ 主にデバッガーのデバッグ用 • custom：手動実行 ◦ リモートブランチの内容確認用 • stg：手動実行 ◦ APIの向き先など本番に近いアプリビルド用 • store：手動実行 ◦ ストアアップロード用 → ジョブを実行するだけでアプリのアップロードが完了する
36. まとめ 36
37. まとめ 37 • 社内の開発基盤やGitHub ActionsやJenkinsの活用例を紹介 • Unity開発フローの多くの部分が効率化されている • 効率化されている分、開発により集中できる