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
860
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
タイミーでフィールドワークしたら、サービスデザインが始まった
Avatar for 太田賢一 kenichiota0711
1
1.5k
ポートフォリオ_藤田歩希(ほまれ)
Avatar for Aki Fujita akifujita_homarecreate
0
530
クライアントワークにおける UXリサーチの実践
Avatar for Kozo Taira kozotaira
0
650
札幌の雪を観光資源に変える：デザインプログラムSESSAの挑戦
Avatar for Ittyanm ittyann
0
230
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP！】
Avatar for viviON Design vivion
0
610
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
Avatar for Miwa Kuramitsu transit_kix
0
510
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
Avatar for 株式会社ログラス loglass2019
0
350
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
Avatar for bebe bebe
0
200
Hybrid NW Infra Design Review: Classic Pattern including Outposts & Route 53 Profile
Avatar for ICHICHI ichichi
2
650
Дизайн услуги через её визуализацию с Картой процесса-опыта
Avatar for Andrew Shapiro ashapiro
0
330
マンガで分かるサービスデザインガイドライン
Avatar for デジタルサービス局戦略部 senryakuka
1
860
今日からできる実践アクセシビリティSNSというかXでaltをつけよう
Avatar for Yu Morita securecat
1
210

Featured

See All Featured
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
31
1.2k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
54
6.4k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
123
52k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
26k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
47
2.8k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
42
7.5k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
298
21k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
34
3k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
5
620
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
160
15k

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