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
900
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
16k
How Cookpad use Figma
kenshir0f
3
870
Easy Semantic HTML Structure for Komerco Team
kenshir0f
5
6.1k
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
290
Basic css note for Komerco Team
kenshir0f
6
8k
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
無自覚なランクとその影響を紐解くワークショップ / Unpacking Unconscious Privilege Workshop
spring_aki
4
300
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
1
210
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
bebe
0
650
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
1.3k
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
470
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
7
5.7k
harutaka Vision Deck
zenkigenforrecruit
0
150
オープンデータを利用して色々なものを作った話
hjmkth
1
120
PF_濵村ひろみ_202503
maru_design78
0
180
アクセシビリティに取り組むメリット
magi1125
1
190
私とデザインの10年
iflection
0
160
RAKSUL_DESIGN_DECK_20250319
raksulrecruiting
0
400
Featured
See All Featured
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Designing Experiences People Love
moore
142
24k
Into the Great Unknown - MozCon
thekraken
40
1.9k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
The Cost Of JavaScript in 2023
addyosmani
51
8.5k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Code Review Best Practice
trishagee
69
19k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
Embracing the Ebb and Flow
colly
86
4.7k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
A Modern Web Designer's Workflow
chriscoyier
695
190k
How to train your dragon (web standard)
notwaldorf
96
6.1k
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. σβΠϯγεςϜ͓ؾ࣋ͪͰͰ͖͍ͯΔ
·ͱΊ ɾ։ൃ৫σβΠϯͷ؍͔ΒνʔϜΛྑ͘͢ΔऔΓΈΛհ͠·ͨ͠ɻ ɾνʔϜ͕ҰؙͱͳΔ͜ͱͰαʔϏεͷεϐʔυΛߴΊΔ͜ͱ͕ग़དྷΔɻ ɾ৫ΛσβΠϯ͢ΔͷσβΠφʔͷࣄ͡Όʂʂʂ