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
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
デフォルトの16:9(960*540px)のケース / Google Slide Size Test
arthur1
0
2.9k
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
7
5.7k
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.6k
株式会社バクタム 会社説明資料
bactum
0
250
Storyboard Honey
rocioparronrubio
0
280
クライアントワークにおける UXリサーチの実践
kozotaira
0
700
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
shingo2000
1
1.5k
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
690
なぜプレイドにデザインエンジニアが必要だったのか?
t32k
0
520
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
5
1.6k
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
ashapiro
0
100
私とデザインの10年
iflection
0
150
Featured
See All Featured
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
280
The World Runs on Bad Software
bkeepers
PRO
69
11k
4 Signs Your Business is Dying
shpigford
184
22k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
The Invisible Side of Design
smashingmag
301
51k
Rebuilding a faster, lazier Slack
samanthasiow
82
9.1k
A Tale of Four Properties
chriscoyier
160
23k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Visualization
eitanlees
146
16k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
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. σβΠϯγεςϜ͓ؾ࣋ͪͰͰ͖͍ͯΔ
·ͱΊ ɾ։ൃ৫σβΠϯͷ؍͔ΒνʔϜΛྑ͘͢ΔऔΓΈΛհ͠·ͨ͠ɻ ɾνʔϜ͕ҰؙͱͳΔ͜ͱͰαʔϏεͷεϐʔυΛߴΊΔ͜ͱ͕ग़དྷΔɻ ɾ৫ΛσβΠϯ͢ΔͷσβΠφʔͷࣄ͡Όʂʂʂ