Slide 1

Slide 1 text

成果発表(9/6 ~ 9/29) クライアントエンジニア 佐藤 勇人 1

Slide 2

Slide 2 text

・ 佐藤 勇人(@hanaaaaaachiru) ・ 東北大学 情報科学研究科 M1 - 専門:グラフ理論 ・ 趣味 - ゲーム制作 - 散歩 自己紹介 2

Slide 3

Slide 3 text

  ゲーム制作 クローズドサークルからの脱出 Android, iOSリリース済 3

Slide 4

Slide 4 text

10000歩/日を目安にいつも歩いています インターン中も欠かさず散歩しました 散歩ガチ勢です iPhoneの歩数計 8月29日〜9月28日 平均 10,357歩/日 4

Slide 5

Slide 5 text

1. インターンの概要 2. タスク1「チャプター記録が存在しないチャプターにおいて、獲得演出を出さないように」 3. タスク2「ボーナス期間だけアイテム所持数と遷移するボタンを表示できるように」 4. タスク3「ムービーを再生しているときは端末をスリープさせないように」 5. タスク4「スタンプと遷移アニメーションの描画順の変更」 6. タスク5「一コマ漫画の画面左右をタップすると前後の漫画に移動できるように」 7. タスク6「ベアマックス選択画面のUI修正」 8. インターンを通して感じたこと 話の流れ 5

Slide 6

Slide 6 text

1. インターンの概要 2. タスク1「チャプター記録が存在しないチャプターにおいて、獲得演出を出さないように」 3. タスク2「ボーナス期間だけアイテム所持数と遷移するボタンを表示できるように」 4. タスク3「ムービーを再生しているときは端末をスリープさせないように」 5. タスク4「スタンプと遷移アニメーションの描画順の変更」 6. タスク5「一コマ漫画の画面左右をタップすると前後の漫画に移動できるように」 7. タスク6「ベアマックス選択画面のUI修正」 8. インターンを通して感じたこと 話の流れ 6

Slide 7

Slide 7 text

Unityを使ったクライアントエンジニアとして約3週間働かせていただきました インターンの概要 募集要項 7

Slide 8

Slide 8 text

約3週間のインターン中に「Akatsuki Dev meetup 2021」が開催された インターンの概要 Akatsuki Dev Meetup 2021 8

Slide 9

Slide 9 text

1. インターンの概要 2. タスク1「チャプター記録が存在しないチャプターにおいて、獲得演出を出さないように」 3. タスク2「ボーナス期間だけアイテム所持数と遷移するボタンを表示できるように」 4. タスク3「ムービーを再生しているときは端末をスリープさせないように」 5. タスク4「スタンプと遷移アニメーションの描画順の変更」 6. タスク5「一コマ漫画の画面左右をタップすると前後の漫画に移動できるように」 7. タスク6「ベアマックス選択画面のUI修正」 8. インターンを通して感じたこと 話の流れ 9

Slide 10

Slide 10 text

背景 星の表示・非表示を マスターで管理したい! マスターで星を表示しないときに ・星を表示しない ・獲得演出の削除 の変更がクライアントで必要そう チャプター記録が存在しないチャプターにおいて、獲得演出を出さない ステージ選択画面 10

Slide 11

Slide 11 text

調査・実装 ・星を表示しない  → 既に対応済みであった ・獲得演出を削除する  → 未対応なので実装 チャプター記録が存在しないチャプターにおいて、獲得演出を出さない 獲得演出 星を表示しない 11

Slide 12

Slide 12 text

1. インターンの概要 2. タスク1「チャプター記録が存在しないチャプターにおいて、獲得演出を出さないように」 3. タスク2「ボーナス期間だけアイテム所持数と遷移するボタンを表示できるように」 4. タスク3「ムービーを再生しているときは端末をスリープさせないように」 5. タスク4「スタンプと遷移アニメーションの描画順の変更」 6. タスク5「一コマ漫画の画面左右をタップすると前後の漫画に移動できるように」 7. タスク6「ベアマックス選択画面のUI修正」 8. インターンを通して感じたこと 話の流れ 12

