Upgrade to Pro — share decks privately, control downloads, hide ads and more …

2018-bonfire-design-komerco-design-system

Avatar for kenshir0f kenshir0f
April 20, 2018
Design
10
8.3k

 2018-bonfire-design-komerco-design-system

2018/04/20で発表したBonfire Design #3 の登壇資料です。
Avatar for kenshir0f

kenshir0f

April 20, 2018
Tweet

More Decks by kenshir0f

See All by kenshir0f
Figma with Cookpad
Avatar for kenshir0f kenshir0f
16
16k
How Cookpad use Figma
Avatar for kenshir0f kenshir0f
3
870
Easy Semantic HTML Structure for Komerco Team
Avatar for kenshir0f kenshir0f
5
6.1k
Cookpad Spring Internship 2019 Service Development Course
Avatar for kenshir0f kenshir0f
2
1.2k
Cookpad TechConf 2019 Komerco Service Dev
Avatar for kenshir0f kenshir0f
14
9.7k
Introduce Atomic Design with small rework
Avatar for kenshir0f kenshir0f
3
280
Basic css note for Komerco Team
Avatar for kenshir0f kenshir0f
6
8k
Design for Behavior and Impact
Avatar for kenshir0f kenshir0f
9
5k
tech-kitchen-#16-komerco-design
Avatar for kenshir0f kenshir0f
4
5.7k

Other Decks in Design

See All in Design
事例で学ぶ！今日から使えるWebサービスUI改善ポイント
Avatar for NCDC ncdc
0
120
Design Studio Deck | インクルーシブデザインスタジオCULUUM
Avatar for インクルーシブデザインスタジオCULUMU culumu
2
660
The Golden Whitney
Avatar for OhTristanArt ohtristanart
PRO
0
430
新年あけおめWSの実施スキルをみんなで振り返りタイムのススメ
Avatar for sugiyama sugiyama_sukedachi
0
120
Kid Cowboy 103
Avatar for Marilu Molina marilutwin
0
230
ビジネスアナリシスはビジネス”分析”じゃないよ！～システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス～
Avatar for BPStudy bpstudy
0
430
DC Style Redesign
Avatar for Brynn McDucky P. mcduckyart
0
110
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
Avatar for Andrew Shapiro ashapiro
0
200
クライアントワークにおける UXリサーチの実践
Avatar for Kozo Taira kozotaira
0
660
藤本佳子・ポートフォリオ・2025/5/29
Avatar for よし yoshi_designer
1
5.6k
Haley's adventure chase
Avatar for Ivette Molina ivettetwin
0
210
バイアスを凌ぐデザインとコード ―異動直後にどうふるまうか―
Avatar for kkaru kkaru
0
420

Featured

See All Featured
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
30
5.8k
Visualization
Avatar for Eitan Lees eitanlees
146
16k
Side Projects
Avatar for Sacha Greif sachag
454
42k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
63
7.8k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
172
14k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
32
5.9k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
512
110k
Docker and Python
Avatar for Tania Allard trallard
44
3.4k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
280
13k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
52
2.8k

