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.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
900
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
10k
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
これからの「Webデザイン」の話をしよう～デザイナーの私が考えるブロックテーマへの対応で変わりゆくデザインの価値～
Avatar for ミヤケアツシ ds35mm
0
590
Spacemarket Brand Guide
Avatar for Spacemarket spacemarket
2
290
富山デザイン勉強会_デザイントレンド2026.pdf
Avatar for keita keita_yoshikawa
2
140
結びながら、ひらく - にじむ境界のデザイン
Avatar for Hiroki Tani hilokifigma
3
1.5k
デザイナーとエンジニアで 同じ山に登ろう
Avatar for moco moco1013
0
180
OJTで学んだ 「心を動かす」ファシリテーション
Avatar for さき saki822
1
270
Storyboard Exercise: Chase Sequence
Avatar for Mandalyn Teo lynteo
1
240
Signull 団体説明資料
Avatar for Signull signull
0
390
Franks Myth
Avatar for George Frank Hayford-Taylor gfht1
2
450
アイデアを加速させる！Firefly ボードで発想の幅を広げよう
Avatar for コネクリ connecre
1
350
Figmaレクチャー会Part1 基本のき編＠千株式会社 社内勉強会
Avatar for ぽん designer_no_pon
2
280
2026_01_07_３DプリントはじめましたLT.pdf
Avatar for HideakiTakechi hideakitakechi
0
130

Featured

See All Featured
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
120
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
60
42k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
39
3.1k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.3k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.4k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
340
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
2
830
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
72
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.3k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
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 ΫοΫύου͸σβΠφʔΛืू͍ͯ͠·͢ʂ