Akatsuki Summer Internship 2019 インターン成果発表

Slide 1

Slide 1 text

鹿内裕介鹿内裕介インターン成果発表インターン成果発表 2019/9/2 - 2019/9/20 TSUBASA クライアントエンジニア Akatsuki Summer Internship 2019 Akatsuki Summer Internship 2019

Slide 2

Slide 2 text

自己紹介自己紹介鹿内裕介鹿内裕介しかない奈良先端科学技術大学院大学サイバネティクス・リアリティ工学研究室 y-shika (@shikanai327327) 一ノ瀬志希P デレマス、ミリマス、ナナシス、Re ステ...

Slide 3

Slide 3 text

やってきた（やっている）やってきた（やっている）ことこと

Slide 4

Slide 4 text

Vtuber 開発 Vtuber 開発

Slide 5

Slide 5 text

カードゲームカードゲームアプリ開発アプリ開発 Beyond the ﬁeld @BTF_TCG 2019 年秋リリース予定！（Android & iOS ）

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

話すこと話すこと 1. 参加したプロジェクト参加したプロジェクト 2. 課題決め課題決め 3. 実際にやったこと実際にやったこと 4. 最終的な成果最終的な成果 5. こだわったポイントこだわったポイント 6. インターンについての感想インターンについての感想 7. おわりにおわりに

Slide 8

Slide 8 text

参加したプロジェクト参加したプロジェクト

Slide 9

Slide 9 text

八月のシンデレラナイン（TSUBASA ）八月のシンデレラナイン（TSUBASA ）

Slide 10

Slide 10 text

インゲームインゲームアウトゲームアウトゲーム

Slide 11

Slide 11 text

インゲームインゲームアウトゲームアウトゲーム

Slide 12

Slide 12 text

クライアントサイドでクライアントサイドでアウトゲームのエンジニアをしましたアウトゲームのエンジニアをしました３週間３週間

Slide 13

Slide 13 text

課題決め課題決め

Slide 14

Slide 14 text

インターン開始約１ヶ月前インターン開始約１ヶ月前ゲームプレイして課題見つけてきて！

Slide 15

Slide 15 text

インターン開始約１ヶ月前インターン開始約１ヶ月前ゲームプレイして課題見つけてきて！承知しました！

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

今のスカウトUI 今のスカウトUI

Slide 19

Slide 19 text

現スカウトUI の問題点現スカウトUI の問題点スカウトの種類が多すぎる → 初心者は何引いて良いかわからない → 初心者離れ無料スカウト引きたい！ → あれ矢印ないぞ一番右まで一気にいけないのか... → ...19 回スワイプだと？ → おっふ

Slide 20

Slide 20 text

というわけでというわけでスカウトUI を快適にしますスカウトUI を快適にします

Slide 21

Slide 21 text

「スカウトUI の改修」「スカウトUI の改修」インターン課題インターン課題に決定！！に決定！！

Slide 22

Slide 22 text

実際にやったこと実際にやったこと

Slide 23

Slide 23 text

1. そもそも横スクロールどう？そもそも横スクロールどう？ 2. サイドバーあれば快適では？サイドバーあれば快適では？ 3. サイドバーを使いやすくしようサイドバーを使いやすくしよう

Slide 24

Slide 24 text

1. そもそも横スクロールどう？ 1. そもそも横スクロールどう？

Slide 25

Slide 25 text

横スクロール横スクロール縦スクロール縦スクロール

Slide 26

Slide 26 text

横スクロール横スクロール縦スクロール縦スクロールプランナーさんにプランナーさんに比較してもらいやすいように比較してもらいやすいように両方作る！両方作る！

Slide 27

Slide 27 text

横スクロール横スクロール縦スクロール縦スクロール

Slide 28

Slide 28 text

2. サイドバーあれば快適では？ 2. サイドバーあれば快適では？

Slide 29

Slide 29 text

現スカウトUI の問題点現スカウトUI の問題点無料ガチャ引きたい！ → あれ矢印ないぞ一番右まで一気にいけないのか... → ...19 回スワイプだと？ → おっふガチャの種類が多すぎる → 初心者は何引いて良いかわからない → 初心者離れ

Slide 30

Slide 30 text