Slide 13

Slide 13 text

背景 既存実装 ボーナス期間中はアイテム変換所・ アイテム表示が常に表示されない ボーナス期間だけアイテム所持数と遷移ボタンを表示できるように 変換所遷移・アイテム表示 ボーナス期間中でもなるべく 表示した方がユーザーに優しい! 13 アイテム変換所・アイテム表示

Slide 14

Slide 14 text

実装 ・表示するボタンの種類 - アイテム交換所 - スカウト - タウンマップ ・ボーナス期間中に表示するか ・遷移先に渡すID ボーナス期間だけアイテム所持数と遷移ボタンを表示できるように 3つの変数を追加 遷移先のボタンを変更可 14

Slide 15

Slide 15 text

1. インターンの概要 2. タスク1「チャプター記録が存在しないチャプターにおいて、獲得演出を出さないように」 3. タスク2「ボーナス期間だけアイテム所持数と遷移するボタンを表示できるように」 4. タスク3「ムービーを再生しているときは端末をスリープさせないように」 5. タスク4「スタンプと遷移アニメーションの描画順の変更」 6. タスク5「一コマ漫画の画面左右をタップすると前後の漫画に移動できるように」 7. タスク6「ベアマックス選択画面のUI修正」 8. インターンを通して感じたこと 話の流れ 15

Slide 16

Slide 16 text

  次のタスク決め メンターさん 実は提案したいことを事前にまとめてきて… プランナーさんとミーティング設定しました 16

Slide 17

Slide 17 text

  次のタスク決め この3つをお願いします 開発ディレクター 17

Slide 18

Slide 18 text

提案したものの内以下の3つを取り組むことに決定 ・タスク3「ムービー中に暗くならないようにする」 ・タスク4「スタンプと遷移アニメーションの描画順の変更」 ・タスク5「一コマ漫画でのコマの移動方法」 次のタスク決定 次にやる3つのタスク 18

Slide 19

Slide 19 text

1. インターンの概要 2. タスク1「チャプター記録が存在しないチャプターにおいて、獲得演出を出さないように」 3. タスク2「ボーナス期間だけアイテム所持数と遷移するボタンを表示できるように」 4. タスク3「ムービーを再生しているときは端末をスリープさせないように」 5. タスク4「スタンプと遷移アニメーションの描画順の変更」 6. タスク5「一コマ漫画の画面左右をタップすると前後の漫画に移動できるように」 7. タスク6「ベアマックス選択画面のUI修正」 8. インターンを通して感じたこと 話の流れ 19

Slide 20

Slide 20 text

背景 ムービー中に操作をしないと スマホが自動でスリープモードになる 暗くならないようにタップすると スキップのダイアログが表示される ムービー中に暗くならないようにする ムービー中暗くなる 20

Slide 21

Slide 21 text

実装 UnityのAPI「Screen.SleepTimeout」を 利用して対応 ムービー中に暗くならないようにする ムービー中暗くならないように 公式ドキュメント 21

Slide 22

Slide 22 text

1. インターンの概要 2. タスク1「チャプター記録が存在しないチャプターにおいて、獲得演出を出さないように」 3. タスク2「ボーナス期間だけアイテム所持数と遷移するボタンを表示できるように」 4. タスク3「ムービーを再生しているときは端末をスリープさせないように」 5. タスク4「スタンプと遷移アニメーションの描画順の変更」 6. タスク5「一コマ漫画の画面左右をタップすると前後の漫画に移動できるように」 7. タスク6「ベアマックス選択画面のUI修正」 8. インターンを通して感じたこと 話の流れ 22

Slide 23

Slide 23 text

背景 ログインボーナスのときに遷移エフェクト より前にスタンプが描画されているのが 気になる スタンプと遷移アニメーションの描画順変更 スタンプが前に表示される 23

