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

2018-bonfire-design-komerco-design-system

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for kenshir0f kenshir0f
April 20, 2018
Design
10
8.6k

 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
890
Easy Semantic HTML Structure for Komerco Team
Avatar for kenshir0f kenshir0f
5
6.2k
Cookpad Spring Internship 2019 Service Development Course
Avatar for kenshir0f kenshir0f
2
1.3k
Cookpad TechConf 2019 Komerco Service Dev
Avatar for kenshir0f kenshir0f
14
9.9k
Introduce Atomic Design with small rework
Avatar for kenshir0f kenshir0f
3
310
Basic css note for Komerco Team
Avatar for kenshir0f kenshir0f
6
8.1k
Design for Behavior and Impact
Avatar for kenshir0f kenshir0f
9
5.1k
tech-kitchen-#16-komerco-design
Avatar for kenshir0f kenshir0f
4
5.8k

Other Decks in Design

See All in Design
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
Avatar for 弁護士ドットコム bengo4com
1
1.4k
越境するデザイン人材：デザイナーが社会資本となる世界へ
Avatar for Goodpatch Inc. goodpatch
1
480
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
Avatar for takanorip takanorip
0
880
DMMデザイナーの “AI活用の現在と未来”
Avatar for TakumaS takumasaito
1
390
新卒2年目デザイナーが、UX検定基礎にチャレンジした話
Avatar for ぽん designer_no_pon
0
1.1k
BXデザイン組織が挑んだスクラム 〜ブランドを育み、デザイナーを解放する変革の物語〜（Scrum Fest Mikawa 2025）
Avatar for Tadashi Inoue tadashiinoue
0
1.1k
Crisp Code inc.｜ブランドガイドライン - Brand guidelines
Avatar for So Kotani / Crisp Code inc. CEO so_kotani
1
290
Diverse Design Team Deck
Avatar for Diverse diverse
0
430
AI時代に問われる、リサーチの感受性──地域⇄大企業の現場から見えた「違和感」との向き合い方
Avatar for Muture muture
PRO
0
400
第18回サイゼミ
Avatar for LW lw
1
2.5k
maki setoguchi
Avatar for Maki / Web Designer maki_setoguchi
0
650
アンエシカルデザインの枠組みの提案 -HCD-Netダークパターン研究会活動報告-
Avatar for Yu Morita securecat
0
190

Featured

See All Featured
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
0
1.8k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.1k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
54
8k
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
1
79
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
17k
エンジニアに許された特別な時間の終わり
Avatar for watany watany
106
230k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
120
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
Side Projects
Avatar for Sacha Greif sachag
455
43k
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
9
35k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.1k

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 ΫοΫύου͸σβΠφʔΛืू͍ͯ͠·͢ʂ