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
yu-onsen
January 21, 2024
Design
130
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
毎日をひんやり保存するアプリ「Spoon」
2023年12月9日から17日の間に行われたハッカソン「P2HACKS」にて発表した資料です。
yu-onsen
January 21, 2024
More Decks by yu-onsen
See All by yu-onsen
デザミ紹介資料.pdf
onsen
0
760
Other Decks in Design
See All in Design
開発・制作におけるUI・UXデザインの重要性について~UI・UXデザインってなんだろう~
yamasaku
0
200
速く作れるかではなく、速く学べるか ― 学習ループを回すパイロットの途中報告
nagata03
0
630
少人数チームで_使われるプロダクトにたどり着くための_デザインハーネス.pdf
nishame
1
1.4k
Starfall (2025)
rezaline
0
110
エンジニアでも捗る デザイナー的思考入門(bitA Edit 新ver)
tinykitten
1
450
【CEDEC2026】派手さと見やすさは両立できる!『Shadowverse: Worlds Beyond』エフェクト・3D背景の超進化したビジュアル設計
cygames
PRO
1
1.8k
20260309_3月ICTデザイン勉強会_地域創生2.0
a2k
0
170
Kouseki | CREATIVE CLASS成果物
yuri9911
0
110
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
securecat
1
260
Frontier
rwang05
0
200
図面資産×AI 眠れる資産を起こす挑戦
aonomasahiro
0
220
もう迷わない!“なんとなく”を卒業するフォントの選び方【村田俊英】
toshihidemurata
0
920
Featured
See All Featured
What does AI have to do with Human Rights?
axbom
PRO
1
2.3k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
63
45k
The Language of Interfaces
destraynor
162
27k
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
2
4.3k
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
1
260
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
680
The #1 spot is gone: here's how to win anyway
tamaranovitovic
3
1.1k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
Being A Developer After 40
akosma
91
590k
Become a Pro
speakerdeck
PRO
31
6.2k
Designing Experiences People Love
moore
143
24k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
3k
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