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
UI for everyday's cooking
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Takuji Ikeda
December 05, 2013
Design
18k
39
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
UI for everyday's cooking
Takuji Ikeda
December 05, 2013
More Decks by Takuji Ikeda
See All by Takuji Ikeda
20131101JAGAT_short.pdf
tikeda
1
230
Patterns of UI Design
tikeda
3
1k
Sass for everyday's cooking
tikeda
21
2k
Web Fonts with Web Design
tikeda
6
6.5k
Other Decks in Design
See All in Design
図面資産×AI 眠れる資産を起こす挑戦
aonomasahiro
0
220
PAMPHLET.pdf
mhand01
0
1.7k
1000人規模の組織でデザインハーネスを導入するための第一歩
pkshadeck
PRO
5
3.6k
Debiasing Your Software Design Decision-Making @ Flowcon '26
baasie
1
160
Warner Bros. Discovery 2025 Box Office Booklet
samb1rd
0
120
明日から真似できる、AIでデザインシステムを活用する方法
vivion
0
250
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
securecat
1
250
染み出し好きの、 染み出しコントロール論
mukai_takeru
0
420
Техники структурирования беседы с собой, заказчиком и командо
ashapiro
0
270
富山デザイン勉強会_デザイン思考.pdf
keita_yoshikawa
3
130
社長の宿題への回答 「新卒×AI」が生み出す価値
saki822
2
220
個人理念(自分の言葉)の言語化ワークショップ
kakukoki
1
190
Featured
See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.5k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.3k
Ethics towards AI in product and experience design
skipperchong
2
350
Discover your Explorer Soul
emna__ayadi
2
1.3k
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
300
エンジニアに許された特別な時間の終わり
watany
108
250k
Speed Design
sergeychernyshev
33
2k
Site-Speed That Sticks
csswizardry
13
1.5k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
1
300
Visual Storytelling: How to be a Superhuman Communicator
reverentgeek
2
630
A Tale of Four Properties
chriscoyier
163
24k
How STYLIGHT went responsive
nonsquared
100
6.2k
Transcript
ຖͷྉཧͷͨΊͷ 6*σβΠϯ ా ࢘ 2013/11/6 ͍ ͚ ͩ
ͨ ͘ ͡
ࣗݾհ w ా࢘UBLVKJJLFEB w ΫοΫύουגࣜձࣾɹσβΠϯ෦ w ΫοΫύουαʔϏεશମͷσβΠϯ Ϣʔβʔମݧͷ w σβΠϯ
ɾ ϑϩϯτΤϯυج൫ͷߏங w ৽نࣄۀ ɾ αʔϏεͷૹ٬ w IUUQUJLFEBOFU w UJXUUFS!UJLFEB
ஶॻ
ΞδΣϯμ w ΫοΫύουʹ͍ͭͯ w σβΠφʔΛͱΓ·͘։ൃମ੍ w αʔϏε։ൃͷಛ w 6*σβΠϯͷΨΠυϥΠϯԽ w
6*σβΠϯվળࣄྫ w ࠓɺͦͯ͜͠Ε͔Β
ΫοΫύουʹ͍ͭͯ w ΫοΫύουʹ͍ͭͯ w σβΠφʔΛͱΓ·͘։ൃମ੍ w αʔϏε։ൃͷಛ w 6*σβΠϯͷΨΠυϥΠϯԽ w
6*σβΠϯվળࣄྫ w ࠓɺͦͯ͜͠Ε͔Β
ຖͷྉཧΛָ͠Έʹͯ͠ ৺͔ΒͷসإΛ૿͢
ΫοΫύου 1$ 4NBSUQIPOF8FC
ΫοΫύου "OESPJE"QQ J1IPOF"QQ
ΫοΫύου J1BE"QQ
உੑ ঁੑ 85 15
σβΠφʔΛͱΓ·͘ ։ൃମ੍ w ΫοΫύουʹ͍ͭͯ w σβΠφʔΛͱΓ·͘։ൃମ੍ w αʔϏε։ൃͷಛ w 6*σβΠϯͷΨΠυϥΠϯԽ
w 6*σβΠϯվળࣄྫ w ࠓɺͦͯ͜͠Ε͔Β
8ਓ ։ൃऀϝϯόʔ Engineer + Designer 50ਓ
৽ن ৫ߏ ձһ֫ಘ ͷͤΔ ू٬ ͕͢͞ ɾ ɾ ɾ σβΠφʔ
ʢσβΠϯ෦ʣ
ϓϩδΣΫτͷنײ ΞϓϦϦχϡʔΞϧ ৽نαʔϏε։ൃ ݕࡧػೳͷڧԽɾվળ σβΠφʔ ΤϯδχΞ ΤϯδχΞ σβΠφʔ σΟϨΫλʔ ΤϯδχΞ
σβΠφʔ σΟϨΫλʔ ΤϯδχΞ ΤϯδχΞ NPOUIT XFFL NPOUI
σβΠφʔͷׂ ΠϥετϨʔγϣϯ ϏδϡΞϧσβΠϯ 6*σβΠϯ )5.-ɾ$44ίʔσΟϯά 3BJMTίʔσΟϯά αΠτઃܭ αʔϏεઃܭɾσΟϨΫγϣϯɾϢʔβʔௐࠪ αΠτੳ
αʔϏε։ൃͷಛ w ΫοΫύουʹ͍ͭͯ w σβΠφʔΛͱΓ·͘։ൃମ੍ w αʔϏε։ൃͷಛ w 6*σβΠϯͷΨΠυϥΠϯԽ w
6*σβΠϯվળࣄྫ w ࠓɺͦͯ͜͠Ε͔Β
Ϣʔβʔͷີணɾۦಈ։ൃ ڞײ JOUFSWJFX ݶఆެ։ ߦಈϩά ࢦඪධՁ ֦େ ެ։
ࠜݯతͳϢʔβʔཧղ &0(4 &NPUJPOPSJFOUFE(PBM4FUUJOH
ϢʔβʔͷΛूΊΔ Ϣʔβʔ͔Βͷ͝ҙݟ
આ໌ͳ͠Ͱ͔Δ ɾ ແݴޠԽ
6*σβΠϯͷ ΨΠυϥΠϯԽ w ΫοΫύουʹ͍ͭͯ w σβΠφʔΛͱΓ·͘։ൃମ੍ w αʔϏε։ൃͷಛ w 6*σβΠϯͷΨΠυϥΠϯԽ
w 6*σβΠϯվળࣄྫ w ࠓɺͦͯ͜͠Ε͔Β
6*%FTJHO3VMFT 6*%FWFMPQNFOU3VMFT 6*%FTJHO'SBNFXPSL ͳͥϧʔϧΛઃ͚Δ͔
ຖͷྉཧΛָ͠Έʹͯ͠ ৺͔ΒͷসإΛ૿͢
ྉཧΛָ͠Έʹͯ͠ ৺͔ΒͷসإΛ૿͢
ຖͷྉཧΛָ͠Έʹͯ͠ ৺͔ΒͷসإΛ૿͢
ຖͷྉཧͷͨΊ w ຖΞΫηεͯࣗ͠વʹೃછΊΔ͍উख w σόΠεΛ·͍ͨͰҧײͷͳ͍͍৺ ։ൃޮͷͨΊ w σβΠφʔ͕શͯͷ։ൃͰखΛಈ͔͞ͳ͍Α͏ʹ w ૉૣ͍ϓϩτλΠϓ։ൃΛߦ͑Δ
w ݸʑͷҙࢥܾఆΛૉૣ͘
ྉཧΛ࠷େݶΑ͘ݟͤΔ w פ৭͋·ΓΘͳ͍ w ྉཧࣸਅͷݟӫ͑ 6*%FTJHO3VMFT ࣸਅճΓࠐΈ
Ұ൪େͳϖʔδͷମݧ w ϨγϐͷϦϯΫ 6*%FTJHO3VMFT
ผʑͰ͋Δඞཁੑ͕ͳ͍͜ͱ w ΞοϓɾεςΠɾμϯ 6*%FTJHO3VMFT 1$ 4NBSUQIPOF8FC J04"QQ
6*ίϯϙʔωϯτͷநԽ 6*%FTJHO'SBNFXPSLʢ4BSBʣ
ΩʔΧϥʔͷมԽ 6*%FTJHO'SBNFXPSLʢ4BSBʣ จࣈ৭ എܠ৭ ϦϯΫ৭ Ϙʔμʔ৭ Ϩγϐ৭ ΞΫηϯτ৭ #3c3c3c #faf3e3
#330000 #F5F1E1 #889B00 #ff9933
ΩʔΧϥʔͷมԽ 6*%FTJHO'SBNFXPSLʢ4BSBʣ $branding_main: #4d2200 !default; $branding_accent: #ff9933 !default; $branding_support: #faf3e3
!default; $anchor: #330000 !default; $anchor_visited: #845f4b !default; $body: #3c3c3c !default; $body_bg: $branding_support !default; $recipe_title: #889B00 !default; $default_border: darken($body_bg, 5%) !default; ιʔείʔυ͔Β ࢀরՄೳͳ ΨΠυϥΠϯ
ϧʔϧʹελ ο ϑશһ͕ΞΫηεՄೳ 6*%FTJHO3VMFT
6*σβΠϯվળࣄྫ w ΫοΫύουʹ͍ͭͯ w σβΠφʔΛͱΓ·͘։ൃମ੍ w αʔϏε։ൃͷಛ w 6*σβΠϯͷΨΠυϥΠϯԽ w
6*σβΠϯվળࣄྫ w ࠓɺͦͯ͜͠Ε͔Β
1$τοϓϖʔδͷૹ٬վળ ͦͷ ϨγϐΛ͕͢͞ϖʔδ͔Β ΫοΫύουશମΛ ၆ᛌͯ͠ݟΒΕΔߏʹ
ૹ٬ͷҐஔͷมߋ
ҐஔΛม͑ΔࣄͰૹ٬Λ ίϯτϩʔϧͰ͖Δʁ ૹ٬ͷҐஔͷมߋ
Ծઆ௨Γʹ͍͔ͣฏߦ ૹ٬ͷҐஔͷมߋ
ૹ٬ͷݟͤํมߋ
όφʔܕͷΫϦΤΠςΟϒ ܟԕ͞Ε͕ͪʁ ϑΥʔϜΛ༻͍ͯࢀՃܕʹ ૹ٬ͷݟͤํมߋ
Ծઆ௨Γ্ঢ ૹ٬ͷݟͤํมߋ
ϦϦʔεޙׂ ʮϲ݄ͰΑΓϲ݄ͰͰग़ͯ͠Έ Δʯ ૹ٬ͷݟͤํมߋ
εϚʔτϑΥϯΞϓϦͷૹ٬վળ ͦͷ̎ ϥϯμϜͰઆ໌ ಉ࣌Ͱઆ໌ແ
None
τʔλϧͰͷύϑΥʔϚϯεΛ༏ઌ
ʮ˔˔͚ͩͰ࡞ΕΔϨγϐʯ ݕࡧ݁ՌϖʔδͷཁૉҐஔมߋ ͦͷ ݕࡧ݁Ռલ ݕࡧ݁ՌԼ ʢΞίʔσΟΦϯ6*ͷதʣ ݕࡧ݁ՌԼ ʢΞίʔσΟΦϯ6*ͷ֎ʣ
ݕࡧ݁Ռલ ݕࡧ݁ՌԼ ʢΞίʔσΟΦϯ6*ͷதʣ ݕࡧ݁ՌԼ ʢΞίʔσΟΦϯ6*ͷ֎ʣ
ݕࡧ݁Ռલ ݕࡧ݁ՌԼ ʢΞίʔσΟΦϯ6*ͷதʣ ݕࡧ݁ՌԼ ʢΞίʔσΟΦϯ6*ͷ֎ʣ ը໘্෦͕Α͍ͱݶΒͳ͍ ͜ͷ߹
ΞϨϧΪʔରԠϨγϐΞϓϦΞΠίϯ ͦͷ গ͠ΞϨϧΪʔͬΆ͞Λ ফͨ͠ํ͕Α͍ʁ ɹ ϗʔϜը໘ʹݏͳΛ ஔ͖ͨ͘ͳ͍ ͜ͷΞϓϦΛͬͯ ୭ʹͤʹͳͬͯΒ͍͍ͨʁ ݩؾͳࢠڙʹ
ҭͬͯ΄͍͠ʁ
ΞϨϧΪʔରԠϨγϐΞϓϦΞΠίϯ ͦͷ ఆੑతͳσβΠϯͷஅ
ࣄྫͷڞ༗
ࣄྫͷڞ༗ ܧଓ։ൃͰͷ݁Ռڞ༗ σβΠϯࢥͷڞ༗
ࣄྫͷڞ༗ 6*มߋͷͩ͜ΘΓ
ࠓɾͦͯ͜͠Ε͔Β ΫοΫύο υ ɾ 6*σβΠϯͷ w ΫοΫύουʹ͍ͭͯ w σβΠφʔΛͱΓ·͘։ൃମ੍ w
αʔϏε։ൃͷಛ w 6*σβΠϯͷΨΠυϥΠϯԽ w 6*σβΠϯվળࣄྫ w ࠓɺͦͯ͜͠Ε͔Β
Ϩγϐ͔Β৯ͷϓϥοτϑΥʔϜ ങ͍ ඒ ༰ ݈ ߁ ڭ ҭ ޘ ָ
Ϩγϐ
͍͞ศ
ಛചใ
DPPLTUFQ
ΞϨϧΪʔରԠϨγϐΞϓϦ
ʁ ʁ ʁ ʁ ৽͍͠ϢʔβʔՁͷ
ຖͷྉཧͷͨΊͷ 6*σβΠϯ ৯ͦͯ͠ੜ׆ऀͷͨΊͷ 6*σβΠϯ
6*σβΠϯ w Ϣʔβʔʹͱͬͯతͱ͢Δ͜ͱΛ ࣗવʹՄೳͱ͢ΔσβΠϯ w ಧ͚खͱड͚खͱͷ Ϊϟοϓͷগͳ͍σβΠϯ w Ϣʔβʔʹͱͬͯڻ͖ײಈΛ ༩͑Δ͜ͱ͕Ͱ͖ΔσβΠϯ
w Ϣʔβʔʹͱͬͯతͱ͢Δ͜ͱΛ ࣗવʹՄೳͱ͢ΔσβΠϯ w ಧ͚खͱड͚खͱͷ Ϊϟοϓͷগͳ͍σβΠϯ w Ϣʔβʔʹͱͬͯڻ͖ײಈΛ ༩͑Δ͜ͱ͕Ͱ͖ΔσβΠϯ 6*σβΠϯ
ҰॹʹΫοΫύο υͰαʔϏε ɾ ΞϓϦΛ࡞Δ 69σβΠφʔɾ6*σβΠφʔ ઈࢍืूத http://info.cookpad.com/jobs/?affcd=eetmm Ҏ্ɺ ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