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
Takuji Ikeda
December 05, 2013
Design
39
18k
UI for everyday's cooking
Takuji Ikeda
December 05, 2013
Tweet
Share
More Decks by Takuji Ikeda
See All by Takuji Ikeda
20131101JAGAT_short.pdf
tikeda
1
200
Patterns of UI Design
tikeda
3
960
Sass for everyday's cooking
tikeda
21
1.9k
Web Fonts with Web Design
tikeda
6
6.4k
Other Decks in Design
See All in Design
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.7k
harutaka Vision Deck
zenkigenforrecruit
0
180
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
lycorptech_jp
PRO
0
430
Findyのプロデチームの 歩みとこれから
satty9556
0
210
mento Design Team Portfolio
mento0fficial
0
490
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
160
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
5
1.6k
新しいデザインの難しさ(公開版) / Difficulties in the New Design (public ver.)
usagimaru
1
800
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
2k
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
nikkei_engineer_recruiting
6
750
1920*1080pxに設定したケース / Google Slide Size Test
arthur1
0
3.1k
CursorでAI活用のナレッジベースを構築する
kanzaki
0
500
Featured
See All Featured
Six Lessons from altMBA
skipperchong
28
3.9k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
182
54k
Agile that works and the tools we love
rasmusluckow
329
21k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.4k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
47
9.6k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
Fireside Chat
paigeccino
37
3.6k
Docker and Python
trallard
45
3.5k
Code Review Best Practice
trishagee
69
19k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
21
1.4k
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 Ҏ্ɺ ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