令和 3 年 11 月に開催したKLab TECH Meetup #8のセッション資料です。 https://klab-tech-meetup.connpass.com/event/228398/

1. 解良 貴
職種 : クライアントエンジニア
所属部署 : KLabGames
モバイルオンラインゲーム
におけるUIエンジニアの
業務紹介
KLab株式会社

2. 2
社歴：2019年入社 新卒3年目
担当：BLEACH Brave Souls UI開発リーダー
趣味：個人ゲーム制作活動のためのキャラクターに3Dモデリング
にハマり中
解良 貴 (けら たかし)
職種 クライアントエンジニア
所属部署 KLabGames事業本部
KLab株式会社
自己紹介
画像

3. 3
● 今回話す内容は、僕が配属されたプロジェクトでの話で
す。KLab社内の他プロジェクトや他社にも通用するかは
保証できません。
● 想定聴講者ターゲット
○ 第２新卒 ＝ 大体新卒３年目未満の人
はじめに

4. 4
モバイルオンラインゲーム開発には
どんな分野のエンジニアがいると思いますか？

5. 5
クライアントエンジニア
と
サーバーエンジニア
KLab入社前の僕の予想

6. 6
● クライアントアクションエンジニア（アクション開発）
● クライアントUIエンジニア（UI開発） ←僕が担当
● サーバーエンジニア
● パイプラインエンジニア
（他にもインフラエンジニア、セキュリティエンジニアなど）
実際に存在するエンジニア

7. 7
UI開発って面白いの？

8. 8
● UI開発って画面作るだけでしょ？アクション開発のほう
が楽しそうだからそっちが良かったなー
● やっぱゲームエンジニアと言ったらアクション開発
UIエンジニアに配属される前の僕
©久保帯人／集英社・テレビ東京・dentsu・ぴえろ ©KLabGames
アクション開発 UI開発

9. 9
UI開発だって面白いし！
重宝されるスキルを持つ
エンジニアになれる！
今の僕

10. 10
UI開発の業務には
どんなものがあるのか

11. 11
● タイトル画面
● ホーム画面
● ガチャ画面
● オプション画面
● クエスト選択画面
たくさんある
● UIアニメーション表現
● 多言語対応
● 広告機能
● SNS投稿機能
● データ連携機能
など....

12. 12
● タイトル画面
● ホーム画面
● ガチャ画面
● オプション画面
● クエスト画面
たくさんある
● UIアニメーション表現
● 多言語対応
● 広告機能
● SNS投稿機能
● データ連携機能
など....
クライアント開発のうち
アクション開発以外の全て！

13. 13
UIエンジニアの具体的な業務を紹介しながら
UI開発がなぜ面白いのか
重宝されるスキルとはなにか
UIエンジニアの魅力を伝えます
今回伝えたいこと

14. 14
● はじめに
● ゲーム画面はこうして作られる
● UI開発がなぜ面白いのか
● 重宝されるスキルとは
● まとめ
目次

15. 15
ゲーム画面はこうして作られる

16. 16
ゲーム画面はどのように作られるのか
皆さん、知ってますか？
昔の僕「画面なんて簡単なプログラムでしょ、作るだけでし
ょ？」
ブレソルのUI画面
©久保帯人／集英社・テレビ東京・dentsu・ぴえろ ©KLabGames

17. 17
ゲーム画面はどのように作られるのか
どんな人が関わるのか？
画面を作るには何が必要か？

18. 18
ゲーム画面作成に関わる人達
プランナー
エンジニア
UIデザイナー
テスター

19. 19
ゲーム画面作成に必要な工程
仕様書 画面指示書 プログラム
テスターが
テスト
プランナー
が作成
UIデザイナー
が作成
エンジニア
が作成

20. 20
エンジニア担当：実装
エンジニア
実物を作る人
２種類のエンジニア
UIエンジニア
サーバーエンジニア

