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
YAC2024発表資料(pdf版)
Search
Yuki Yata
December 08, 2024
0
740
YAC2024発表資料(pdf版)
YAC(横浜アプリコンテスト)2024で使用した発表資料です。
本番ではアニメーションなどを使用していましたがそれを削除したpdf版になります。
Yuki Yata
December 08, 2024
Tweet
Share
More Decks by Yuki Yata
See All by Yuki Yata
ISUCON研修おかわり会 講義スライド
arfes0e2b3c
1
470
新卒0年目がEMの勉強をしてみて 学んだこと、思ったこと
arfes0e2b3c
1
1.2k
Featured
See All Featured
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Embracing the Ebb and Flow
colly
86
4.8k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
47
9.6k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
520
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Being A Developer After 40
akosma
90
590k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.4k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
Transcript
None
感情こそが人生 だと思いませんか?
感情こそが人生 です!
なぜ? これまでの感情の動きの合計が 今の自分を作っていると思うから
過去の感情が今の自分の思 考を作る 頑張ったら 褒めてもらえて嬉しかった! 努力って素晴らしい! 思考
あの時フラれて 本当に辛かった... もう恋愛するのが怖い... 一歩踏み出せない... 過去の感情が今の自分の思 考を作る 行動
これまでの感情の動きの合計が 今の自分を作っていると思うから
感情こそが人生 です!
感情は日々動いている、でも... 冬に食べるアイス うますぎる! 俺以外で 飲み会してる... 大会で優勝した! 頑張ってよかった!
感情は日々動いている、ただ... 冬に食べるアイス うますぎる! 俺以外で 飲み会してる... 大会で優勝した! 頑張ってよかった!
小さなものから日々忘れていく 冬に食べるアイス うますぎる! 俺以外で 飲み会してる... 大会で優勝した! 頑張ってよかった!
感情こそが人生 です!
小さなものから日々忘れていく 冬に食べるアイス うますぎる! 俺以外で 飲み会してる... 大会で優勝した! 頑張ってよかった!
感情の忘却は 人生の欠落と同義では? 人生の欠落
感情の忘却は 人生の欠落と同義では? 人生の欠落 悲しい!
そうだ、
感情を思い出せる アプリをつくろう。
None
コンセプト :感情を思い出せるアプリ 開発人数 :1人 開発期間 :約1ヶ月 媒体 :モバイル(iOS) 命名理由 :remember
+ bene 1. アプリ概要
2. アプリの利用方法 • 感情を残す • 感情を思い出す • タグ機能 • マップ機能
• 感情分析機能
3. 独創性 「思い出す」 へのフォーカス 秘匿性と 公開性のバランス 「思い出す」 へのフォーカス 秘匿性と 公開性のバランス
4 「思い出す」へのフォーカス タグ機能 マップ機能 感情分析機能 and more...
3. 独創性 「思い出す」 へのフォーカス 匿名性と 共有のバランス 3
「思い出す」へのフォーカス タグ機能 マップ機能 感情分析機能 4 and more...
匿名性と共有のバランス 日記よりオープンで SNSよりクローズ 日記 SNS 5
匿名性と共有のバランス 誰にも見られず 本音を書ける安心感 自分以外を見る 共感性、面白さ 6
匿名性と共有のバランス フォロー機能なし ユーザー名非表示 公開範囲設定あり 作品に紐づく投稿 場所に紐づく投稿 7
4. UI/UXデザイン 「感情」を意識した 柔らかいUI ストレスを 感じさせないUX 8
「感情」を意識した柔らかいUI 褪せた紙を意識した プライマリカラー 褪せた紙を意識した プライマリカラー 温かみのある 丸ゴシックフォント 9
ストレスを感じさせないUX 画面遷移時の チラつき防止 高速なレスポンスで スムーズな表示 10
5. 技術力:工夫した点 開発効率を意識した 技術選定 パフォーマンス へのこだわり 12
開発効率を意識した技術選定 開発効率を 意識する理由3選 13
開発効率を意識した技術選定 開発効率を 意識する理由3選 13
開発効率を意識した技術選定 開発効率を 意識する理由3選 13
開発効率を意識した技術選定 開発効率を 意識する理由3選 13
開発効率を意識した技術選定 既存の知識や経験が活きる技術を選ぶ 薄いフレームワークを選ぶ APIクライアントを自動生成する 14
開発効率を意識した技術選定 既存の知識や経験が活きる技術を選ぶ React Native Hono Webフロントエンドにおいて主流な ReactやTypeScriptで開発できるので インプットが少なく済む 15
開発効率を意識した技術選定 薄いフレームワークを選ぶ Hono 独特の文法やルールが少なく インプットが少なく済むとともに 自由なアーキテクチャ選定ができる 16
開発効率を意識した技術選定 APIクライアントを自動生成する OpenAPI スキーマ駆動開発によって APIクライアントを自動生成し モバイル側からは関数を呼ぶだけにできる 17
5. 技術力:工夫した点 開発効率を意識した 技術選定 パフォーマンス へのこだわり 18
パフォーマンスへのこだわり Cloudflare Workersによる 高速なレスポンス Tanstack Queryによる キャッシュの活用 19
パフォーマンスへのこだわり Cloudflare Workersによる 高速なレスポンス サーバーレスのJS実行環境 ホスティングに使用 エッジコンピューティングかつ コールドスタートなし 重い処理をTrigger Eventsで
非同期に処理 20
パフォーマンスへのこだわり Tanstack Queryによる キャッシュの活用 React等で使用できる 通信や状態の管理ライブラリ サーバーのレスポンスをキャッシュし 高速なUIの表示を実現 不要なレンダリングを回避し 画面のチラつきも防止
21
7. 最後に このアプリは誰かの人生を 劇的に変えるものではありません。
7. 最後に ただ、
7. 最後に 感情を記録し、 思い出すことで、
7. 最後に 誰かの心を揺さぶって 人生を少しでも豊かにできたら嬉しい
感情こそが人生 です!
ご清聴ありがとうございました