Transcript

  1. Cookpad Inc. খ࢝͘͞ΊΔ৽نࣄۀͷσβΠϯγεςϜ ౻Ҫݠ࢜࿕

  2. Cookpad Inc. All Rights Reserved. ࣗݾ঺հ ౻Ҫݠ࢜࿕ @kenshir0f ΫοΫύουגࣜձࣾ Komercoࣄۀ෦ϦʔυσβΠφʔ

    2017೥৽ଔೖࣾࣾձਓ2೥໨ ֶੜ࣌୅͸ʮ·͝νϟϯωϧʯͷ։ൃͱσβΠϯ ೖࣾޙ͸RailsΛ༻͍ͨweb։ൃͱσβΠϯ ݱࡏ͸ϒϥϯυ͔ΒΞϓϦUIͳͲαʔϏεશମͷσβΠϯ

  3. Cookpad Inc. All Rights Reserved. ࠓ೔ͷ͓࿩ গͳ͍ϦιʔεͰ࠷େͷޮՌΛൃش͢Δʹ͸ʁ ಋೖͷཧ༝ͱܦҢͱۤ࿑ͨ͠఺Α͔ͬͨ఺ͳͲ ৽نࣄۀͰಋೖͨ͠σβΠϯγεςϜͷ࿩

  4. Cookpad Inc. All Rights Reserved. ΫοΫύουͷ৽نࣄۀʁ

  5. Cookpad Inc. All Rights Reserved. 2018೥6݄OPEN komer.co ݕࡧ

  6. Cookpad Inc. All Rights Reserved. Komercoͷ։ൃମ੍ ΤϯδχΞ σβΠφʔ σΟϨΫλʔ "

    " "

  7. Cookpad Inc. All Rights Reserved. σβΠϯ͍ͯ͠ΔྖҬ ϒϥϯσΟϯά αʔϏε w τϯϚφ

    w ϩΰ w ςʔϚΧϥʔ w ໊ࢗ w εϥΠυࢿྉ w &UDʜ w ΞϓϦ w ମݧઃܭ w 6* w ΞΠίϯ w 8FC w σβΠϯ w ࣮૷

  8. Cookpad Inc. All Rights Reserved. σβΠϯ͍ͯ͠ΔྖҬ ϒϥϯσΟϯά αʔϏε w τϯϚφ

    w ϩΰ w ςʔϚΧϥʔ w ໊ࢗ w εϥΠυࢿྉ w &UDʜ w ΞϓϦ w ମݧઃܭ w 6* w ΞΠίϯ w 8FC w σβΠϯ w ࣮૷ ࣌ؒͷϦιʔεෆ଍ʹͳΓ͕ͪ

  9. Cookpad Inc. All Rights Reserved. ࣌ؒͷϦιʔεෆ଍ͩͱͲ͏ͳΔʁ ɾશମͷσβΠϯ؅ཧ͕೉͍͠ ɾҰͭʹूதͯ͠࡞ۀ͢Δ͕࣌ؒ୹͍ ɾਫ਼ਆӴੜ্΋Α͘ͳ͍

  10. Cookpad Inc. All Rights Reserved. ࣌ؒͷϦιʔεෆ଍ΛͲ͏ղܾ͢Δ͔ʁ

  11. Cookpad Inc. All Rights Reserved. σβΠϯγεςϜͷಋೖ

  12. Cookpad Inc. All Rights Reserved. σβΠϯγεςϜͱ͸ʁ σβΠϯͷߟ͑ํΛݟ͑ΔԽͨ͠ϓϩμΫτ ๻͕ߟ͑Δ ͍ΖΜͳղऍ͕ग़࢝Ί͍ͯΔ࠷தͱ͍͏ೝࣝͰ͢

  13. ਤ

  14. ਤ ਤ

  15. Cookpad Inc. All Rights Reserved. σβΠϯγεςϜΛ࣋ͭϝϦοτ ɾମܥతʹσβΠϯΛ·ͱΊΒΕΔ ɾίϛϡχέʔγϣϯίετͷ௿ݮ ɾ6*ίϯϙʔωϯτͷ೺Ѳ͕͠΍͍͢

  16. Cookpad Inc. All Rights Reserved. ͊͞ɺσβΠϯγεςϜಋೖ͢Δͧʂ

  17. આಘฤ~Whyͳͥ΍Δͷ͔~ ୈҰষ

  18. Cookpad Inc. All Rights Reserved. ·ͣ͸ʮͳͥʯ΍Δͷ͔ΛνʔϜʹ఻͑Δ

  19. Cookpad Inc. All Rights Reserved. ޮ཰ྑ͘σβΠϯ͍ͨ͠ʜ Komerco΋σβΠϯγεςϜಋೖ͢Δͧʂʂʂ ࣌ؒແ͍ͷʹ࣌ؒ࢖ͬͯγεςϜ࡞Δඞཁ͋Δͷʁ

  20. Cookpad Inc. All Rights Reserved. Ұݟໃ६͍ͯ͠ΔΑ͏ʹݟ͑Δ ͕࣌ؒ΄͍͔͠Β ޮ཰Խ͍ͨ͠ ޮ཰Խ͍͔ͨ͠Β ͕࣌ؒ΄͍͠

  21. Cookpad Inc. All Rights Reserved. ࣮ࡍ͸͜͏ͳΔͱઆ໌ͨ͠ هԱ͕͍͋·͍

  22. Cookpad Inc. All Rights Reserved. σβΠϯγεςϜͷՁ஋Λ͖ͪΜͱ఻͑Δ͜ͱ͔Β͸͡ΊΔ

  23. ಋೖฤ~HowͲ͏΍Δͷ͔~ ୈχষ

  24. ਤ

  25. Cookpad Inc. All Rights Reserved. ͍͖ͳΓ׬੒ܗΛ໨ࢦ͞ͳ͍

  26. Cookpad Inc. All Rights Reserved. ඞཁͳ΋ͷ͚ͩ࡞͍ͬͯ͘

  27. Cookpad Inc. All Rights Reserved. ඞཁͳ΋ͷͱ͸ʁ ʻ ແ͍ͱࠔΔ ͋ͬͨΒศར

  28. Cookpad Inc. All Rights Reserved. ྫ1ελΠϧΨΠυͷ࡞੒ Komerco KomercoCreator ίϯϙʔωϯτϥΠϒϥϦΛελΠϧΨΠυԽ

  29. Cookpad Inc. All Rights Reserved.

  30. Cookpad Inc. All Rights Reserved. ྫ2σβΠϯΨΠυϥΠϯͷ࡞੒

  31. Cookpad Inc. All Rights Reserved. গͣͭ͠ଗ͍͑ͯ͘ ɾϑΥτσΟϨΫγϣϯΨΠυϥΠϯ ɾiOSσβΠϯΨΠυϥΠϯ ɾίϯϙʔωϯτελΠϧΨΠυ ɾϒϥϯυΨΠυϥΠϯͱϩΰΞηοτ

    σβΠϯγεςϜ

  32. Cookpad Inc. All Rights Reserved. খ࢝͘͞ΊͯσβΠϯγεςϜ࡞Δ͜ͱͰ গͣͭ͠ޮ཰Λ্͍͛ͯ͘

  33. ݁Ռฤ~What Կ͕มΘͬͨͷ͔~ ୈࡾষ

  34. Cookpad Inc. All Rights Reserved. σβΠϯγεςϜಋೖͰମײ͍ͯ͠Δ͜ͱ ɾίϛϡχέʔγϣϯίετͷ௿Լ ɾσβΠϯͷ౷Ұੑͷ޲্ ɾ૬৐ޮՌʹΑΔΫΦϦςΟͷ޲্

  35. Cookpad Inc. All Rights Reserved. ಋೖʹۤ࿑ͨ͠఺ ɾ͸͡Ίͷʮ΍ΔͧʂʯΛߦಈʹҠ͢ࡍͷઆಘ ɾσβΠϯγεςϜ࡞੒ɾ੔ཧͷ࣌ؒ֬อ ɾͲ͜·Ͱ࡞Γ੾Δ͔ͷઢҾ

  36. ·ͱΊ ৽نࣄۀͰ΋σβΠϯγεςϜͰޮ཰ԽΛ໨ࢦ͢ ɾσβΠϯγεςϜͷՁ஋Λཧղͯ͠఻͑Δ͜ͱ͕େࣄ ɾ͍͖ͳΓ׬੒ͤ͞ͳ͍ɺখཻ͍͞౓Ͱগͣͭ͠ଗ͍͑ͯ͘

  37. https://info.cookpad.com/careers ΫοΫύου͸σβΠφʔΛืू͍ͯ͠·͢ʂ