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
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.4k
俺はビッグエンディアンでテストがしたいんだ!
kenjihanada
0
2.4k
MMOの作り方
kenjihanada
0
2.4k
今風トゥーンシェーディング
kenjihanada
0
2.5k
お父さんが教えるプログラミング教育
kenjihanada
0
2.4k
Other Decks in Technology
See All in Technology
Git 研修 Basic【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
310
開発生産性をむしろ向上させる セキュリティパートナーの作り方 / Dev Productivity Con 2024
flatt_security
0
360
コンテナ・K8s研修 - 前半 コンテナ基礎・ハンズオン【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
170
フルリモートワークはエンジニアの夢を叶えたか? #cm_odyssey
mamohacy
2
600
データ分析基盤を作ってみよう~設計編~
nrinetcom
PRO
1
110
dxd2024-生成AIに振り回された3か月間の成功と失敗/dxd2024-link-and-motivation
lmi
2
260
ソフトウェアエンジニアリングの知見を活かして データ基盤をいい感じにする on Snowflake [MIERUNE BBQ #10]
mtpooh
2
150
[2024最新版]AWS Control Towerを使ったセキュアなマルチアカウント環境の作り方
hiashisan
0
270
VPoEの視点から見た、ヘンリーがサーバーサイドKotlinを使う理由 / Why Server-side Kotlin 2024
cho0o0
1
420
サーバーレスAPI(API Gateway+Lambda)とNext.jsで 個人ブログを作ろう!
shuntaka
PRO
0
560
開発と事業を繋ぐ!SREのオブザーバビリティ戦略 ~ Developers Summit 2024 Summer ~
leveragestech
0
620
OSSコミットしてZennの課題を解決した話
dyoshikawa1993
0
150
Featured
See All Featured
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
129
32k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
189
16k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
12
3.8k
The Invisible Customer
myddelton
117
13k
Large-scale JavaScript Application Architecture
addyosmani
506
110k
Building Applications with DynamoDB
mza
89
5.8k
GitHub's CSS Performance
jonrohan
1026
450k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
26
2.1k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
224
21k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
19k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
502
140k
WebSockets: Embracing the real-time Web
robhawkes
59
7.2k
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
とても楽しかった& 懐かしかった) 実装や設計がもっと凝っている と思っていた 多分プロジェクトにもよる ドキュメント、コメント残す の大事! たまにトイレ混んでる 駅から少し歩く 地下で繋がっていてほすぃ
ご清聴 ご清聴 ありがとうございました! ありがとうございました!