『IDOLY PRIDE』の安定運用を支える多機能管理ツール【CAGC2024】

弊社開発のスマートフォンゲーム『IDOLY PRIDE』で利用している多機能管理ツールについてご紹介します。
この多機能管理ツールは弊社開発の専用WEBツールで、「プランナー」「エンジニア」「QA」「CS」といった幅広い職種のメンバーの作業をサポートしています。
各職種のメンバー向けに様々な機能を実装した結果、その機能数はなんと...驚異の50以上。
「アイドルスキルシミュレーター機能」「SQL不要の行動ログ閲覧機能」「お知らせ作成機能」「マスタデータの検証機能」etc.
本セッションでは、「IDOLY PRIDEのガチャがユーザーに届くまで」の流れを通して管理ツールがカバーする機能の幅広さについてご紹介します。

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

Copyright © CyberAgent, Inc.

Transcript

1. 『IDOLY PRIDE』の安定運用を支える 多機能管理ツール 1 IDOLY PRIDE 福島 萌史 プランナー 末吉 貢 サーバーサイドエンジニア
2. 自己紹介 2
3. 福島 萌史 Fukushima Kizashi 3 2020年に株式会社QualiArtsにプランナーとして新卒入社。 『IDOLY PRIDE』の新規開発からアプリリリース、運用フェーズまで携わる。 現在はゲーム内新コンテンツの企画開発や運用業務全般に従事。 末吉 貢 Sueyoshi Mitsugu 2020年に株式会社QualiArtsにサーバーサイドエンジニアとして新卒入社。 『IDOLY PRIDE』では複数の機能開発やインフラ構築を担当。 現在はサーバーサイドチームのリーダーを担当。
4. 『IDOLY PRIDE』の紹介 4
5. IDOLY PRIDE 5 ・2021年1月 アニメ放送 ・2021年6月 スマートフォンゲームリリース オリジナルIPとして開発・運用を行うメディアミックスプロジェクト。 © Crypton Future Media, INC. www.piapro.net
6. 『IDOLY PRIDE』の追加コンテンツについて 6
7. 7 新ガチャ 新アイドル 新衣装 新ヘアスタイル 誕生日 各種イベント 『IDOLY PRIDE』の追加コンテンツ 『IDOLY PRIDE』では、毎月100前後の施策がリリース
8. 『IDOLY PRIDE』では、毎月100前後の施策がリリース 『IDOLY PRIDE』の追加コンテンツ 8 新ガチャ 新アイドル 新衣装 新ヘアスタイル 誕生日 各種イベント 『IDOLY PRIDE』を「より長く」「より楽しく」プレイしてもらえるように 作業量を抑えながら 不具合を少なくする ことで より多くのコンテンツを提供 『IDOLY PRIDE』では、毎月100前後の施策がリリース
9. 『IDOLY PRIDE』の追加コンテンツ 9 『IDOLY PRIDE』では、毎月100前後の施策がリリース 新ガチャ 新アイドル 新衣装 新ヘアスタイル 誕生日 各種イベント 新ガチャ をご紹介 実際の運用フロー 「ガチャがリリースされるまで」を例に
10. ・毎月5~10程度のガチャが登場 ・ガチャごとに「必ず発生する作業」が存在する 例）ガチャがリリースされるまで 排出アイドル設定 スキル設計 3Dモデル制作 開催期間設定 イラスト制作 作業量の削減 不具合の削減 の両立が重要 etc. 10
11. 11 例）ガチャがリリースされるまで データ作成 デバッグ 本番リリース 仕様策定 施策を開発環境で用意 「開催日時」「施策内容」を決める データ作成 動作を実現するデータを設定する デザイン作成 「バナー画像」「イラスト」 「3Dモデル」を作る 不具合が無いかをテスト 意図した挙動になっているか？ 表示画像が合っているか？ ガチャの確率が合っているか？ 正しい文章で表現されているか？ 実際に遊べるようになる
12. 12 データ作成 デバッグ 本番リリース 仕様策定 施策を開発環境で用意 「開催日時」「施策内容」を決める データ作成 動作を実現するデータを設定する デザイン作成 「バナー画像」「イラスト」 「3Dモデル」を作る 不具合が無いかをテスト 意図した挙動になっているか？ 表示画像が合っているか？ ガチャの確率が合っているか？ 正しい文章で表現されているか？ 実際に遊べるようになる データ設計・作成ミス 作業コストの肥大化 データ作成ミスによる デバッグ工数増加 操作ミスによる 不具合増加 例）ガチャがリリースされるまで 不安 材料
13. 13 データ作成 デバッグ 本番リリース 仕様策定 施策を開発環境で用意 「開催日時」「施策内容」を決める データ作成 動作を実現するデータを設定する デザイン作成 「バナー画像」「イラスト」 「3Dモデル」を作る 不具合が無いかをテスト 意図した挙動になっているか？ 表示画像が合っているか？ ガチャの確率が合っているか？ 正しい文章で表現されているか？ 実際に遊べるようになる 例）ガチャがリリースされるまで 自社開発の多機能管理ツール で解消 そんな”不安材料”をすべて データ設計・作成ミス 作業コストの肥大化 データ作成ミスによる デバッグ工数増加 操作ミスによる 不具合増加 不安 材料
14. 多機能管理ツールの概要 14
15. 多機能管理ツール 15 ・自社開発の専用WEBツール ・「プランナー」「エンジニア」「QA」「CS」幅広い職種の作業をすべてサポート 多くの作業が管理ツールによって完結するため 不要な人為的要素を排除できる
16. 多機能管理ツールの導入による効果 16
17. 17 多機能管理ツールの導入による効果 データ作成 デバッグ 本番リリース 仕様策定 施策を開発環境で用意 「開催日時」「施策内容」を決める データ作成 動作を実現するデータを設定する デザイン作成 「バナー画像」「イラスト」 「3Dモデル」を作る 不具合が無いかをテスト 意図した挙動になっているか？ 表示画像が合っているか？ ガチャの確率が合っているか？ 正しい文章で表現されているか？ 実際に遊べるようになる データ設計・作成ミス 作業コストの肥大化 データ作成ミスによる デバッグ工数増加 操作ミスによる 不具合増加 不安 材料
18. 18 データ作成 デバッグ 本番リリース 仕様策定 施策を開発環境で用意 「開催日時」「施策内容」を決める データ作成 動作を実現するデータを設定する デザイン作成 「バナー画像」「イラスト」 「3Dモデル」を作る 不具合が無いかをテスト 意図した挙動になっているか？ 表示画像が合っているか？ ガチャの確率が合っているか？ 正しい文章で表現されているか？ 実際に遊べるようになる 多機能管理ツールの導入による効果 お知らせ生成 自動検証 スキル設計 etc. マスタタグ機能 ログ閲覧機能 データ作成・入力 機 能 例
19. 多機能管理ツールのシステムについて 19
20. 管理ツールのシステム構成 20 ・インフラ: Google Kubernetes Engine (GKE) ・フロント: TypeScript、Vue.js、Vuetify ・サーバー: Go、Echo
21. 多機能管理ツールの具体的な機能について 21
22. ①アイドルスキルシミュレーター機能 22
23. 23 データ作成 デバッグ 本番リリース 仕様策定 施策を開発環境で用意 「開催日時」「施策内容」を決める データ作成 動作を実現するデータを設定する デザイン作成 「バナー画像」「イラスト」 「3Dモデル」を作る 不具合が無いかをテスト 意図した挙動になっているか？ 表示画像が合っているか？ ガチャの確率が合っているか？ 正しい文章で表現されているか？ 実際に遊べるようになる 多機能管理ツールの導入による効果 お知らせ生成 自動検証 スキル設計 etc. マスタタグ機能 ログ閲覧機能 データ作成・入力 機 能 例 スキル設計 機 能 例
24. アイドルスキルシミュレーター機能 24 ・デッキの編成やアクセサリーなどの組み合わせで実行されて、勝敗などの結果 をスプレッドシートに出力できる ・「安定してスコアが取れるか」「他のカードが強くなりすぎていないか」な ど、次のガチャで出すカードの効果を決める際に重要な役割を果たしている ・高いマシンスペックを必要とするため、管理ツールからGKE(Kubernetes) の Jobを高スペックのノードプールに配置して実行 ゲームバランスを左右する”スキル設計”を補助してくれる機能 100万~500万通りのライブを実行し、そのスキルの影響度を評価してくれる
25. スキル設計者が画面にJSONを入力 25
26. 26 シミュレーションが終了すると、 実行結果をスプレッドシートにエクスポートすることが可能
27. 27 管理ツール シミュレーター ノードプール ノードプール (高スペック) 組み合わせ をJSONで 渡す アイドルスキルシミュレーター機能のシステム図
28. ②マスタデータのエクスポート/インポート機能 28
29. 29 データ作成 デバッグ 本番リリース 仕様策定 施策を開発環境で用意 「開催日時」「施策内容」を決める データ作成 動作を実現するデータを設定する デザイン作成 「バナー画像」「イラスト」 「3Dモデル」を作る 不具合が無いかをテスト 意図した挙動になっているか？ 表示画像が合っているか？ ガチャの確率が合っているか？ 正しい文章で表現されているか？ 実際に遊べるようになる 多機能管理ツールの導入による効果 お知らせ生成 自動検証 スキル設計 etc. マスタタグ機能 ログ閲覧機能 データ作成・入力 機 能 例 機 能 例 データ作成・入力
30. マスタデータのエクスポート/インポート機能 30 ・ガチャなどの静的なデータであるマスタデータをスプレッドシートで 　入出力出来るようにする機能 ・DBの情報を読み取って、スプレッドシートに反映するエクスポート機能 ・スプレッドシートでマスタデータをDBに入れるインポート機能 ・Google Workspace APIを通して実現 誰でも簡単に”正しいマスタデータ”を作成できるようにしてくれる機能
31. 31 ・インポート時にはセルを読み取ってSQLに変換してDBに投入される ・エクスポート時には既存のデータをスプレッドシートのセルに出力させる スプレッドシートの例
32. 32 ブラウザ Kubernetes Engine CloudSQL (マスタデータ) Google Drive (スプレッドシー ト) 管理ツール マスタデータのインポート/エクスポート機能のシステム図
33. ③お知らせ作成機能 33
34. 34 データ作成 デバッグ 本番リリース 仕様策定 施策を開発環境で用意 「開催日時」「施策内容」を決める データ作成 動作を実現するデータを設定する デザイン作成 「バナー画像」「イラスト」 「3Dモデル」を作る 不具合が無いかをテスト 意図した挙動になっているか？ 表示画像が合っているか？ ガチャの確率が合っているか？ 正しい文章で表現されているか？ 実際に遊べるようになる 多機能管理ツールの導入による効果 お知らせ生成 自動検証 スキル設計 etc. マスタタグ機能 ログ閲覧機能 データ作成・入力 機 能 例 機 能 例 お知らせ生成
35. お知らせ作成機能 35 ・ユーザーにガチャの内容を訴求するための情報として、ゲーム内で 　表示するHTMLを作成する機能 ・管理ツールでHTMLをGoogle Cloud Storageにアップロードし、 　Cloud CDNを使用して配信 HTMLで作成される「ガチャのお知らせ」などを生成する機能 お知らせ内で表示したい”イラスト”や”スキル詳細”が簡単に参照できる
36. 36 入力プレビュー機能によって、内容を確認しながらHTMLの編集ができる
37. HTMLの入力を簡略化するための「専用のカスタムタグ・属性」 ①カードイラストの参照 37 s-img attribute <img s-img="img_xx" /> ↓ <img src="https://sample.com/notice/xx..jpg"> 上記のように、画像の名前 (アセット名)を 入力するだけで URLに変換される
38. 38 HTMLの入力を簡略化するための「専用のカスタムタグ・属性」 ②スキル詳細の参照 s-card <s-card>card-abc</s-card> ↓ <h2 class=”tile”> ピックアップスキル </h2> <h2 class=”tile”> セット衣装 </h2> 上記のように、サーバー側で保持している HTMLテンプレートが自動的に適用される
39. システム構成 39 Cloud LoadBalancer Cloud CDN Kubernetes Engine アセット Cloud Storage Bucket rclone お知らせ Cloud Storage Bucket rclone download アセット upload 管理ツール
40. ④マスタデータの検証機能 40
41. 41 データ作成 デバッグ 本番リリース 仕様策定 施策を開発環境で用意 「開催日時」「施策内容」を決める データ作成 動作を実現するデータを設定する デザイン作成 「バナー画像」「イラスト」 「3Dモデル」を作る 不具合が無いかをテスト 意図した挙動になっているか？ 表示画像が合っているか？ ガチャの確率が合っているか？ 正しい文章で表現されているか？ 実際に遊べるようになる 多機能管理ツールの導入による効果 お知らせ生成 自動検証 スキル設計 etc. マスタタグ機能 ログ閲覧機能 データ作成・入力 機 能 例 機 能 例 自動検証
42. マスタデータの検証機能 42 ・ゲームの仕様に沿わないマスタを検出して画面に表示する ・入力必須、最大値 & 最小値のような汎用的なものから、 　「特定のレベルでは入力必須」のような独自ルールも 　テーブルごとに設定可能 ・独自ルールはエンジニアがテーブルごとにプログラムを書いている 「用意されたマスタが正しいものか？」を自動で検証してくれる機能 即座にミスを検知できるので、実機テストの工数を抑えることができる
43. 43 全てのテーブルを一括で検証したり、個別で検証することも可能
44. 44 Kubernetes Engine CloudSQL (マスタデータ) チェック 投入時に検証を行なってしまうと、 依存関係の順番を考慮しながらテーブルを 入れる必要があるので、 作業に時間がかかってしまう 管理ツール スプレッドシートでの投入後に検証を行うフローにしている
45. ⑤マスタタグ機能 45
46. 46 データ作成 デバッグ 本番リリース 仕様策定 施策を開発環境で用意 「開催日時」「施策内容」を決める データ作成 動作を実現するデータを設定する デザイン作成 「バナー画像」「イラスト」 「3Dモデル」を作る 不具合が無いかをテスト 意図した挙動になっているか？ 表示画像が合っているか？ ガチャの確率が合っているか？ 正しい文章で表現されているか？ 実際に遊べるようになる 多機能管理ツールの導入による効果 お知らせ生成 自動検証 スキル設計 etc. マスタタグ機能 ログ閲覧機能 データ作成・入力 機 能 例 機 能 例 マスタタグ機能
47. マスタタグ機能 47 ・マスタデータをバイナリファイルにまとめて、タグを付けて 　APIサーバーに反映させる機能 ・マスタデータを直接DBを呼び出して取得するのではなく、 　APIサーバー起動時に、指定されたタグのバイナリファイルを 　まとめてメモリに載せている ・タグで管理することで、ロールバックが容易になるメリットがある 　(20231001のタグに不備があった場合に20230930に戻す、など) エンジニアでなくても簡単にマスタデータをリリースできる機能 ロールバックが容易で、不具合発生時の迅速な対応が可能になる
48. 48 【環境変数】 MASTER_VERSION=20230930 Kubernetes Engine 配信フロー
49. 49 【環境変数】 MASTER_VERSION=20230930 Kubernetes Engine 20231001 CloudSQL (マスタデータ) マスタバイナリデータ Cloud Storage Bucket 配信フロー
50. 50 【環境変数】 MASTER_VERSION=20230930 Kubernetes Engine 20231001 マスタバイナリデータ Cloud Storage Bucket 【環境変数】 MASTER_VERSION=20231001 配信フロー
51. 51 Kubernetes Engine 20231001 マスタバイナリデータ Cloud Storage Bucket 【環境変数】 MASTER_VERSION=20231001 配信フロー
52. ⑥ユーザーの行動ログ閲覧機能 52
53. 53 データ作成 デバッグ 本番リリース 仕様策定 施策を開発環境で用意 「開催日時」「施策内容」を決める データ作成 動作を実現するデータを設定する デザイン作成 「バナー画像」「イラスト」 「3Dモデル」を作る 不具合が無いかをテスト 意図した挙動になっているか？ 表示画像が合っているか？ ガチャの確率が合っているか？ 正しい文章で表現されているか？ 実際に遊べるようになる 多機能管理ツールの導入による効果 お知らせ生成 自動検証 スキル設計 etc. マスタタグ機能 ログ閲覧機能 データ作成・入力 機 能 例 機 能 例 ログ閲覧機能
54. ユーザーの行動ログ閲覧機能 54 ・ユーザー操作により更新されたデータをまとめたログ 　(アイテムの消費/取得ログなど) ・主に不具合の原因調査等で使用する ・Google CloudのBigQueryに格納している ・BigQuery APIを叩くことにより、SQLを使わずに 　管理ツールからログを閲覧できるようにしている 通常、高度なSQLの知識が必要な「行動ログ」が簡単に調査できる機能 不具合や問い合わせの一次調査がエンジニア不要で実施可能になる
55. 55 ①シンプルクエリ: ログ名、時間、ユーザーIDで絞る select * from item_get where 2023/10/01 <= timestamp and timestamp <= 2023/11/01 and user_id = “ABC” ②カスタムクエリ: ログ名、時間、ユーザーID + 任意の要素で絞る select * from item_get where 2023/10/01 <= timestamp and timestamp <= 2023/11/01 and user_id = “ABC” and is_gift = true 用意された2つの機能
56. 56 カスタムクエリの場合は テンプレートから選ぶ
57. 57 Kubernetes Engine 内部でSQLを実 行 管理ツール 行動ログ DB (クエリテンプレート ) テンプレートを取 得 ユーザーの行動ログ閲覧機能
58. まとめ 58
59. 59 ・『IDOLY PRIDE』では自社開発の多機能管理ツールを導入している ・「プランナー」「エンジニア」「QA」「CS」など幅広い職種の作業をサポート ・様々な機能を豊富に揃えることで不要な人為的要素を排除し、 「作業量」と「不具合」を抑えられるようにしている まとめ