Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
クックパッドクリエイティブワークフロー / cookpad creative workflow
Search
tomoya-tsuji
February 10, 2018
Design
10
2.6k
クックパッドクリエイティブワークフロー / cookpad creative workflow
「Cookpad TechConf 2018」(2/10)で発表資料です。
tomoya-tsuji
February 10, 2018
Tweet
Share
More Decks by tomoya-tsuji
See All by tomoya-tsuji
ReDesigner Online MeetUp Vol.2 / 3.25
1020tomoya
4
140
s-dev talks 大忘年LT大会 〜観察〜
1020tomoya
0
440
デザイナーが働きやすいクックパッドの環境とは
1020tomoya
3
380
Other Decks in Design
See All in Design
デザイナー視点の体験設計とデザインレビューを事業部全員で体験するワークショップをしたお話
masayofff
3
220
FANCL×CA流アプリリニューアルPJ 成功の秘訣とそのプロセス / dx-fancl-renewal
cyberagentdevelopers
PRO
2
480
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
1
180
Haruki_Konaka_Portforio.pdf
haruki556
0
790
AIと創る広告の未来 ― タップルと極AIお台場スタジオの最新事例― / ai-tapple-odaiba
cyberagentdevelopers
PRO
1
530
Personal Story Sequence - Vendetta(WIP)
elrns88
0
340
【Designship 2024|10.13】デザイン組織を進化させるための仕組み化の要諦
payatsusan213
1
690
PMとデザイナーはニコイチ! メリットと具体的なアクション10選
mosmos_noki
2
1.2k
デザインからアプリ実装まで一貫したデザインシステムを構築するベストプラクティス
shuzo
14
6.9k
ビジョン実現を加速させるデザインプログラムマネージャーの視座とキャリア/ Designship2024_Sato
root_recruit
0
210
Design System for training program
mct
0
300
DMMデザイン組織の生成AI導入プロセス - Adobe Fireflyと振り返る約1年とこれから -
takumasaito
1
600
Featured
See All Featured
Producing Creativity
orderedlist
PRO
341
39k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
Building Your Own Lightsaber
phodgson
103
6.1k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
A designer walks into a library…
pauljervisheath
204
24k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k
Thoughts on Productivity
jonyablonski
67
4.4k
Embracing the Ebb and Flow
colly
84
4.5k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.7k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
28
900
Building an army of robots
kneath
302
44k
StorybookのUI Testing Handbookを読んだ
zakiyama
27
5.3k
Transcript
⁋ே ձһࣄۀ෦ɹσβΠφʔ ΫοΫύου ΫϦΤΠςΟϒϫʔΫϑϩʔ
ࣗݾհ ɾΫοΫύου\J04 "OESPJE^ΞϓϦσβΠϯ ɾΫοΫύουΞϓϦϦϦʔεϚωʔδϟʔ ɾ\νʔϜ ϓϩδΣΫτ^σΟϨΫγϣϯ 2 ⁋ே σβΠφʔσΟϨΫλʔ !UPNPZB@UTVKJ@
ࣗݾհ ɾ݄ΫοΫύου৽ଔೖࣾ ɾ݄ٕज़෦69άϧʔϓ ɾ݄ߘ։ൃ෦ ɾ݄αʔϏε։ൃ෦͖Ζ͘νʔϜ ɾ݄ձһࣄۀ෦ 3
4 ྉཧ͖Ζ͘
ࠓͷ͓ 5
ຊͷ͓ 6 νʔϜɾ৫શһͰϢʔβʔΛߟ͑ ૉૣ͘ՁΛಧ͚Δ ΫοΫύουͷαʔϏε։ൃͱ
ΞδΣϯμ ɾΫοΫύουͷαʔϏε։ൃମ੍ ɾνʔϜ։ൃͷࣄྫհ ɾσβΠφʔͷऔΓΈ ɾ·ͱΊ 7
ΫοΫύουͷ αʔϏε։ൃମ੍ʹ͍ͭͯ 8
ΫοΫύουΛ։ൃ͢Δϝϯόʔ 9 ਓ ։ ൃ ऀ
νʔϜߏ 10 ߘ ݕࡧ ͖Ζ͘ ༗ྉձһ νʔϜA νʔϜA νʔϜA νʔϜA
νʔϜB νʔϜB νʔϜB νʔϜC
νʔϜߏ 11 ñ ñ ò ñ ô ô ò ñ
ò ò ò ñ νʔϜA νʔϜB νʔϜC
νʔϜߏ 12 ñ ñ ò ñ ô ô ò ñ
ò ò ò ñ νʔϜA νʔϜB νʔϜC Φʔφʔ σβΠφʔ ΤϯδχΞ σΟϨΫλʔ
νʔϜ։ൃͷࣄྫհ 13
14 ྉཧ͖Ζ͘
νʔϜମ੍ 15 ϛογϣϯΦʔφʔ σβΠφʔ݉ J04ΤϯδχΞ "OESPJEΤϯδχΞ σΟϨΫλʔ
ͦΕͧΕͷׂ 16 ϛογϣϯΦʔφʔ σβΠφʔ݉ J04ΤϯδχΞ "OESPJEΤϯδχΞ σΟϨΫλʔ ඪ Ϣʔβʔମݧͷ ΤϯδχΞϦϯάͷ
ϝϯόʔಉ࢜ͷؔ 17 ΤϯδχΞͱσβΠφʔ͕͓ޓ͍Λิ͢Δ σβΠφʔσΟϨΫλʔ ΤϯδχΞ
νʔϜϫʔΫϑϩʔ 18 ࢪࡦܾΊ ϓϩτλΠϐϯά σβΠϯϨϏϡʔ ༷֬ఆ ࢪࡦͷࢦඪˍϩάܾΊ ࣮ ςετ ϦϦʔεޙɺੳ
िؒdϲ݄ ΞϓϦ։ൃجຊతʹ
νʔϜϫʔΫϑϩʔ 19 ࢪࡦܾΊ ϓϩτλΠϐϯά σβΠϯϨϏϡʔ ༷֬ఆ ࢪࡦͷࢦඪˍϩάܾΊ ࣮ ςετ ϦϦʔεޙɺੳ
͜ͷͭʹ͍ͭͯ ৄ͘͠հ
20 νʔϜϫʔΫϑϩʔ ࢪࡦܾΊ ϓϩτλΠϐϯά σβΠϯϨϏϡʔ ༷֬ఆ ࢪࡦͷࢦඪˍϩάܾΊ ࣮ ςετ ϦϦʔεޙɺੳ
ᶃࢪࡦɾମݧΛߟ͑Δ
ࢪࡦɾମݧΛߟ͑Δ 21 ɾৗʹͳΜͷͨΊʹ͍ͬͯΔͷ͔Λҙࣝ͢Δ ɾશһ͕ಉ͡ํΛ͍ͯ։ൃͰ͖ΔΑ͏ʹ ɾ໎ͬͨΒཱͪΕΔ తͱԾઆΛ໌֬ʹ
ࢪࡦɾମݧΛߟ͑Δ 22 ɾΈΜͳͰִ͚ͯͳ͘ΞΠσΞɾҙݟ͕ग़ͤΔΑ͏ʹ ɾൃࢄޙɺΈΜͳͰू·ΓlతzʹԊͬͨͷͰ͋Δ͔ʁ ɹΛج४ʹܾఆ͍ͯ͘͠ (JU)VCJTTVFͰΞΠσΞൃࢄ
23 νʔϜϫʔΫϑϩʔ ࢪࡦܾΊ ϓϩτλΠϐϯά σβΠϯϨϏϡʔ ༷֬ఆ ࢪࡦͷࢦඪˍϩάܾΊ ࣮ ςετ ϦϦʔεޙɺੳ
ᶄσβΠϯϨϏϡʔ
σβΠϯϨϏϡʔ 24 lతɾഎܠɾσβΠϯͷҙਤzͳͲΛ໌֬ʹɻ (JU)VCJTTVF্ͰɺνʔϜ֎ͷ σβΠφʔɾΤϯδχΞ͔ΒϨϏϡʔ
(JU)VCJTTVFʹΑΔσβΠϯϨϏϡʔ 25 ɾ৬छؔͳ͘ɺԣ۲ͰσβΠϯΛධՁ͢Δ ɾ্࣭ͱҡ࣋ ɾσβΠϯมߋͷܦҢ͕୭ͰࢀরͰ͖Δ ɾٞʹΑΔ৽ͨͳؾ͖ͮ
26 νʔϜϫʔΫϑϩʔ ࢪࡦܾΊ ϓϩτλΠϐϯά σβΠϯϨϏϡʔ ༷֬ఆ ࢪࡦͷࢦඪˍϩάܾΊ ࣮ ςετ ϦϦʔεޙɺੳ
ᶅࢪࡦͷࢦඪͱϩά
ࢪࡦͷࢦඪͱϩά 27 ɾϢʔβʔʹಧ͚͍ͨ͜ͱ͕ɺ͔ͬ͠Γಧ͍͍ͯΔ͔ΛਤΔͨΊʹ ɾͲ͜ʹࢦඪΛஔ͖ɺϩάΛࠐΊੳͰ͖Δͷ͔νʔϜͰݕ౼ ɾσΟϨΫλʔσβΠφʔϩάʹରͯ͠ҙݟΛݴ͏ ࢦඪɾϩάͷઃܭνʔϜશһͰ
ࢪࡦͷࢦඪͱϩά 28 શһ͕͙͢ݟ͑Δॴʹ
29 νʔϜϫʔΫϑϩʔ ࢪࡦܾΊ ϓϩτλΠϐϯά σβΠϯϨϏϡʔ ༷֬ఆ ࢪࡦͷࢦඪˍϩάܾΊ ࣮ ςετ ϦϦʔεޙɺੳ
ᶆνʔϜͰ खಈςετΛ࣮ߦ͢Δ
νʔϜͰखಈςετΛ࣮ߦ͢Δ 30 ɾͰ͖Δ͚ͩνʔϜͰɻϦϦʔεޙͷʮ͏ਓʯΛߟ͑ͯɻ ɾΤοδέʔεؚΊͨςετέʔεΛ࡞͠ɺ໊ͰνΣοΫ खΛೖΕͨ෦ͷ࣭ཧΛ͔ͬ͠Γ͢Δ
νʔϜͰखಈςετΛ࣮ߦ͢Δ 31 ɾ͕ग़ͨΒॻ͘εϨ͕͋Δ ɾରԠ͖͢༏ઌॱҐ͚ͭͯ ɹΛҰཡԽ खΛೖΕͨ෦ͷ࣭ཧΛ͔ͬ͠Γ͢Δ
32 खಈςετΛͯ͠ؾͮ͘ɺࡉ͔͍ߟྀෆʜ Τϥʔͷͱ͖ Ͳ͏ͳΔͷʁ ಡΈࠐΈதʜ ήετʁϩάΠϯͯ͠Δ Ϣʔβʔʁ ଞͷ͋ΔΑ
33 σβΠϯ্ͷࡉ͔͍ߟྀ࿙ΕΛ ࣄલʹ͙͕͋Γ·͢
34 IUUQUSBOTJULJYIBUFOBCMPHKQFOUSZ
ͭΑ͍6* 35 σβΠϯΛ࡞ͬͨޙʹɺߟྀ࿙Ε͕ͳ͍͔վΊͯݟฦ͢
36 νʔϜϫʔΫϑϩʔ ࢪࡦܾΊ ϓϩτλΠϐϯά σβΠϯϨϏϡʔ ༷֬ఆ ࢪࡦͷࢦඪˍϩάܾΊ ࣮ ςετ ϦϦʔεޙɺੳ
ᶇৼΓฦΓͱڞ༗
ৼΓฦΓͱڞ༗ 37 ࣅͨΑ͏ͳ͜ͱ୭͕͕ͯͨ͠ؾ͕͢Δɻ ͋ͷࢪࡦͲ͏ͳͬͨΜͩΖ͏ʜ Ͳ͔͜ʹ·ͱΊͯ͋ͬͨؾ͕͢Δ͚Ͳʜ ͋ͷ࣌ͬͨʓʓ ͜͜ʹ·ͱ·͍ͬͯΔΑʂ ͜Ε·Ͱʜ ͜͏͍ͨ͠ʂ όϥ
όϥʜ ৼΓฦΓ͕ ͔̍ॴʹ
ৼΓฦΓͱڞ༗ 38 ࣅͨΑ͏ͳ͜ͱ୭͕͕ͯͨ͠ؾ͕͢Δɻ ͋ͷࢪࡦͲ͏ͳͬͨΜͩΖ͏ʜ Ͳ͔͜ʹ·ͱΊͯ͋ͬͨؾ͕͢Δ͚Ͳʜ ͋ͷ࣌ͬͨʓʓ ͜͜ʹ·ͱ·͍ͬͯΔΑʂ ͜Ε·Ͱʜ ͜͏͍ͨ͠ʂ όϥ
όϥʜ ৼΓฦΓ͕ ͔̍ॴʹ 3FQPSUNE
3FQPSUNE 39 ɾ(JU)VCͷSFQPTJUPSZͰཧɻݟ͍ͨ࣌ʹɺ͙͢ݟΕΔɻ
3FQPSUNE 40 ɾॻ͍ͨΒ1VMM3FRVFTUʹग़ͯ͠ɺνʔϜͰϨϏϡʔ͠߹͏ ɾσβΠφʔσΟϨΫλʔ42-ॻ͖·͢
ৼΓฦΓͱڞ༗ 41 ར༻ऀͷ
νʔϜߏ 42 ߘ ݕࡧ ͖Ζ͘ ༗ྉձһ νʔϜA νʔϜA νʔϜA νʔϜA
νʔϜB νʔϜB νʔϜB νʔϜC
43 ñ ñ ò ñ ô ô ò ñ ò
ò ò ñ νʔϜA νʔϜB νʔϜC Φʔφʔ σβΠφʔ ΤϯδχΞ σΟϨΫλʔ νʔϜ͔Ε͍ͯΔ͕ɺαʔϏεͱͯ͠Ұͭɻ શମͷετʔϦʔ͕ਖ਼͘͠ઃܭ͞Ε͍ͯΔ͔ʁ ϢʔβʔઢʹཱͬͨஅɾऔΓΈ͕ग़དྷ͍ͯΔ͔ʁ
44 ñ ñ ò ñ ô ô ò ñ ò
ò ò ñ νʔϜA νʔϜB νʔϜC Φʔφʔ σβΠφʔ ΤϯδχΞ σΟϨΫλʔ ΫοΫύουશମͷαʔϏεΛ ԣஅ၆ᛌతʹଊ͑ΔׂͱऔΓΈ͕ଘࡏ νʔϜ͔Ε͍ͯΔ͕ɺαʔϏεͱͯ͠Ұͭɻ શମͷετʔϦʔ͕ਖ਼͘͠ઃܭ͞Ε͍ͯΔ͔ʁ ϢʔβʔઢʹཱͬͨஅɾऔΓΈ͕ग़དྷ͍ͯΔ͔ʁ
αʔϏεΛԣஅతʹݟΔ σβΠφʔͷऔΓΈ 45
46 σβΠϯϦϦʔεϚωʔδϟͷઃஔ
σβΠϯϦϦʔεϚωʔδϟͱ 47 ϦϦʔεόʔγϣϯ୯ҐͰɺϢʔβʔͷମݧ 6*ʹมߋ͕͋ΔՕॴΛѲ͠ σβΠϯपΓΛҰ؏ͯ͠ݟΔׂ
σβΠϯϦϦʔεϚωʔδϟ͕Δ͜ͱ 48 σβΠϯ֬ೝձ ։ൃ ։ൃ͕ऴΘΓɺϦϦʔε͢Δ·Ͱͷؒʹ ग़དྷ্͕ͬͨػೳͱશମͷମݧΛ ΞϓϦσβΠφʔશһͰ৮ͬͯ֬ೝ͢Δ ϦϦʔε
49 σβΠϯձ
σβΠϯձ 50 ɾिճɺ࣌ؒ ɾΫοΫύουɺଞϓϩμΫτʹؔΘΔσβΠφʔશһ͕ࢀՃ ɾ-5ʹΑΔݟڞ༗αʔϏεશମͷ՝ڞ༗ͳͲ
·ͱΊ 51
·ͱΊ 52 ɾత/ՁԾઆΛ໌֬ʹ͠ɺ࠷ޙ·ͰϒϨͳ͍Α͏ʹ ɾͭΑ͍UIreport.mdΛͬͨ୭͕ਅࣅ/ҙࣝͰ͖Δ ɾʮϢʔβʔʯΛओޠʹετʔϦʔΛԣஅతʹΈΔ ૉૣ͘ϢʔβʔʹՁΛಧ͚ΔͨΊʹʜ
࠷ޙʹɺ 53 ҰਓͰσβΠϯΛ࡞͍ͬͯΔΘ͚Ͱͳ͍ɻ νʔϜ৫શһͰʮϢʔβʔʯΛ{ҙࣝɾߟ͑ΒΕΔ}ΈΛ ࡞Δ͜ͱσβΠφʔͷׂͰ͢ɻ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