Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

kenjihanada
October 01, 2019

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

by y-shika

kenjihanada

October 01, 2019
Tweet

More Decks by kenjihanada

Other Decks in Technology

Transcript

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

    View full-size slide

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

    View full-size slide

  3. やってきた(やっている)
    やってきた(やっている)
    こと
    こと

    View full-size slide

  4. Vtuber
    開発
    Vtuber
    開発

    View full-size slide

  5. カードゲーム
    カードゲーム
    アプリ開発
    アプリ開発
    Beyond the field
    @BTF_TCG
    2019
    年秋リリース予定!
    (Android & iOS

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  8. 八月のシンデレラナイン(TSUBASA

    八月のシンデレラナイン(TSUBASA

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  12. 課題決め
    課題決め

    View full-size slide

  13. インターン開始約1ヶ月前
    インターン開始約1ヶ月前
    ゲームプレイして
    課題見つけてきて!

    View full-size slide

  14. インターン開始約1ヶ月前
    インターン開始約1ヶ月前
    ゲームプレイして
    課題見つけてきて!
    承知しました!

    View full-size slide

  15. 今のスカウトUI
    今のスカウトUI

    View full-size slide

  16. 現スカウトUI
    の問題点
    現スカウトUI
    の問題点
    スカウトの種類が多すぎる

    初心者は何引いて良いかわからない

    初心者離れ
    無料スカウト引きたい!

    あれ矢印ないぞ
    一番右まで一気にいけないのか...
    → ...19
    回スワイプだと?

    おっふ

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  22. 横スクロール
    横スクロール 縦スクロール
    縦スクロール

    View full-size slide

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

    View full-size slide

  24. 横スクロール
    横スクロール 縦スクロール
    縦スクロール

    View full-size slide

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

    View full-size slide

  26. 現スカウトUI
    の問題点
    現スカウトUI
    の問題点
    無料ガチャ引きたい!

    あれ矢印ないぞ
    一番右まで一気にいけないのか...
    → ...19
    回スワイプだと?

    おっふ
    ガチャの種類が多すぎる

    初心者は何引いて良いかわからない

    初心者離れ

    View full-size slide

  27. 現スカウトUI
    の問題点
    現スカウトUI
    の問題点
    ガチャの種類が多すぎる

    初心者は何引いて良いかわからない

    初心者離れ
    無料ガチャ引きたい!

    あれ矢印ないぞ
    一番右まで一気にいけないのか...
    → ...19
    回スワイプだと?

    おっふ
    サイドバーなら
    サイドバーなら

    解決!

    解決!
    (たくさんスワイプしなくておk

    (たくさんスワイプしなくておk


    解決!

    解決!
    (どんなガチャあるか一目でわかる)
    (どんなガチャあるか一目でわかる)

    View full-size slide

  28. 縦&横 サイドバー
    縦&横 サイドバー
    一区切り 成果物
    一区切り 成果物

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  36. 最終的な成果物
    最終的な成果物

    View full-size slide

  37. Before
    Before

    View full-size slide

  38. Before
    Before After
    After

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  44. 上部スカウトUI
    スワイプ
    矢印タップ
    下部サイドバー
    スクロール
    タップ
    上部スカウトUI

    ReactiveProperty
    変数持たせる
    この時にOnNext
    して、
    上部スカウトUI
    と下部サイドバーそれぞれで購読する
    フォーカス中スカウト情報の処理
    フォーカス中スカウト情報の処理

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide