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
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
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
再設計される業務 - AIにより再設計される "デザインワークフロー" / AI Ops Lab #2 Redesigned orkflows
kgsi
0
810
Figma MCPを活用するためのデザインハンドブック
vivion
8
19k
PLATEAUで白い街を作る
aikautau
0
140
“なんとなくFigma”から一歩先へ。AI時代も活きるWeb制作フロー
ayumidesign
0
160
Basket_of_love.pdf
terencebasart
0
240
kintone開発におけるライターの役割の変化〜AI活用を添えて〜 / Changes in the Role of Writers in Kintone Development
keroyama
0
160
個人理念(自分の言葉)の言語化ワークショップ
kakukoki
1
160
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
a2k
1
240
デザインツールを開く前に その画面は誰に何と言わせたい?受託UIデザイナーが顧客解像度を高める 「打ち合わせの場での確かめ方」
garyuten
1
160
設計の進め方と 品質特性品質特性
harakeishi
0
1k
Debiasing Your Software Design Decision-Making @ Flowcon '26
baasie
1
140
「バイブコーディングって何?」から始まった、 AIとの一年間と、その先のこと
seto
0
1.1k
Featured
See All Featured
Test your architecture with Archunit
thirion
1
2.3k
Reflections from 52 weeks, 52 projects
jeffersonlam
356
21k
Statistics for Hackers
jakevdp
799
230k
Six Lessons from altMBA
skipperchong
29
4.4k
Google's AI Overviews - The New Search
badams
0
1.1k
The World Runs on Bad Software
bkeepers
PRO
72
12k
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
66
57k
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
570
Fashionably flexible responsive web design (full day workshop)
malarkey
408
67k
Principles of Awesome APIs and How to Build Them.
keavy
128
18k
Making Projects Easy
brettharned
120
6.7k
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3.4k
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