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
s-dev-talks#2-komerco-team-building
Search
kenshir0f
July 06, 2018
Design
4
890
s-dev-talks#2-komerco-team-building
2018/07/06で発表したS-DEV TALKS #2 の登壇資料です。
kenshir0f
July 06, 2018
Tweet
Share
More Decks by kenshir0f
See All by kenshir0f
Figma with Cookpad
kenshir0f
16
15k
How Cookpad use Figma
kenshir0f
3
860
Easy Semantic HTML Structure for Komerco Team
kenshir0f
5
6k
Cookpad Spring Internship 2019 Service Development Course
kenshir0f
2
1.2k
Cookpad TechConf 2019 Komerco Service Dev
kenshir0f
14
9.7k
Introduce Atomic Design with small rework
kenshir0f
3
270
Basic css note for Komerco Team
kenshir0f
6
7.9k
Design for Behavior and Impact
kenshir0f
9
5k
tech-kitchen-#16-komerco-design
kenshir0f
4
5.7k
Other Decks in Design
See All in Design
Storyboard Honey
rocioparronrubio
0
140
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
shingo2000
1
1.3k
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
1
180
今日から意識できるアクセシビリティ
fumiko
0
210
NAHO SHIMONO_Portfolio2025
nahohphp
0
430
今更聞けないデザイン思考 - 高専キャリア2024冬 / imasara-design-thinking
chige
7
1k
苦労が多かった多言語対応をFigmaで楽にした話
pioneer_devrel
PRO
0
160
商業デザインのアクセシビリティにおける倫理フレームワークの考察
securecat
1
540
入社3ヶ月目のプロダクトデザイナー視点で見たヤプリ / Joining Yappli as a Product Designer: My Perspective After 90 Days
yappli_developers
0
190
“使いやすい”が生産性を変える!業務を効率化するためのUX/UI設計ポイント
ncdc
2
270
20250129_DAST28_実空間にデジタル資源の接点をデザインする
majimasachi
0
320
デザイナーのお仕事(UI/UX GRAPHIC GROUP)
mirrativ
0
220
Featured
See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
227
22k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
21k
Testing 201, or: Great Expectations
jmmastey
42
7.5k
Docker and Python
trallard
44
3.4k
Gamification - CAS2011
davidbonilla
81
5.2k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Embracing the Ebb and Flow
colly
85
4.7k
Rails Girls Zürich Keynote
gr2m
94
13k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Optimizing for Happiness
mojombo
378
70k
The Pragmatic Product Professional
lauravandoore
33
6.6k
Transcript
Cookpad Inc. ৽نࣄۀͰϫʔΫϑϩʔΛσβΠϯ͢Δ ౻Ҫݠ࢜࿕ 2018.07.06 S-DEV TALKS #4
Cookpad Inc. All Rights Reserved. ࣗݾհ ౻Ҫݠ࢜࿕ @kenshir0f ΫοΫύουגࣜձࣾ Komercoࣄۀ෦ϦʔυσβΠφʔ
2017৽ଔೖࣾࣾձਓ2 ϒϥϯυ͔ΒΞϓϦͷUIͳͲαʔϏεશମͷσβΠϯΛ୲ ࠷ۙ3FBDUॻ͍ͨΓ'JHNBʹҠߦͨ͠Γ
Cookpad Inc. All Rights Reserved.
Cookpad Inc. All Rights Reserved. ͍·ͷͱ͜Ζ ߴධՁͰخ͍͠
Cookpad Inc. All Rights Reserved.
ࠓίϝϧίͷνʔϜϏϧσΟϯάΛ͓͠·͢ ։ൃ৫σβΠϯͷ؍͔Β
Cookpad Inc. All Rights Reserved. ίϝϧίͷϓϩμΫτ Komerco Komercoग़
Cookpad Inc. All Rights Reserved. ϦϦʔε·ͰͷܦҢ 201710݄ 20186݄ νʔϜൃ ΞϓϦϦϦʔε
Cookpad Inc. All Rights Reserved. ։ൃϝϯόʔ J04ΤϯδχΞ σβΠφʔ σΟϨΫλʔ """
## $$ 7໊ͷνʔϜ ฏۉྸ25ࡀ
Cookpad Inc. All Rights Reserved. 1िؒ୯ҐͰ۠ͬͯΧϯόϯํࣜͰਐΊ͍ͯ͘
Cookpad Inc. All Rights Reserved. σβΠφʔͷ͓ؾ࣋ͪ # εϐʔυΛߴΊͨঢ়ଶͰ։ൃΛਐΊ͍ͨʜ
গਓͰߴʹ։ൃͰ͖ΔσβΠϯϑϩʔΛߟ͑Δ
Cookpad Inc. All Rights Reserved. ։ൃͷྲྀΕ σβΠϯ ମݧ֬ೝ σβΠϯ֬ೝ ࣮
Cookpad Inc. All Rights Reserved. ϓϩτλΠϓΛ֬ೝ ͦͷ··࣮ʹೖΕΔ
Cookpad Inc. All Rights Reserved. ։ൃεϐʔυΛߴΊΔͨΊʹτϥΠͨ͠औΓΈ 1. σβΠϯΨΠυϥΠϯͷ࡞ 2. ίϛϡχέʔγϣϯऔΓ͍͢࠲੮
3. σβΠϯௐͷר͖औΓ
Cookpad Inc. All Rights Reserved. 1. σβΠϯΨΠυϥΠϯͷ࡞ ΤϯδχΞ͕σβΠϯΛҙࣝͤͣʹ։ൃͰ͖ΔڥΛ༻ҙ͢Δ
Cookpad Inc. All Rights Reserved. σβΠφʔͱΤϯδχΞ͕ڠྗ͍͢͠ਞܗͰ։ൃεϐʔυΛΊΔ ΤϯδχΞ ΤϯδχΞ ΤϯδχΞ σβΠφʔ
σΟϨΫλ 2. ίϛϡχέʔγϣϯऔΓ͍͢࠲੮
Cookpad Inc. All Rights Reserved. ɾϢʔβʔͷମݧ͕୲อ͞Ε͍ͯͨΒ0, ɾσβΠϯͷඍௐΛ୲͢Δ͜ͱͰ ɹڠྗͯ͠։ൃΛਐΊΔ 3. σβΠϯௐͷר͖औΓ
Cookpad Inc. All Rights Reserved. ঝೝཉٻͰςϯγϣϯΛ্͛Δ,15
Cookpad Inc. All Rights Reserved. αʔϏε։ൃνʔϜͷਪਐྗ͕େࣄ ಛʹগਓͷ ྖҬΛ͑ͯڠྗ͢Δ͜ͱͰૉૣ͘ՁΛఏڙ͢Δ
Komercoͷ৫ʹؔ͢ΔऔΓΈʹ͍ͭͯ
Cookpad Inc. All Rights Reserved. Komercoͷ৫ਤ ΫϦΤΠλʔνʔϜ ։ൃνʔϜ """ ##
$$ %$%% %%$%
Cookpad Inc. All Rights Reserved. ׂ୲ͷ݁Ռɺ͓ޓ͍ͷ͜ͱΛѲ͍ͯ͠ͳ͍͕ൃੜ Komercoͷ৫ਤ ΫϦΤΠλʔνʔϜ ։ൃνʔϜ """
## $$ %$%% %%$% ʙʙ
Cookpad Inc. All Rights Reserved. Komercoͷ৫ਤ Ϋ ։ """ %$%%
%%$% ٞࣄ%SJWFͷ̋̋ʹʙ ԿͷΛ͍ͯ͠ΔΜͩΖ͏ʁ ݟ͑ͳ͍น ## $$
Cookpad Inc. All Rights Reserved. Komercoͷ৫ਤ Ϋ ։ """ %$%%
%%$% Α͔͘Μͳ͍ ༷͜͏ͰσβΠϯʙ ͓ޓ͍ͷਐ͕ݟ͑ͳ͍ ## $$
શ෦GithubͰӡ༻͠Α͏
Cookpad Inc. All Rights Reserved.
Cookpad Inc. All Rights Reserved. GitHub্ʹใΛࡌͤΔ """ %$%% %%$% Ϋ
ࠓͷΫϦΤΠλʔͷਐʜ ։ σβΠϯͷ༏ઌॱҐʜ ։ൃνʔϜ ΫϦΤΠλʔνʔϜ ͓ޓ͍ͷ׆ಈʹҙݟͰ͖ΔΑ͏ʹͳͬͨ ## $$
Cookpad Inc. All Rights Reserved. ࣮ࡍʹมΘͬͨ͜ͱ ྫ
Cookpad Inc. All Rights Reserved. ࣮ࡍʹมΘͬͨ͜ͱ ྫ
Cookpad Inc. All Rights Reserved. GithubΛಋೖͯ͠ྑ͔ͬͨ ɾΓऔΓ͕ՄࢹԽ͞Εͯίϛϡχέʔγϣϯϛε͕ݮͬͨ ɾࣄલʹΞαΠϯ͢Δ͜ͱͰޙͰʮΒͳ͔ͬͨʯ͕ݮͬͨ ɾ։ൃνʔϜͱΫϦΤΠλʔνʔϜͰҙݟަ͕૿͑ͨ
৫ͱͯ͠ಈ͖͘͢ͳͬͨ
࠷ޙʹσβΠϯͷྗͰνʔϜΛྑ͘͢ΔऔΓΈΛհ͠·͢
Cookpad Inc. All Rights Reserved. Komercoͷྺ࢙ 201710݄ 20186݄ νʔϜൃ ΞϓϦϦϦʔε
Cookpad Inc. All Rights Reserved. Komercoͷྺ࢙ 201710݄ 20186݄ νʔϜൃ ΞϓϦϦϦʔε
ϩΰτϯϚφ UI ΞϓϦΞΠίϯ
Cookpad Inc. All Rights Reserved. KomercoͷσβΠϯͷॾʑ ϒϥϯσΟϯά αʔϏε w τϯϚφ
w ϩΰ w ςʔϚΧϥʔ w ໊ w εϥΠυࢿྉ w &UDʜ w ΞϓϦ w ମݧઃܭ w 6* w ΞΠίϯ w 8FC w σβΠϯ w ࣮
Cookpad Inc. All Rights Reserved. KomercoͷσβΠϯͷॾʑ ϒϥϯσΟϯά w τϯϚφ w
ϩΰ w ςʔϚΧϥʔ w ໊ w εϥΠυࢿྉ w &UDʜ ͍͍ͨͱ͍߹Θ͕ͤଟ͍͕ɺ ਖ਼ͬͯ͘͠΄͍͠ͷͰຖճઆ໌͍ͯͨ͠ɻ ຖճ͠ΜͲ͍ɻɻɻ
σβΠϯγεςϜͷಋೖ
Cookpad Inc. All Rights Reserved.
Cookpad Inc. All Rights Reserved.
Cookpad Inc. All Rights Reserved.
Cookpad Inc. All Rights Reserved.
Cookpad Inc. All Rights Reserved. σβΠϯγεςϜ͓ؾ࣋ͪͰͰ͖͍ͯΔ
·ͱΊ ɾ։ൃ৫σβΠϯͷ؍͔ΒνʔϜΛྑ͘͢ΔऔΓΈΛհ͠·ͨ͠ɻ ɾνʔϜ͕ҰؙͱͳΔ͜ͱͰαʔϏεͷεϐʔυΛߴΊΔ͜ͱ͕ग़དྷΔɻ ɾ৫ΛσβΠϯ͢ΔͷσβΠφʔͷࣄ͡Όʂʂʂ