Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

2018-bonfire-design-komerco-design-system

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

 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
880
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.8k
Introduce Atomic Design with small rework
Avatar for kenshir0f kenshir0f
3
300
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.7k

Other Decks in Design

See All in Design
mount_company_profile
Avatar for mount inc. mount_inc
0
3.6k
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
Avatar for 株式会社ログラス loglass2019
1
3.3k
地理院地図をもっと楽しく！れきちず新機能のご紹介
Avatar for Hajime Kato hjmkth
1
240
ユーザー像を「みてね」らしく可視化する　家族アルバムみてねUXリサーチチームの取り組み
Avatar for MIXI DESIGN mixi_design
PRO
3
380
Ralph Penel Portfolio
Avatar for ralphpenel ralphpenel
PRO
0
110
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
Avatar for 株式会社ルート root_recruit
0
300
AI業務アプリケーションの体験デザイン
Avatar for kim kazuhirokimura
0
220
新しいデザインの難しさ（公開版） / Difficulties in the New Design (public ver.)
Avatar for usagimaru usagimaru
2
970
【MIXI MEETUP！ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏：デザイナーが語るプロダクト誕生秘話
Avatar for MIXI DESIGN mixi_design
PRO
0
170
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
Avatar for Hiromi Morikawa hiromitsuuuuu
1
1k
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
1
890
OJTで学んだ 「心を動かす」ファシリテーション
Avatar for さき saki822
1
170

Featured

See All Featured
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.9k
Navigating Team Friction
Avatar for Lara Hogan lara
191
16k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
162
23k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.5k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.6k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
36
6.2k

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