21. 21
サーバーエンジニアの実装
画面表示に必要な情報をDBから集め、クライアントに送信
所持金、所持キャラ、クエストクリア状態など...
不正防止の観点から、大体の情報はサーバー側に保存されて
いることが多い

22. 22
UIエンジニアの実装
画面指示書通りに画面を作り上げる
位置はpx単位で指定、色は色コードレベルで指定
プログラム実装
サーバーからもらった情報や端末にあるデータを利用し
て、画面の表示処理を作る

23. 23
UI開発がなぜ面白いのか

24. 24
画面実装の面白さ
１から全部を１人で作れる
エンジニアあるある：１から全部作りたい
ものづくり感を味わえやすい
綺麗な実装でコードが書ける
比較的きれいな設計を考えやすく、実装も綺麗になる

25. 25
画面実装の特徴
実装が簡単

26. 26
画面実装が簡単な理由
それぞれの画面ごとに実装が独立している
→影響範囲、依存範囲が狭く、作りやすい
実装規模が膨大にならない
→アクションパートよりは画面のほうが実装難易度は低
く、コード量も少ない

27. 27
簡単な代わりに...
実装しなければならない画面の量が多い
多いと１機能で5画面作るとかあります
UIエンジニアの仕事はすぐ終わって暇、ということはないです

28. 28
まとめると
画面実装は
簡単！
１人で全部作れる！
美しい設計を考案し！
綺麗なコードがかける！
たくさん作れる！
だから面白い

29. 29
重宝されるスキルとは

30. 30
モバイルオンラインゲーム開発で
いちばん重要な機能は
何だと思いますか？

31. 31
課金
課金処理はどのモバイルオンラインゲームでも必須
Apple, Googleなどの他社が作った技術仕様を読んで実装
お金が絡むので絶対にバグは出してはいけない
→つまり難易度が高い
課金の実装経験があるエンジニアは重宝されます

32. 32
その他の重宝されるスキルが身につく仕事
広告機能の実装
Googleなどが提供するSDKを導入する必要がある
他社が作った技術仕様を読んで実装
SNS投稿機能の実装
Twitter、Facebookの技術仕様を読み解き、それに習って実
装する必要がある

33. 33
共通点は何だと思いますか？
課金
Apple, Googleなどの他社が作った技術仕様を読んで実装
広告実装
Googleなどが提供するSDKを導入する必要がある
他社が作った技術仕様を読んで実装
SNS投稿機能
Twitter、Facebookの技術仕様を読み解き、それに習って実装する必要がある

34. 34
他社サービスを利用していること

35. 35
全てを実装することはできない
● ゲーム
● 広告
● 課金の決済
● SNS投稿（SNSの実装）
など
他人・他社が作った物を利用する力が必要

36. 36
じゃ、たくさん他社サービスを
利用すれば？

37. 37
他社サービスを利用するのは難しい
SDK導入が難しい
いろんなSDKを入れるほど、ライブラリが競合してビルド
がコケる
デバッグがしにくい
十分なログを確認できないこともしばしば
バグが自社起因かサービス提供側起因かがわからない

38. 38
重宝されるスキル
他人・他社が作った物を利用する力が必要
×
他社サービスを利用するのはむずかしい
この実装経験を持つエンジニアは重宝される！

39. 39
他社サービス利用の担当はUIエンジニア
UI開発の担当はインゲーム以外
それは単なる画面実装だけではなく、他社サービス利用も含
まれます。
だからUIエンジニアになると重宝されるスキルが身につく！

40. 40
まとめ
UIエンジニアの特徴
実装が簡単、だからこそ綺麗に実装できるし、1機能を
自分一人で作り上げれる
他社サービス利用を実装する機会があり、その経験は重宝さ
れるスキルとなる
中でも課金実装経験は特に重宝される

41. 41
さいごに
今回はUIエンジニアの業務紹介ということで、UIエンジニア
の魅力のみをピックアップしました
他のエンジニアの業務にも魅力はあります！
ぜひ、いろんなエンジニアについて調べてみてください！

42. 42
ご清聴ありがとうございました