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
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
280
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
実践ゼロから作らないデザインシステム SaaS × デザインシステム × プロダクトデザイン / Efficient Design System for SaaS—no need to start from scratch.
kaminashi
2
1.5k
The Golden Whitney
ohtristanart
PRO
0
350
クライアントワークにおける UXリサーチの実践
kozotaira
0
620
Echoes Boomerang
artcloudyu
PRO
0
190
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
3
1.3k
CIRCULAR ECONOMY + SERVICES
jmanooch
0
110
デザイナーのマネジメント職、 身構えずにやっていこう
fumink7
0
900
今日からできる実践アクセシビリティSNSというかXでaltをつけよう
securecat
1
200
もうひとつのアーキテクチャ #kichijojipm
kondoyuko
0
220
Goodpatch Tour💙 / We are hiring!
goodpatch
31
840k
Dive Deep into Communication
yomtsu
0
260
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
0
270
Featured
See All Featured
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.2k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
A designer walks into a library…
pauljervisheath
205
24k
Code Review Best Practice
trishagee
68
18k
Reflections from 52 weeks, 52 projects
jeffersonlam
349
20k
Making Projects Easy
brettharned
116
6.2k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
24
2.8k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.3k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
Practical Orchestrator
shlominoach
187
11k
Gamification - CAS2011
davidbonilla
81
5.3k
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. σβΠϯγεςϜ͓ؾ࣋ͪͰͰ͖͍ͯΔ
·ͱΊ ɾ։ൃ৫σβΠϯͷ؍͔ΒνʔϜΛྑ͘͢ΔऔΓΈΛհ͠·ͨ͠ɻ ɾνʔϜ͕ҰؙͱͳΔ͜ͱͰαʔϏεͷεϐʔυΛߴΊΔ͜ͱ͕ग़དྷΔɻ ɾ৫ΛσβΠϯ͢ΔͷσβΠφʔͷࣄ͡Όʂʂʂ