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
毎日をひんやり保存するアプリ「Spoon」
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
yu-onsen
January 21, 2024
Design
120
2
Share
毎日をひんやり保存するアプリ「Spoon」
2023年12月9日から17日の間に行われたハッカソン「P2HACKS」にて発表した資料です。
yu-onsen
January 21, 2024
More Decks by yu-onsen
See All by yu-onsen
デザミ紹介資料.pdf
onsen
0
730
Other Decks in Design
See All in Design
体験負債を資産に変える組織的アプローチ
hikarutakase
0
1.2k
test deck title
shotamatsuo
0
1.5k
AIスライドデザインを生成する仕組みを社内共有する
kenichiota0711
7
5.5k
2026年5月24日Redesigner Career Jamご参加者様ご案内資料
base
PRO
0
100
タイル紹介サイト「タイルだもんで」
calpin
0
130
Mandalyn_DT5001_FinalAssignment.pdf
lynteo
0
230
改正JISを見据えた、企業のアクセシビリティ対応ロードマップ
securecat
1
370
社長の宿題への回答 「新卒×AI」が生み出す価値
saki822
2
140
保育現場にAIを 〜人と技術に橋を架けるデザインで考えてきたこと〜 uiuxcamp2026-hoiku-ai-design
hiro93n
1
240
再設計される業務 - AIにより再設計される "デザインワークフロー" / AI Ops Lab #2 Redesigned orkflows
kgsi
0
620
root COMPANY DECK / We are hiring!
root_recruit
3
28k
UI生成の鍵は要件整理 -デザインプロセスのエッセンスを プロンプト作成に取り入れよう-
abokadotyann
3
810
Featured
See All Featured
Bash Introduction
62gerente
615
210k
Navigating Team Friction
lara
192
16k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
65
54k
Claude Code のすすめ
schroneko
67
220k
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
110
End of SEO as We Know It (SMX Advanced Version)
ipullrank
3
4.2k
The Mindset for Success: Future Career Progression
greggifford
PRO
0
330
For a Future-Friendly Web
brad_frost
183
10k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
62
54k
GitHub's CSS Performance
jonrohan
1033
470k
Balancing Empowerment & Direction
lara
6
1.1k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
35k
Transcript
毎日をひんやり保存 Spoon チーム:えびとシュリンプ エンジニア: 奥村将也 加納源基 デザイナー: 三浦夢叶 山田莉緒
None
Spoon ・1日1回だけ撮影できるカメラアプリ ・撮った景色をひんやり甘いアイスに 使用ソフト・技術
写真に体験を付随させて 自分にとっての写真の価値を高める コンセプト
ペルソナ・ユーザージャーニーマップ 行動 加藤日菜 高校3年生 可愛いものが好き 日常が充実 退屈な日々 思考 と り
あ え ず 撮 っ と こ : このお花の色 かわいい! ・適当に写真を撮ってしまう ・撮った写真を見返すことが 少ない ・日常のきれいなものを 見つけられるように! ・アイスのコレクションを 見返すのが楽しい!
きれいなアイスの 作り方 景色をスプーンですくっちゃおう アイスのレシピ 過去のアイスを振り返る 1 2 3 機能説明
景色をスプーンですくっちゃおう ①アイスにしたい景色をみつける ②スプーンですくう
①景色からk-means法で 12色を抽出する ②独自のアルゴリズムで おいしい3色が自動で選ばれる ③GPT-3.5 Turboくんが 可愛い名前を考える アイスのレシピ
①気になるアイスをタップ! ②作ったアイスと名前、 撮った景色と日付が見れる ③作ってない日は「アイスが空っぽ」 過去のアイスを振り返る
技術説明 開発体制 技術選定 2 3 1 開発スケジュール
開発体制 デザイナー 三浦夢叶 山田莉緒 エンジニア 奥村将也 加納源基
なぜNext.jsか ネイティブより短期間でiOS、 Android両対応が可能 フレームワークには Next.jsを使用 ユーザーにブラウザ感を見せたくない →SPA的なアプローチ バックエンドの必要な部分が GPTへの問い合わせのみ →Server
Actionsが最適
Server Actionsの デメリットも痛感
01 案 出 し 1 日 目 02 デ ザ
イ ン 2 日 目 〜 4 日 目 03 技 術 選 定 2 日 目 05 改 善 5 日 目 〜 6 日 目 04 実 装 3 日 目 〜 7 日 目 06 完 成 8 日 目 開 発 ス ケ ジ ュ ー ル Develop D esign
実際に 使ってみてください 【Android版】 ①QRコードを読み込んで、右上の︙をタップ ②「アプリをインストール」をタップ アプリをホームに追加する場合 【iPhone版】 ①QRコードを読み込んで、共有ボタンをタップ ②「ホーム画面に追加」をタップ
おわり ありがとう ございました
None
None