Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Akatsuki Summer Internship 2019 インターン成果発表
Search
kenjihanada
October 01, 2019
Technology
0
2.2k
Akatsuki Summer Internship 2019 インターン成果発表
by y-shika
kenjihanada
October 01, 2019
Tweet
Share
More Decks by kenjihanada
See All by kenjihanada
ゼロから始めるGo Modules
kenjihanada
0
2.7k
俺はビッグエンディアンでテストがしたいんだ!
kenjihanada
0
2.7k
MMOの作り方
kenjihanada
0
2.6k
今風トゥーンシェーディング
kenjihanada
0
2.8k
お父さんが教えるプログラミング教育
kenjihanada
0
2.6k
Other Decks in Technology
See All in Technology
大量配信システムにおけるSLOの実践:「見えない」信頼性をSLOで可視化
plaidtech
PRO
0
260
United airlines®️ USA Contact Numbers: Complete 2025 Support Guide
unitedflyhelp
0
330
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
3
980
「クラウドコスト絶対削減」を支える技術—FinOpsを超えた徹底的なクラウドコスト削減の実践論
delta_tech
4
180
AWS CDK 入門ガイド これだけは知っておきたいヒント集
anank
4
490
How Do I Contact HP Printer Support? [Full 2025 Guide for U.S. Businesses]
harrry1211
0
130
サイバーエージェントグループのSRE10年の歩みとAI時代の生存戦略
shotatsuge
4
710
2025-07-06 QGIS初級ハンズオン「はじめてのQGIS」
kou_kita
0
180
60以上のプロダクトを持つ組織における開発者体験向上への取り組み - チームAPIとBackstageで構築する組織の可視化基盤 - / sre next 2025 Efforts to Improve Developer Experience in an Organization with Over 60 Products
vtryo
2
630
PO初心者が考えた ”POらしさ”
nb_rady
0
220
CDKTFについてざっくり理解する!!~CloudFormationからCDKTFへ変換するツールも作ってみた~
masakiokuda
1
190
対話型音声AIアプリケーションの信頼性向上の取り組み
ivry_presentationmaterials
1
600
Featured
See All Featured
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Rails Girls Zürich Keynote
gr2m
95
14k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Git: the NoSQL Database
bkeepers
PRO
430
65k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Bash Introduction
62gerente
613
210k
Transcript
鹿内 裕介 鹿内 裕介 インターン 成果発表 インターン 成果発表 2019/9/2 -
2019/9/20 TSUBASA クライアントエンジニア Akatsuki Summer Internship 2019 Akatsuki Summer Internship 2019
自己紹介 自己紹介 鹿内 裕介 鹿内 裕介 しかない 奈良先端科学技術大学院大学 サイバネティクス・リアリティ工学研究室 y-shika
(@shikanai327327) 一ノ瀬志希P デレマス、ミリマス、ナナシス、Re ステ...
やってきた(やっている) やってきた(やっている) こと こと
Vtuber 開発 Vtuber 開発
カードゲーム カードゲーム アプリ開発 アプリ開発 Beyond the field @BTF_TCG 2019 年秋リリース予定!
(Android & iOS )
None
話すこと 話すこと 1. 参加したプロジェクト 参加したプロジェクト 2. 課題決め 課題決め 3. 実際にやったこと
実際にやったこと 4. 最終的な成果 最終的な成果 5. こだわったポイント こだわったポイント 6. インターンについての感想 インターンについての感想 7. おわりに おわりに
参加したプロジェクト 参加したプロジェクト
八月のシンデレラナイン(TSUBASA ) 八月のシンデレラナイン(TSUBASA )
インゲーム インゲーム アウトゲーム アウトゲーム
インゲーム インゲーム アウトゲーム アウトゲーム
クライアントサイドで クライアントサイドで アウトゲームのエンジニアをしました アウトゲームのエンジニアをしました 3週間 3週間
課題決め 課題決め
インターン開始約1ヶ月前 インターン開始約1ヶ月前 ゲームプレイして 課題見つけてきて!
インターン開始約1ヶ月前 インターン開始約1ヶ月前 ゲームプレイして 課題見つけてきて! 承知しました!
None
None
今のスカウトUI 今のスカウトUI
現スカウトUI の問題点 現スカウトUI の問題点 スカウトの種類が多すぎる → 初心者は何引いて良いかわからない → 初心者離れ 無料スカウト引きたい!
→ あれ矢印ないぞ 一番右まで一気にいけないのか... → ...19 回スワイプだと? → おっふ
というわけで というわけで スカウトUI を快適にします スカウトUI を快適にします
「スカウトUI の改修」 「スカウトUI の改修」 インターン課題 インターン課題 に決定!! に決定!!
実際にやったこと 実際にやったこと
1. そもそも横スクロールどう? そもそも横スクロールどう? 2. サイドバーあれば快適では? サイドバーあれば快適では? 3. サイドバーを使いやすくしよう サイドバーを使いやすくしよう
1. そもそも横スクロールどう? 1. そもそも横スクロールどう?
横スクロール 横スクロール 縦スクロール 縦スクロール
横スクロール 横スクロール 縦スクロール 縦スクロール プランナーさんに プランナーさんに 比較してもらいやすいように 比較してもらいやすいように 両方作る! 両方作る!
横スクロール 横スクロール 縦スクロール 縦スクロール
2. サイドバーあれば快適では? 2. サイドバーあれば快適では?
現スカウトUI の問題点 現スカウトUI の問題点 無料ガチャ引きたい! → あれ矢印ないぞ 一番右まで一気にいけないのか... → ...19
回スワイプだと? → おっふ ガチャの種類が多すぎる → 初心者は何引いて良いかわからない → 初心者離れ
現スカウトUI の問題点 現スカウトUI の問題点 ガチャの種類が多すぎる → 初心者は何引いて良いかわからない → 初心者離れ 無料ガチャ引きたい!
→ あれ矢印ないぞ 一番右まで一気にいけないのか... → ...19 回スワイプだと? → おっふ サイドバーなら サイドバーなら → 解決! → 解決! (たくさんスワイプしなくておk ) (たくさんスワイプしなくておk ) → 解決! → 解決! (どんなガチャあるか一目でわかる) (どんなガチャあるか一目でわかる)
None
None
None
None
縦&横 サイドバー 縦&横 サイドバー 一区切り 成果物 一区切り 成果物
None
うーん、縦横どっちが良いかな…
うーん、縦横どっちが良いかな… 「ピックアップ」って どんな画面だっけ?
うーん、縦横どっちが良いかな… 「ピックアップ」って どんな画面だっけ? あっ… (横スクロールやんけ)
というわけで横UI に決定 というわけで横UI に決定
3. サイドバーを使いやすくしよう 3. サイドバーを使いやすくしよう
問題点 問題点 上部をスワイプしてもサイドバーに反映されない サイドバーで今何を選んでいるかわかりづらい どこまでかサイドバーかわかりづらい
None
問題点 問題点 上部をスワイプし続けるとサイドバーでのフォーカスが見えない 部分に行ってしまう サイドバーをスクロールしてもスカウトを変えることができない
None
None
None
最終的な成果物 最終的な成果物
Before Before
Before Before After After
None
ただ… ただ… 実際にリリースするにはデザインも新規に 実際にリリースするにはデザインも新規に 作って頂く必要がある! 作って頂く必要がある!
Before Before After After モックとして仮にデザインを当て込んでいるので もう少し簡易なデザインを作って頂く必要あり サイドバー設置にあたり0.9 倍しているため、 もう少し横長な大きいデザイン作って頂く必要あり
なので なので ひとまずデザインに依存しない部分を ひとまずデザインに依存しない部分を 直近のリリースに入れることに! 直近のリリースに入れることに! 1スワイプで 無料ガチャ引けるよ!
こだわったポイント こだわったポイント
None
ここの上下で何番目のスカウトにフォーカス当てているかの情報を UniRx によるObserver パターンで実装した フォーカス中スカウト情報の処理 フォーカス中スカウト情報の処理
上部スカウトUI スワイプ 矢印タップ 下部サイドバー スクロール タップ 上部スカウトUI に ReactiveProperty 変数持たせる
この時にOnNext して、 上部スカウトUI と下部サイドバーそれぞれで購読する フォーカス中スカウト情報の処理 フォーカス中スカウト情報の処理
インターンについての感想 インターンについての感想
自由に働けるのとてもよかった 眠くなったら気分転換で別の場所で 作業するとか オフィスきれい コーヒー飲み放題最高 自分の持ってない技術の人と交流できる クマーバ応援したい & 開発に加わりたい (MTG
とても楽しかった& 懐かしかった)
自由に働けるのとてもよかった 眠くなったら気分転換で別の場所で 作業するとか オフィスきれい コーヒー飲み放題最高 自分の持ってない技術の人と交流できる クマーバ応援したい & 開発に加わりたい (MTG
とても楽しかった& 懐かしかった) 実装や設計がもっと凝っている と思っていた 多分プロジェクトにもよる ドキュメント、コメント残す の大事! たまにトイレ混んでる 駅から少し歩く 地下で繋がっていてほすぃ
ご清聴 ご清聴 ありがとうございました! ありがとうございました!