Slide 24

Slide 24 text

実装 それぞれの描画される順番を修正 スタンプと遷移アニメーションの描画順変更 スタンプが後ろに表示される 24

Slide 25

Slide 25 text

1. インターンの概要 2. タスク1「チャプター記録が存在しないチャプターにおいて、獲得演出を出さないように」 3. タスク2「ボーナス期間だけアイテム所持数と遷移するボタンを表示できるように」 4. タスク3「ムービーを再生しているときは端末をスリープさせないように」 5. タスク4「スタンプと遷移アニメーションの描画順の変更」 6. タスク5「一コマ漫画の画面左右をタップすると前後の漫画に移動できるように」 7. タスク6「ベアマックス選択画面のUI修正」 8. インターンを通して感じたこと 話の流れ 25

Slide 26

Slide 26 text

背景 コマの左右を押して遷移できれば よりストレスフリーに移動ができそう ついでにコマ移動の矢印ボタンを 連打できるようにしたい 1コマ漫画の移動方法追加 移動方法追加 26

Slide 27

Slide 27 text

実装 ・コマの左右を押して移動できるように ・ボタンの連打ができるように 1コマ漫画の移動方法追加 コマの移動 27

Slide 28

Slide 28 text

1. インターンの概要 2. タスク1「チャプター記録が存在しないチャプターにおいて、獲得演出を出さないように」 3. タスク2「ボーナス期間だけアイテム所持数と遷移するボタンを表示できるように」 4. タスク3「ムービーを再生しているときは端末をスリープさせないように」 5. タスク4「スタンプと遷移アニメーションの描画順の変更」 6. タスク5「一コマ漫画の画面左右をタップすると前後の漫画に移動できるように」 7. タスク6「ベアマックス選択画面の修正」 8. インターンを通して感じたこと 話の流れ 28

Slide 29

Slide 29 text

背景 ・クリスタルベアマックスの種類が  増えて見づらい ・使っても効果の無いベアマックス  も選択できる ベアマックス選択画面の修正 元の画面 画面を整理して、使いやすくする 29

Slide 30

Slide 30 text

実装 ベアマックス選択画面の修正 元の画面 修正後 30

Slide 31

Slide 31 text

実装 ベアマックス選択画面の修正 修正後 レベルアップ・ポテンシャル・限界突破 カテゴリ分け             レベル・限界突破・       獲得EXPのプログレスバーの追加 クリスタルベアマックスの並び方変更 31

Slide 32

Slide 32 text

実装 ベアマックス選択画面の修正 修正後 使っても効果のないベアマックスを グレーアウト ベアマックスの合計数を表示しない ポテンシャル用のフッター作成 32

Slide 33

Slide 33 text

実装 細かくコードレビューをしていただけて、色々と学びがありました ベアマックス選択画面の修正 該当プルリク 33

Slide 34

Slide 34 text

1. インターンの概要 2. タスク1「チャプター記録が存在しないチャプターにおいて、獲得演出を出さないように」 3. タスク2「ボーナス期間だけアイテム所持数と遷移するボタンを表示できるように」 4. タスク3「ムービーを再生しているときは端末をスリープさせないように」 5. タスク4「スタンプと遷移アニメーションの描画順の変更」 6. タスク5「一コマ漫画の画面左右をタップすると前後の漫画に移動できるように」 7. タスク6「ベアマックス選択画面の修正」 8. インターンを通して感じたこと 話の流れ 34

Slide 35

Slide 35 text

・コードを書くよりも、コードを調べる・理解することがメイン - コードの書き方 - 既存のコードで利用できる箇所はないか ・コミュニケーションの大切さ - ミーティング - 仕様の確認 ・自主的に行動することの大切さ - 自由だからこそ、自主性が求められる インターンを通して感じたこと 35

Slide 36

Slide 36 text

3週間という短い期間でしたが、 本当にありがとうございました!!! さいごに 36