Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
s-dev-talks#2-komerco-team-building
kenshir0f
July 06, 2018
Design
4
700
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
13
8.1k
How Cookpad use Figma
kenshir0f
3
640
Easy Semantic HTML Structure for Komerco Team
kenshir0f
6
5.3k
Cookpad Spring Internship 2019 Service Development Course
kenshir0f
2
900
Cookpad TechConf 2019 Komerco Service Dev
kenshir0f
14
8.4k
Introduce Atomic Design with small rework
kenshir0f
3
210
Basic css note for Komerco Team
kenshir0f
6
7k
Design for Behavior and Impact
kenshir0f
9
4.6k
tech-kitchen-#16-komerco-design
kenshir0f
4
5.2k
Other Decks in Design
See All in Design
Grub
rottentwinkies
1
410
Comic Excerpt
torije
1
470
メタバース プレゼン講座1. マインドセット編
yusuke_akita
0
150
Anatomy of Dynamic color
rockname
0
600
noteが目指す創作をつづけるためのエモーショナルデザイン
yumatsushita
0
3.7k
自分の不安を受け入れるこころのデザイン
ryuuuuukun
0
680
TIPSTARでのデザイナーの働き方について
mixil
0
510
Cognitive Bias and the Design Process
jonyablonski
3
100
デザインシステムを使ってプロダクトのデザイン負債を解消する / TechConf2022
kchil
0
3.2k
Storyboard1
zadoraba
1
140
DL2022 Zoe Rose - ‘Scientific design methods’ and ‘applied creativity’: a lost history
uxaustralia
PRO
0
150
Tyler and Tanner
jjps
1
160
Featured
See All Featured
How to name files
jennybc
47
73k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
318
19k
Large-scale JavaScript Application Architecture
addyosmani
499
110k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
2
410
Why Our Code Smells
bkeepers
PRO
326
55k
Art Directing for the Web. Five minutes with CSS Template Areas
malarkey
197
10k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
13
5.4k
How GitHub Uses GitHub to Build GitHub
holman
465
280k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
270
12k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
7
590
Product Roadmaps are Hard
iamctodd
38
7.7k
The MySQL Ecosystem @ GitHub 2015
samlambert
240
11k
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. σβΠϯγεςϜ͓ؾ࣋ͪͰͰ͖͍ͯΔ
·ͱΊ ɾ։ൃ৫σβΠϯͷ؍͔ΒνʔϜΛྑ͘͢ΔऔΓΈΛհ͠·ͨ͠ɻ ɾνʔϜ͕ҰؙͱͳΔ͜ͱͰαʔϏεͷεϐʔυΛߴΊΔ͜ͱ͕ग़དྷΔɻ ɾ৫ΛσβΠϯ͢ΔͷσβΠφʔͷࣄ͡Όʂʂʂ