現スカウトUI の問題点現スカウトUI の問題点ガチャの種類が多すぎる → 初心者は何引いて良いかわからない → 初心者離れ無料ガチャ引きたい！ → あれ矢印ないぞ一番右まで一気にいけないのか... → ...19 回スワイプだと？ → おっふサイドバーならサイドバーなら → 解決！ → 解決！（たくさんスワイプしなくておk ）（たくさんスワイプしなくておk ） → 解決！ → 解決！（どんなガチャあるか一目でわかる）（どんなガチャあるか一目でわかる）

Slide 31

Slide 31 text

No content

Slide 32

Slide 32 text

No content

Slide 33

Slide 33 text

No content

Slide 34

Slide 34 text

No content

Slide 35

Slide 35 text

縦＆横サイドバー縦＆横サイドバー一区切り成果物一区切り成果物

Slide 36

Slide 36 text

No content

Slide 37

Slide 37 text

うーん、縦横どっちが良いかな…

Slide 38

Slide 38 text

うーん、縦横どっちが良いかな… 「ピックアップ」ってどんな画面だっけ？

Slide 39

Slide 39 text

うーん、縦横どっちが良いかな… 「ピックアップ」ってどんな画面だっけ？あっ… （横スクロールやんけ）

Slide 40

Slide 40 text

というわけで横UI に決定というわけで横UI に決定

Slide 41

Slide 41 text

3. サイドバーを使いやすくしよう 3. サイドバーを使いやすくしよう

Slide 42

Slide 42 text

問題点問題点上部をスワイプしてもサイドバーに反映されないサイドバーで今何を選んでいるかわかりづらいどこまでかサイドバーかわかりづらい

Slide 43

Slide 43 text

No content

Slide 44

Slide 44 text

問題点問題点上部をスワイプし続けるとサイドバーでのフォーカスが見えない部分に行ってしまうサイドバーをスクロールしてもスカウトを変えることができない

Slide 45

Slide 45 text

No content

Slide 46

Slide 46 text

No content

Slide 47

Slide 47 text

No content

Slide 48

Slide 48 text

最終的な成果物最終的な成果物

Slide 49

Slide 49 text

Before Before

Slide 50

Slide 50 text

Before Before After After

Slide 51

Slide 51 text

No content

Slide 52

Slide 52 text

ただ… ただ… 実際にリリースするにはデザインも新規に実際にリリースするにはデザインも新規に作って頂く必要がある！作って頂く必要がある！

Slide 53

Slide 53 text

Before Before After After モックとして仮にデザインを当て込んでいるのでもう少し簡易なデザインを作って頂く必要ありサイドバー設置にあたり0.9 倍しているため、もう少し横長な大きいデザイン作って頂く必要あり

Slide 54

Slide 54 text

なのでなのでひとまずデザインに依存しない部分をひとまずデザインに依存しない部分を直近のリリースに入れることに！直近のリリースに入れることに！１スワイプで無料ガチャ引けるよ！

Slide 55

Slide 55 text

こだわったポイントこだわったポイント

Slide 56

Slide 56 text

No content

Slide 57

Slide 57 text

ここの上下で何番目のスカウトにフォーカス当てているかの情報を UniRx によるObserver パターンで実装したフォーカス中スカウト情報の処理フォーカス中スカウト情報の処理

Slide 58

Slide 58 text

上部スカウトUI スワイプ矢印タップ下部サイドバースクロールタップ上部スカウトUI に ReactiveProperty 変数持たせるこの時にOnNext して、上部スカウトUI と下部サイドバーそれぞれで購読するフォーカス中スカウト情報の処理フォーカス中スカウト情報の処理

Slide 59

Slide 59 text

インターンについての感想インターンについての感想

Slide 60

Slide 60 text

自由に働けるのとてもよかった眠くなったら気分転換で別の場所で作業するとかオフィスきれいコーヒー飲み放題最高自分の持ってない技術の人と交流できるクマーバ応援したい & 開発に加わりたい（MTG とても楽しかった& 懐かしかった）

Slide 61

Slide 61 text

自由に働けるのとてもよかった眠くなったら気分転換で別の場所で作業するとかオフィスきれいコーヒー飲み放題最高自分の持ってない技術の人と交流できるクマーバ応援したい & 開発に加わりたい（MTG とても楽しかった& 懐かしかった）実装や設計がもっと凝っていると思っていた多分プロジェクトにもよるドキュメント、コメント残すの大事！たまにトイレ混んでる駅から少し歩く地下で繋がっていてほすぃ

Slide 62

Slide 62 text

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