Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
『アサルトリリィ Last Bullet』におけるクラウドストリーミング技術を用いたブラウザゲ...
Search
gree_tech
PRO
October 25, 2024
Video
Technology
1
840
『アサルトリリィ Last Bullet』におけるクラウドストリーミング技術を用いたブラウザゲーム化の紹介
GREE Tech Conference 2024で発表された資料です。
https://techcon.gree.jp/2024/session/TrackB-3
gree_tech
PRO
October 25, 2024
Tweet
Share
Video
More Decks by gree_tech
See All by gree_tech
今この時代に技術とどう向き合うべきか
gree_tech
PRO
2
1.9k
生成AIを開発組織にインストールするために: REALITYにおけるガバナンス・技術・文化へのアプローチ
gree_tech
PRO
0
31
安く・手軽に・現場発 既存資産を生かすSlack×AI検索Botの作り方
gree_tech
PRO
0
24
生成AIを安心して活用するために──「情報セキュリティガイドライン」策定とポイント
gree_tech
PRO
0
26
あうもんと学ぶGenAIOps
gree_tech
PRO
0
18
MVP開発における生成AIの活用と導入事例
gree_tech
PRO
0
25
機械学習・生成AIが拓く事業価値創出の最前線
gree_tech
PRO
0
41
コンテンツモデレーションにおける適切な監査範囲の考察
gree_tech
PRO
0
17
新サービス立ち上げの裏側 - QUANT for Shopsで実践した開発から運用まで
gree_tech
PRO
0
18
Other Decks in Technology
See All in Technology
いまからでも遅くない!SSL/TLS証明書超入門(It's not too late to start! SSL/TLS Certificates: The Absolute Beginner's Guide)
norimuraz
0
250
アイテムレビュー機能導入からの学びと改善
zozotech
PRO
0
170
All About Sansan – for New Global Engineers
sansan33
PRO
1
1.2k
セキュアな認可付きリモートMCPサーバーをAWSマネージドサービスでつくろう! / Let's build an OAuth protected remote MCP server based on AWS managed services
kaminashi
3
330
「使い方教えて」「事例教えて」じゃもう遅い! Microsoft 365 Copilot を触り倒そう!
taichinakamura
0
390
Introdução a Service Mesh usando o Istio
aeciopires
0
150
Geospatialの世界最前線を探る [2025年版]
dayjournal
1
220
AWS IoT 超入門 2025
hattori
0
340
Adminaで実現するISMS/SOC2運用の効率化 〜 アカウント管理編 〜
shonansurvivors
4
450
[Codex Meetup Japan #1] Codex-Powered Mobile Apps Development
korodroid
2
870
物体検出モデルでシイタケの収穫時期を自動判定してみた。 #devio2025
lamaglama39
0
160
ユーザーの声とAI検証で進める、プロダクトディスカバリー
sansantech
PRO
1
140
Featured
See All Featured
A better future with KSS
kneath
239
18k
Mobile First: as difficult as doing things right
swwweet
224
10k
Faster Mobile Websites
deanohume
310
31k
Balancing Empowerment & Direction
lara
4
690
Bash Introduction
62gerente
615
210k
Why Our Code Smells
bkeepers
PRO
340
57k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
Practical Orchestrator
shlominoach
190
11k
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
The Power of CSS Pseudo Elements
geoffreycrofte
79
6k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
Transcript
『アサルトリリィ Last Bullet』 におけるクラウドストリーミング技術 を用いたブラウザゲーム化の紹介 株式会社ポケラボ エンジニアMGR 髙田広
2014年7月株式会社ポケラボに入社。スマ ホ向けゲームアプリ『アサルトリリィ Last Bullet』のプロジェクト立ち上げからエン ジニアマネージャーとして参加。現在は横 断組織である技術基盤チームのマネー ジャーを担当。 髙田広 株式会社ポケラボ エンジニアMGR
2
目次・アジェンダ • 『アサルトリリィ Last Bullet』の紹介 • ブラウザゲーム化した経緯 • システムアーキテクチャの説明 •
開発フェーズの対応内容 • リリース後の実績 • 企業ブースの紹介 3
『アサルトリリィ Last Bullet』の紹介 4
『アサルトリリィ Last Bullet』とは? 5 「儚くも美しく戦う、少女たちの物語ーー」アサルトリリィプロジェクト発のゲームRPG App Store, Google Play, DMM
GAMES, Webブラウザ にて配信中
ブラウザ版のリリーススケジュール 6 2021/01 アプリリリース アプリ1周年 2022/01 アプリ2周年 2023/01 2023/01 ブラウザ版リリース
2022/08 ブラウザ版 開発スタート アプリ3周年 2024/01
対応プラットフォーム 7 iOS版 DMM版 (PC) ブラウザ版 対応端末 ユーザーデータ iOS版・Android版・DMM版・ブラウザ版の間でユーザーデータの引き継ぎが可能 Android版
iPhone / iPad Android端末 PC (Windows) iPhone / iPad / Android端末 / PC 配信PF App Store Google Play DMM GAMES 公式サイト ゲーム内容 iOS版・Android版・DMM版・ブラウザ版で提供するゲーム内容に相違はなし
ブラウザゲーム化した経緯 8
ブラウザゲーム化するメリット • プラットフォーム手数料削減による利益率の向上 • 利便性の向上 ◦ 端末容量を気にせずプレイが可能 ◦ スマホ端末、PC端末 (Windows,
Mac) どちらでもプレイが可能 ◦ 大画面でプレイが可能 • 新規ユーザーの獲得 ◦ URLによる新規流入導線の追加が容易 9
システムアーキテクチャの説明 10
クラウドゲーミングサービスの利用について 11 • 既存のUnityアプリをブラウザ上で動かすために、WebGL化するか、スト リーミングゲーム化するかの技術検証を実施 • WebGL化するには特に外部SDKの対応工数がかかることが分かり、スト リーミングゲーム化の手段を検討 • 以下の観点でストリーミングゲーム化のソリューションを提供しているベ
ンダーを検討し、now.ggのサービスを利用することを決定 ◦ モバイル向けゲームのブラウザ導入実績 ◦ ストリーミング品質(ネットワーク、レイテンシ、画質 etc) ◦ クラウドサーバコストと運用コスト
アクセス経路図 12 now.ggクラウドサーバ 公式サイト ゲームプレイ画面 公式サイトへのアクセス ゲーム直接アクセス(ブックマーク等) ログイン選 択 ストリーミング通信
公式サイトアクセス ログインボタン押下 SNS認証ページ SNSログイン ログイン成功 SNSアカウント情報通知 認証リクエスト 認証レスポンス アプリ起動 Client表示
ログインフロー図 13 Client 公式サイト ゲームプレイ画 面 ポケラボ Server now.gg Server ストリーミング通信開始 token作成 token通知
公式サイトアクセス ログインボタン押下 SNS認証ページ SNSログイン ログイン成功 SNSアカウント情報通知 認証リクエスト 認証レスポンス アプリ起動 Client表示
ログインフロー図 14 Client 公式サイト ゲームプレイ画 面 ポケラボ Server now.gg Server ストリーミング通信開始 token作成 token通知
公式サイトアクセス ログインボタン押下 SNS認証ページ SNSログイン ログイン成功 SNSアカウント情報通知 認証リクエスト 認証レスポンス アプリ起動 Client表示
ログインフロー図 15 Client 公式サイト ゲームプレイ画 面 ポケラボ Server now.gg Server ストリーミング通信開始 token作成 token通知
公式サイトアクセス ログインボタン押下 SNS認証ページ SNSログイン ログイン成功 SNSアカウント情報通知 認証リクエスト 認証レスポンス アプリ起動 Client表示
ログインフロー図 16 Client 公式サイト ゲームプレイ画 面 ポケラボ Server now.gg Server ストリーミング通信開始 token作成 token通知
公式サイトアクセス ログインボタン押下 SNS認証ページ SNSログイン ログイン成功 SNSアカウント情報通知 認証リクエスト 認証レスポンス アプリ起動 Client表示
ログインフロー図 17 Client 公式サイト ゲームプレイ画 面 ポケラボ Server now.gg Server ストリーミング通信開始 token作成 token通知
開発フェーズの対応内容 18
開発ポリシー 『モバイル版とユーザー体験をなるべく変えない』 という大方針のもとに対応内容の精査と品質チェックを実施 また、運用コストを抑えるために、Unityソースコードはモバイルアプリ版と ブラウザ版で同じGitブランチにて開発を実施しました 19
now.gg社に対応いただいた内容 • クラウドサーバ環境の構築 ◦ 開発環境、QA環境、ステージング環境、本番環境の構築 • ログインシステム対応 ◦ 前ページにて説明したログインフローにおける、ユーザー認証とアプリ起動処理の実装 •
Web SDK対応 ◦ Iframeを介してクラウドゲームプレイをポケラボ管理のWebサイトに埋め込むための対応 • Unity SDK対応 ◦ 外部URLへの遷移 ◦ UnityからWebにイベントを通知する機能 ◦ Unityアプリ起動時のパラメータ取得(ユーザー識別に利用) ◦ タイムアウト時間の延長対応(クエストのオート周回にて利用) • アプリ管理ツール nowStudio の提供 ◦ アップロードしたアプリのバージョン管理 / 本番反映と、ユーザー動向の分析 20
• ログインシステム / SNS認証 ◦ 前ページにて説明したログインフローにおけるユーザー識別処理をログイン共通基盤のシステム を用いて実装 ◦ モバイルアプリ向けのSNSデータ連携機能は既にあるが、Web向けのSNS認証処理の実装 •
Assetリソースのクラウドサーバ保存 ◦ モバイル版アプリでは、初期インストール後に数GBのリソースダウンロードが実行されデバイス 個別のストレージにAssetリソースを保存しているが、ブラウザ版ではクラウドサーバ上にAsset リソースを配置して大量のリソースダウンロードをしない形に変更 • クラウドストレージ対応 ◦ ユーザーの状態を保持するために、クラウドストレージに保存する情報を精査し、ファイルパス を nowStudio にて設定 • Web決済 ◦ 課金共通基盤にて既に対応されていた Stripe (決済プロバイダー) を利用して決済処理を実装 ◦ 課金商品一覧、課金商品詳細、購入完了画面を新規で実装 弊社にて対応した内容 ① 21
弊社にて対応した内容 ② • 外部サイト遷移 • クリップボードコピー機能 • フルスクリーン / ログアウト
• クエストオート周回のタイムアウト時間延長 • ブラウザ版限定で表示したい項目の制限 ◦ お知らせ、バナー、規約文章、メンテナンス • 海外からのアクセス遮断対応 ◦ AWSのWAFにて制限 22
ビルド環境構築:開発環境 クラウドサーバへの反映まで Jenkins にて完全自動化を実現 23 now.ggクラウドサーバ ① APKファイルのUnityビルド ② リソースファイルのビルド
③ ZIPファイル作成 ④ ZIPファイル アップロード ⑤ CLIにて反映処理を実行
ビルド環境構築:本番環境 安定運用を目指し、本番デプロイ反映は nowStudio を用いて手動対応 24 now.ggクラウドサーバ ① APKファイルのUnityビルド ② リソースファイルのビルド
③ ZIPファイル作成 ④ ZIPファイル アップロード ⑤ デプロイメント実行
エンジニアリング領域以外の対応内容 • プランナー ◦ 課金アイテムの商品設計 ▪ ブラウザ版限定のキャンペーン仕様作成 ▪ 課金単価の調整 ◦
ブラウザ版専用規約文書の法務調整 ◦ ブラウザ版専用公式サイトの新規開発依頼 • デザイナー ◦ 各種素材の制作 ▪ ホームアイコン ▪ ゲーム起動時の背景画像 ▪ Web決済画面のデザイン作成 25
リリース後の実績 26
リリース後の実績 27 • 2023/01 〜 2023/12 のMAU実績 ◦ 全プラットフォームに対するブラウザ版のMAU比率:15%前後 ◦
※ 2024/01 以降も上記の数値を保って推移できている • オペレーションミス、クラウドサーバの負荷による障害は 0 件 • 以下ログイン種別によるログイン比率は、ほぼ 1:1:1 の割合 ◦ ゲストログイン ◦ Googleログイン ◦ X (旧Twitter)ログイン
企業ブースの紹介 28
企業ブースの紹介 • ブラウザ版のアクセス経路図/ログインフロー図のパネル展示を行ってい ますので、質問事項があればお気軽にお声がけください! • スマートフォン端末、PC端末での本番試遊が出来ますので、ぜひ手に とってプレイしてみてください! 29 ブラウザ版 QRコード
ご清聴ありがとうございました 30
None