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

by y-shika

Transcript

1. 鹿内 裕介 鹿内 裕介 インターン 成果発表 インターン 成果発表 2019/9/2 - 2019/9/20 TSUBASA クライアントエンジニア Akatsuki Summer Internship 2019 Akatsuki Summer Internship 2019
2. 自己紹介 自己紹介 鹿内 裕介 鹿内 裕介 しかない 奈良先端科学技術大学院大学 サイバネティクス・リアリティ工学研究室 y-shika (@shikanai327327) 一ノ瀬志希P デレマス、ミリマス、ナナシス、Re ステ...
3. やってきた（やっている） やってきた（やっている） こと こと
4. Vtuber 開発 Vtuber 開発
5. カードゲーム カードゲーム アプリ開発 アプリ開発 Beyond the field @BTF_TCG 2019 年秋リリース予定！ （Android & iOS ）
7. 話すこと 話すこと 1. 参加したプロジェクト 参加したプロジェクト 2. 課題決め 課題決め 3. 実際にやったこと 実際にやったこと 4. 最終的な成果 最終的な成果 5. こだわったポイント こだわったポイント 6. インターンについての感想 インターンについての感想 7. おわりに おわりに
8. 参加したプロジェクト 参加したプロジェクト
9. 八月のシンデレラナイン（TSUBASA ） 八月のシンデレラナイン（TSUBASA ）
10. インゲーム インゲーム アウトゲーム アウトゲーム
11. インゲーム インゲーム アウトゲーム アウトゲーム
12. クライアントサイドで クライアントサイドで アウトゲームのエンジニアをしました アウトゲームのエンジニアをしました ３週間 ３週間
13. 課題決め 課題決め
14. インターン開始約１ヶ月前 インターン開始約１ヶ月前 ゲームプレイして 課題見つけてきて！
15. インターン開始約１ヶ月前 インターン開始約１ヶ月前 ゲームプレイして 課題見つけてきて！ 承知しました！
18. 今のスカウトUI 今のスカウトUI
19. 現スカウトUI の問題点 現スカウトUI の問題点 スカウトの種類が多すぎる → 初心者は何引いて良いかわからない → 初心者離れ 無料スカウト引きたい！ → あれ矢印ないぞ 一番右まで一気にいけないのか... → ...19 回スワイプだと？ → おっふ
20. というわけで というわけで スカウトUI を快適にします スカウトUI を快適にします
21. 「スカウトUI の改修」 「スカウトUI の改修」 インターン課題 インターン課題 に決定！！ に決定！！
22. 実際にやったこと 実際にやったこと
23. 1. そもそも横スクロールどう？ そもそも横スクロールどう？ 2. サイドバーあれば快適では？ サイドバーあれば快適では？ 3. サイドバーを使いやすくしよう サイドバーを使いやすくしよう
24. 1. そもそも横スクロールどう？ 1. そもそも横スクロールどう？
25. 横スクロール 横スクロール 縦スクロール 縦スクロール
26. 横スクロール 横スクロール 縦スクロール 縦スクロール プランナーさんに プランナーさんに 比較してもらいやすいように 比較してもらいやすいように 両方作る！ 両方作る！
27. 横スクロール 横スクロール 縦スクロール 縦スクロール
28. 2. サイドバーあれば快適では？ 2. サイドバーあれば快適では？
29. 現スカウトUI の問題点 現スカウトUI の問題点 無料ガチャ引きたい！ → あれ矢印ないぞ 一番右まで一気にいけないのか... → ...19 回スワイプだと？ → おっふ ガチャの種類が多すぎる → 初心者は何引いて良いかわからない → 初心者離れ
30. 現スカウトUI の問題点 現スカウトUI の問題点 ガチャの種類が多すぎる → 初心者は何引いて良いかわからない → 初心者離れ 無料ガチャ引きたい！ → あれ矢印ないぞ 一番右まで一気にいけないのか... → ...19 回スワイプだと？ → おっふ サイドバーなら サイドバーなら → 解決！ → 解決！ （たくさんスワイプしなくておk ） （たくさんスワイプしなくておk ） → 解決！ → 解決！ （どんなガチャあるか一目でわかる） （どんなガチャあるか一目でわかる）
35. 縦＆横 サイドバー 縦＆横 サイドバー 一区切り 成果物 一区切り 成果物
37. うーん、縦横どっちが良いかな…
38. うーん、縦横どっちが良いかな… 「ピックアップ」って どんな画面だっけ？
39. うーん、縦横どっちが良いかな… 「ピックアップ」って どんな画面だっけ？ あっ… （横スクロールやんけ）
40. というわけで横UI に決定 というわけで横UI に決定
41. 3. サイドバーを使いやすくしよう 3. サイドバーを使いやすくしよう
42. 問題点 問題点 上部をスワイプしてもサイドバーに反映されない サイドバーで今何を選んでいるかわかりづらい どこまでかサイドバーかわかりづらい
44. 問題点 問題点 上部をスワイプし続けるとサイドバーでのフォーカスが見えない 部分に行ってしまう サイドバーをスクロールしてもスカウトを変えることができない
48. 最終的な成果物 最終的な成果物
49. Before Before
50. Before Before After After
52. ただ… ただ… 実際にリリースするにはデザインも新規に 実際にリリースするにはデザインも新規に 作って頂く必要がある！ 作って頂く必要がある！
53. Before Before After After モックとして仮にデザインを当て込んでいるので もう少し簡易なデザインを作って頂く必要あり サイドバー設置にあたり0.9 倍しているため、 もう少し横長な大きいデザイン作って頂く必要あり
54. なので なので ひとまずデザインに依存しない部分を ひとまずデザインに依存しない部分を 直近のリリースに入れることに！ 直近のリリースに入れることに！ １スワイプで 無料ガチャ引けるよ！
55. こだわったポイント こだわったポイント
57. ここの上下で何番目のスカウトにフォーカス当てているかの情報を UniRx によるObserver パターンで実装した フォーカス中スカウト情報の処理 フォーカス中スカウト情報の処理
58. 上部スカウトUI スワイプ 矢印タップ 下部サイドバー スクロール タップ 上部スカウトUI に ReactiveProperty 変数持たせる この時にOnNext して、 上部スカウトUI と下部サイドバーそれぞれで購読する フォーカス中スカウト情報の処理 フォーカス中スカウト情報の処理
59. インターンについての感想 インターンについての感想
60. 自由に働けるのとてもよかった 眠くなったら気分転換で別の場所で 作業するとか オフィスきれい コーヒー飲み放題最高 自分の持ってない技術の人と交流できる クマーバ応援したい & 開発に加わりたい （MTG とても楽しかった& 懐かしかった）
61. 自由に働けるのとてもよかった 眠くなったら気分転換で別の場所で 作業するとか オフィスきれい コーヒー飲み放題最高 自分の持ってない技術の人と交流できる クマーバ応援したい & 開発に加わりたい （MTG とても楽しかった& 懐かしかった） 実装や設計がもっと凝っている と思っていた 多分プロジェクトにもよる ドキュメント、コメント残す の大事！ たまにトイレ混んでる 駅から少し歩く 地下で繋がっていてほすぃ
62. ご清聴 ご清聴 ありがとうございました！ ありがとうございました！