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
Patterns of UI Design
Search
Takuji Ikeda
May 16, 2013
Design
3
970
Patterns of UI Design
Takuji Ikeda
May 16, 2013
Tweet
Share
More Decks by Takuji Ikeda
See All by Takuji Ikeda
20131101JAGAT_short.pdf
tikeda
1
200
UI for everyday's cooking
tikeda
39
18k
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
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
620
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
nikkei_engineer_recruiting
6
840
第4回関東Kaggler会LT HCD-Net人間中心設計スペシャリストが語るNotebookメダルの取り方
utm529f
0
1.1k
Installing and Running decksh/pdfdeck
ajstarks
1
850
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
490
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.3k
ユーザー像を「みてね」らしく可視化する 家族アルバムみてねUXリサーチチームの取り組み
mixi_design
PRO
1
170
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
ashapiro
0
420
Bulletproof Design System with TypeScript
takanorip
7
4.1k
decksh object reference
ajstarks
2
1.3k
デフォルトの16:9(960*540px)のケース / Google Slide Size Test
arthur1
0
3.4k
1920*1080pxに設定したケース / Google Slide Size Test
arthur1
0
3.4k
Featured
See All Featured
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
A Modern Web Designer's Workflow
chriscoyier
697
190k
Producing Creativity
orderedlist
PRO
347
40k
Embracing the Ebb and Flow
colly
88
4.8k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.2k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
The Invisible Side of Design
smashingmag
301
51k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.4k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Transcript
6*σβΠϯͷύλʔϯԽ FOR SMART PHONE ా࢘ 2013/05/16 CSS Nite @Co-Edo, Vol.11
͍ ͚ ͩ ɹ ͨ ͘ ͡
ࣗݾհ • ా࢘ɹTakuji Ikeda • ΫοΫύουגࣜձࣾɹσβΠφʔ • εϚʔτϑΥϯαΠτͳͲͷαʔϏεσβΠϯΛ୲ σβΠϯͷநԽΨΠυϥΠϯԽ SassΛ༻͍ͨUIσβΠϯϑϨʔϜϫʔΫͷߏங
• http://tikeda.net/ɹhttp://tikeda.hatenablog.com/ɹ • Twitter: @tikedaɹ
͜ͷηογϣϯʹ͍ͭͯ ຊηογϣϯͷେɺ݄ʹൃച͞Εͨॻ੶ εϚʔτϑΥϯͷͨΊͷ6*σβΠϯ Ϣʔβʔମݧʹେͳϧʔϧͱύλʔϯ ͷ༰Λத৺ʹߦ͍·͢ɻ IUUQXXXBNB[PODPKQEQ
AGENDA 1. UIͷύλʔϯԽɾϧʔϧԽͱ 2. ϓϥοτϑΥʔϜͷྲّྀ 3. ը໘ύλʔϯ 4. UIίϯϙʔωϯτ 5.
࣮ફࣄྫ 6. ύλʔϯͱϧʔϧ͕ͨΒ͢ϝϦοτ
1 6*ͷύλʔϯԽɺϧʔϧԽͱ 6*ͷύλʔϯԽɾϧʔϧԽͱ ϓϥοτϑΥʔϜͷྲّྀ ը໘ύλʔϯ 6*ίϯϙʔωϯτ
࣮ફࣄྫ ύλʔϯͱϧʔϧ͕ͨΒ͢ϝϦοτ
6*ͷύλʔϯԽɺϧʔϧԽͱ • ը໘શମΛίϯϙʔωϯτ୯Ґʹׂ • ػೳϢʔβʔମݧʹ߹Θ֤ͤͯίϯϙʔωϯτʹ దͳύλʔϯΛબͿ • ֤ίϯϙʔωϯτϓϥοτϑΥʔϜʹΑͬͯ దͳσβΠϯΛߟ͑Δ
6*ͷύλʔϯԽɺϧʔϧԽͱ • ը໘શମΛίϯϙʔωϯτ୯Ґʹׂ ΞΫςΟϏςΟ χϡʔε ϗʔϜ ͓ؾʹೖΓ ͓Βͤ ઃఆ ͔͋͞Θ͞Μ͕ϑΥϩʔ͠·ͨ͠
খྛ͞Μ͕͓ؾʹೖΓʹՃ͠·ͨ͠ ΄ͩ͞Μ͕ϑΥϩʔ͠·ͨ͠ ଜ͞Μ͕͓ؾʹೖΓʹՃ͠·ͨ͠ ඌ͞Μ͕ϑΥϩʔ͠·ͨ͠ ϝϞҰཡ Ωϟϯηϧ ެ։ઃఆ શһʹެ։ ͱͩͪʹެ։ ඇެ։ ֬ఆ λΠτϧ ௨͠ͳ͍ શһʹެ։ ͞Μ͕͓ؾʹೖΓʹՃ͠·ͨ͠ ᖒా͞Μ͕ϑΥϩʔ͠·ͨ͠ Ϟʔμϧ Οϯυ ϥδΦϘλϯ ςΩετϑΟʔϧυ όοΫφϏήʔγϣϯ λϒܕφϏήʔγϣϯ Ϧετ ϔομʔ ηάϝϯςου ίϯτϩʔϧ ΞΠίϯ ϑολʔ
6*ͷύλʔϯԽɺϧʔϧԽͱ • ػೳϢʔβʔମݧʹ߹Θ֤ͤͯίϯϙʔωϯτʹ దͳύλʔϯΛબͿ
6*ͷύλʔϯԽɺϧʔϧԽͱ • ֤ίϯϙʔωϯτϓϥοτϑΥʔϜʹΑͬͯ దͳσβΠϯ͕ҟͳΔ߹͕͋Δ
6*ͷύλʔϯԽɺϧʔϧԽͱ ύλʔϯA ύλʔϯB ύλʔϯC ίϯϙʔωϯτ ը໘ભҠ ը໘ભҠ ը໘ ಋೖ τοϓ
Ұཡ ৄࡉ ೖྗɾཧ ϓϥοτϑΥʔϜʢiPhone App, Android App, Smartphone Siteʣ
6*ͷύλʔϯԽɺϧʔϧԽͱ UIΛίϯϙʔωϯτԽͯ͠ߟ͑Δ͜ͱ σβΠϯͷҾ͖ग़͠Λ૿͢͜ͱͱݴ͑Δ͕ 6*ߏங͢Δ্Ͱɺ αʔϏε։ൃΛ͢Δ্Ͱͷͭͷ ํ๏
2 ϓϥοτϑΥʔϜͷྲّྀ 6*ͷύλʔϯԽɾϧʔϧԽͱ ϓϥοτϑΥʔϜͷྲّྀ ը໘ύλʔϯ 6*ίϯϙʔωϯτ
࣮ફࣄྫ ύλʔϯͱϧʔϧ͕ͨΒ͢ϝϦοτ
ϓϥοτϑΥʔϜͷྲّྀ iPhone Android iPhone App Android App Smart Phone Site
ϓϥοτϑΥʔϜʹΑΔը໘ͷҧ͍ ৯ϩά Android App A B C Smart phone Site
iPhone App
2VPSB iPhone App A B C Android App Smartphone Site
ϓϥοτϑΥʔϜʹΑΔը໘ͷҧ͍
'BDFCPPL A B C Android App Smart phone Site ϓϥοτϑΥʔϜʹΑΔը໘ͷҧ͍
iPhone App ? ? ?
? ϓϥοτϑΥʔϜʹԊ͏ϝϦοτͱʁ ϓϥοτϑΥʔϜΘͣଗ͑ΔϝϦοτͱʁ
ϓϥοτϑΥʔϜʹԊ͏߹ͷϝϦοτͷࣄྫ • ͍ͭͬͯΔͷͱಉ͡UIʹ͢Δ͜ͱͰ Ϣʔβʔ͕ҧײͳ͍ૢ࡞͕ՄೳʹͳΔ • ֤ϓϥοτϑΥʔϜͷಛతͳػೳΛ͏͜ͱ͕Ͱ͖Δ • ։ൃͷ͕͍͢͠
ϓϥοτϑΥʔϜʹԊΘͳ͍߹ͷϝϦοτͷࣄྫ • Ϣʔβʔ͕ϓϥοτϑΥʔϜΛม͑ͯ ͜Ε·Ͱ௨Γͷ͍উखΛఏڙͰ͖Δ • ฒΈΛἧ͑ͨػೳͷఏڙ ϒϥϯσΟϯάΛ͢Δ͜ͱ͕Ͱ͖Δ • σβΠϯ։ൃͷϓϥοτϑΥʔϜΛ౷߹Ͱ͖Δ
3 ը໘ύλʔϯ 6*ͷύλʔϯԽɾϧʔϧԽͱ ϓϥοτϑΥʔϜͷྲّྀ ը໘ύλʔϯ 6*ίϯϙʔωϯτ
࣮ફࣄྫ ύλʔϯͱϧʔϧ͕ͨΒ͢ϝϦοτ
৭ΜͳλΠϓͷΞϓϦͦͯ͠ ৭ΜͳλΠϓͷը໘͕͋Γ·͕͢
ը໘ύλʔϯҰཡ ಋೖը໘ τοϓը໘ Ұཡը໘ ৄࡉը໘ ೖྗ ɾ ཧը໘ छྨఔʁ 5
ը໘ύλʔϯҰཡ ಋೖը໘ • εϓϥογϡ • ΥʔΫεϧʔ • ίʔνϚʔΫ • ΤϯϓςΟϝοηʔδ
τοϓը໘ • ϙʔλϧ • Ϣʔβʔ • ECɹ • ίʔϙϨΠτ Ұཡը໘ • ݕࡧ݁Ռ • λΠϜϥΠϯ • ΪϟϥϦʔ • ΞΫςΟϏςΟ ৄࡉը໘ • ࣸਅɾಈը • هࣄ • Ϛοϓ • ೖྗ ɾ ཧը໘ • αΠϯΞοϓɾαΠϯΠϯ • ߘ • ΧϝϥΩϟϓνϟ • ઃఆɾཧ छྨ 5 ֤ύλʔϯ
ಋೖը໘ τοϓը໘ Ұཡը໘ ৄࡉը໘ ೖྗ ɾ ཧը໘ ը໘ύλʔϯҰཡ छྨ͕େ׆༂ʂ 2
Ұཡը໘ ݕࡧ݁Ռ λΠϜϥΠϯ ΪϟϥϦʔ
ৄࡉը໘ هࣄ ࣸਅɾಈը
ݕࡧαʔϏε ΫοΫύου ʢSMART PHONE SITEʣ τοϓ Ұཡ Ұཡ ৄࡉ Ұཡ
Ұཡ Ұཡ Ұཡ Ұཡ Ұཡ ݕࡧ݁Ռ ݕࡧ݁Ռ ΧςΰϦ αϒΧςΰϦ ఼ಊೖΓϨγϐ ΧςΰϦ ϨγϐҰཡ .:ϝχϡʔ Ϩγϐ αʔνϑΥʔϜ ηάϝϯςουίϯτϩʔϥ υϦϧμϯ υϦϧμϯ λϒܕφϏήʔγϣϯ ਨܕϦετ μογϡϘʔυ
ը໘ΛύλʔϯԽ͢Δҙٛ • తΛ͖ͬΓͱͤ͞Δ͜ͱͰγϯϓϧͰ εϐʔσΟͳը໘ઃܭ͕͘͢͠ͳΔ • ը໘ͱը໘ͷߦ͖དྷʢಋઢʣΛҙࣝͨ͠ UIίϯϙʔωϯτͷஔ͕Ͱ͖Δ • ։ൃ్தஈ֊ͰҾ͍ͨࢹͰϓϩδΣΫτΛ ݟͭΊ͢͜ͱ͕Ͱ͖Δ
4 6*ίϯϙʔωϯτ 6*ͷύλʔϯԽɾϧʔϧԽͱ ϓϥοτϑΥʔϜͷྲّྀ ը໘ύλʔϯ 6*ίϯϙʔωϯτ
࣮ફࣄྫ ύλʔϯͱϧʔϧ͕ͨΒ͢ϝϦοτ
6*ίϯϙʔωϯτ • جຊίϯϙʔωϯτ • φϏήʔγϣϯ / ίϯτϩʔϧ • Ϧετ •
ϑΥʔϜ • ϝοηʔδ • ใͷϏδϡΞϧԽ • ΞΠίϯ • Ϟʔγϣϯ • ϏδϡΞϧελΠϧ
جຊίϯϙʔωϯτ ଟ͘ͷεϚʔτϑΥϯΞϓϦαΠτͰ ༻͍ΒΕ͍ͯΔɺը໘Λߏ͢Δ্Ͱ ͔ܽ͢͜ͱͷͰ͖ͳ͍جຊతͳ ϨΠΞτཁૉ6*ཁૉɻ
ϔομʔ wը໘ͷ্෦ͷΤϦΞ wJ1IPOFͰφϏήʔγϣϯόʔɺ"OESPJEͰ ϝΠϯΞΫγϣϯόʔͱݺͿɻΞϧϑΝΛ͚Δ߹͋Δ wݱࡏͷը໘λΠτϧΛࣔ͢ɻτοϓͰͳ͍߹ લͷը໘ʹΔφϏήʔγϣϯΛஔɻ ओཁͳΞΫγϣϯΛஔ͢Δ wεϚʔτϑΥϯαΠτͷ߹άϩʔόϧφϏήʔγϣϯͷ ׂΛ୲͏ࣄ͕ଟ͍
ϔομʔ
λϒܕφϏήʔγϣϯ wJ1IPOFͰφϏήʔγϣϯόʔɺ"OESPJEͰ ϝΠϯΞΫγϣϯόʔͱݺͿɻΞϧϑΝΛ͚Δ߹͋Δ ը໘தԝʹը໘λΠτϧɻ ࠨଆʹલͷը໘ͷλΠτϧ໊ΛೖΕͨόοΫϘλϯɻ ӈଆʹओཁͳΞΫγϣϯϘλϯ ը໘ࠨଆʹը໘λΠτϧɻ ͦͷ͞ΒʹࠨʹόοΫϘλϯɻ ը໘ӈଆʹओཁͳΞΫγϣϯϘλϯ J1IPOFφϏήʔγϣϯόʔ
"OESPJEϝΠϯΞΫγϣϯόʔ
௨ɾϝοηʔδ Ϣʔβʔ͕࣮ߦ͠Α͏ͱ͍ͯ͠Δߦಈ͕ ؒҧ͍Ͱͳ͍͔ࣄલʹܯࠂͯ֬͠ೝ͢Δ ͱ͖Ϣʔβʔ͕औͬͨߦಈͷޙʹ ϑΟʔυόοΫͯ͠ΓऔΓΛ͢Δͱ͖ ͳͲʹ༻͍·͢ɻ
Ϟʔμϧϝοηʔδ wը໘ʹΦʔόʔϨΠ͢Δɻ ΞΫγϣϯΛྃͤ͞ͳ͍ݶΓ ݩͷը໘ͷૢ࡞͕Ͱ͖ͳ͍ wJ1IPOFͰΞϥʔτɺ"OESPJEͰ ඪ४తʹΘΕΔϝοηʔδύλʔϯɻ ಛʹ"OESPJEͷ߹ɺϞʔμϧ ϝοηʔδʹݶΒͳͣར༻͞ΕΔ
Ϟʔμϧϝοηʔδ w6*͚ͩͰͳ͘ར༻͢ΔࡍϘλϯͷϥϕϧʹҙ͕ඞཁ A B
Ϟʔμϧϝοηʔδ wྃϘλϯ͚ͩ wࣗಈతʹด͡Δ
Ϟʔμϧϝοηʔδ wJ1IPOFͷ߹Ωϟϯηϧͷ ҐஔࠨଆͱݶΒͳ͍ wഁյߦҝͷଓߦࠨଆʹϘλϯ͕ ͘Δ͜ͱ͋Δ wͨͩ͠ɺڧௐ͞ΕΔϘλϯ ӈଆʹݻఆ͞Ε͍ͯΔ J04)VNBO*OUFSGBDF(VJEFMJOF
ϞʔυϨεϝοηʔδ wը໘ʹΦʔόʔϨΠ͢Δɻ ݩͷը໘ͷૢ࡞ࣗ༝ʹՄೳɻ ϝοηʔδࣗಈϑΣʔυΞτ͢Δ w"OESPJEͰ5PBTU͕ඪ४తʹΘΕΔ ϝοηʔδύλʔϯ
ϞʔυϨεϝοηʔδ
? ϞʔμϧͷϝϦοτͱʁ ϞʔυϨεͷϝϦοτͱʁ
ϞʔμϧͱϞʔυϨεͦΕͧΕͷརͷࣄྫ wϢʔβʔͷߦಈΛࣄલʹ ҙ͢Δͷʹద͍ͯ͠Δͷ͕ Ϟʔμϧɺࣄޙʹ֬ೝ͢Δͷ͕ ϞʔυϨε wϞʔμϧ࣮֬ʹϝοηʔδΛ ͑ΒΕΔ໘ɺଟ༻͢Δͱ ϢʔβʔʹετϨεɻ ϞʔυϨε࣮֬ʹ͑Δ ༻్ʹ͔ͳ͍ɻϢʔβʔͷ
ҙਤͨ͠ߦಈͰ͏ͷʹద͢
ใͷϏδϡΞϧԽ ใΛϏδϡΞϧԽ͢Δ͜ͱͰจষͰ આ໌͢ΔͷͰͳ͘ແݴޠͰࢹ֮తʹ ͔Γ͑͘͢ΔͨΊͷޮՌ͕͋Γ·͢ɻ ·ͨϏδϡΞϧදݱΛָ͠͠͞ ໘ന͞ͷԋग़ޮՌ࣋ͪ߹Θ͍ͤͯ·͢ɻ
ใͷϏδϡΞϧԽ ಡΈࠐΈத ౦ژ ਆಸݝ ઍ༿ݝ ࡛ۄݝ ܈അݝ ҵݝ
ϨʔςΟϯά wίϯςϯπΛߘͨ͠Ϣʔβʔʹରͯ͠ϑΟʔυόοΫΛฦ͢ ʢධՁɾڞײͳͲʣ wίϯςϯπͷධՁΛୈࡾऀʹ͑Δ wࣗͷͨΊͷྨͱ͢Δ ϨΠςΟϯάͷओཁͳͭͷׂ
ϨʔςΟϯά ϓϥεධՁͷΈ ϓϥεධՁͱϚΠφεධՁ දݱͷ෯͕ڱ͍ දݱͷ෯͕͍
ϨʔςΟϯά wͬͱγϯϓϧͳදݱͳͷͰ ͔Γ͘͢ɺ ίετ͍ wʮ͍͍Ͷʂʯͱ͍͏ϥϕϦϯάʹ པΑΔ͜ͱͰίϯςϯπʹΑͬͯ ධՁ͠ʹ͍͕࣠͘ੜ·Ε ળ͠ѱ͠ΛܭΔ͜ͱʹ͍͠ wࣗͷͨΊͷྨʹ͑ ར༻ൣғ͕͍
ϨʔςΟϯά wྑ͍ධՁͱѱ͍ධՁΛ૬ରతʹ ݟΔ͜ͱ͕Ͱ͖ΔͷͰɺ ୈࡾऀʹͱͬͯίϯςϯπͷ ࣝผ͕͍͢͠ wѱ͍ධՁΦʔϓϯʹ͓ͯ͘͠ ͜ͱͰɺίϯςϯπߘऀ͕ ѱ͍ධՁ͕ू·ΔͰ͋Ζ͏ ίϯςϯπͷߘΛࢭ͢Δ ޮՌ͕͋Δ
ϨʔςΟϯά wແݴޠͰϨʔςΟϯάͷҙਤ ಡΈऔΓ͕Մೳ wΞΠίϯΛ͢Δ͜ͱͰ ίϛϡχςΟΛָ͘͠ԋग़Ͱ͖ ੈք؍ͷߏங͕Մೳ
ϨʔςΟϯά wஈ֊͕ෳ͋Δ͕ݸਓʹΑͬͯ ج४ͷײ͕֮ҟͳΔɻ ͦͷͨΊϨʔςΟϯά͢Δଆ োน͕ߴ͍ wෳʹͬͯஈ֊͕͋ΔͨΊ ୈࡾऀ͕ड͚औΕΔใ ଞͷύλʔϯΑΓ༗ӹ
ΞΠίϯ ࢹ֮తͳϝλϑΝʔΛ༻͍ͯ ػೳը໘ͷΛදݱͨ͠ͷɻ ϥϕϧʹཔΔ͜ͱͳ͘ࠃࡍతͰ ίϯύΫτͳ6*ΛߏஙͰ͖Δͷ͕རɻ ͔͠͠ແཧͳΞΠίϯԽແடংͳ ΞΠίϯࠞཚΛ༩͔͑Ͷͳ͍ɻ
ΞΠίϯ A B C D E F G H I
J
? ͦΕͧΕͷΞΠίϯͷׂʁ
6 ࣮ ફ ࣄ ྫ 6*ͷύλʔϯԽɾϧʔϧԽͱ ϓϥοτϑΥʔϜͷྲّྀ
ը໘ύλʔϯ 6*ίϯϙʔωϯτ ࣮ફࣄྫ ύλʔϯͱϧʔϧ͕ͨΒ͢ϝϦοτ
Engineer + Designer 50ਓ
࣮ફࣄྫ COOKPAD
࣮ફࣄྫ ΫοΫύουͰͷύλʔϯԽɾϧʔϧԽͷ࣮ફ 1. COOKPAD UI Design Rules (Document) 2. COOKPAD
UI Development Rules (Document) 3. COOKPAD CSS / Sass Coding Style (Document) 4. Sara Design Framework (Sass)
࣮ફࣄྫ COOKPAD UI Desgin Rules •ϨγϐͷϦϯΫ৭ʹ͢Δ •ਨܕϦετίϯϙʔωϯτͰ Ϩγϐը૾ͷճΓࠐΈجຊతʹࠨ •ϥϯΩϯάίϯϙʔωϯτͰ্ԼΛ ࣔ͢ҹͷ৭
Ξοϓ͕ΦϨϯδɺμϯ͕ϒ ϧʔɺεςΠ͕ΞΠϘϦʔͱ͢Δ
࣮ફࣄྫ COOKPAD UI Desgin Rules PC Smartphone Site iPhone App
࣮ફࣄྫ Sara Design FrameworkʢSassʣ
࣮ફࣄྫ Sara Design FrameworkʢSassʣ
࣮ફࣄྫ Sara Design FrameworkʢSassʣ
࣮ફࣄྫ •UIύλʔϯԽͰ͖ͯϢʔβʔମݧ·ͰύλʔϯԽͯ͠ ϩδΧϧʹߟ͑Δ͜ͱͰ͖ͳ͍ •ύλʔϯԽ͞ΕͨUIΛ༻͍ͯҙਤ͍ͨ͠ํʹͳ͍ͬͯΔ͔ ։ൃऀͷཧղ͍ͩ͠ •ύλʔϯʹറΒΕ͗ͯ͢ɺඞཁͰ͋Δ͖ίϯϙʔωϯτ͕ ࡞ΒΕʹ͍͘ ՝ʹײ͍ͯ͡Δ͜ͱ υΩϡϝϯςʔγϣϯେ ͪΌΜͱߟ͑Δ͜ͱ͕େ
ࣗ༝ͳൃͰߟ͑Δ͜ͱେ
7 ύλʔϯͱϧʔϧ͕ͨΒ͢ϝϦοτ 6*ͷύλʔϯԽɾϧʔϧԽͱ ϓϥοτϑΥʔϜͷྲّྀ ը໘ύλʔϯ 6*ίϯϙʔωϯτ
࣮ફࣄྫ ύλʔϯͱϧʔϧ͕ͨΒ͢ϝϦοτ
αʔϏε։ൃͰͷՁ ։ൃνʔϜ ։ൃνʔϜ ։ൃνʔϜ • σβΠφʔ͕গͳ͍߹ σβΠφʔ ΤϯδχΞ ΤϯδχΞ ΤϯδχΞ
ύλʔϯͱϧʔϧʹͷͬͱͬͨ6*ߏஙʹΑΓϦιʔεΛܰݮͯ͠ɺ ͦΕҎ֎ͷ৬छͷਓͰҰఆҎ্ͷΫΦϦςΟ·Ͱಋ͘ σΟϨΫλʔ σΟϨΫλʔ σΟϨΫλʔ ύλʔϯͱϧʔϧ
։ൃνʔϜ • ৫͕େ͖ͳ߹ σβΠφʔ ΤϯδχΞ ύλʔϯͱϧʔϧΛશελοϑ͕Δ͜ͱʹΑΓڞ௨ݴޠڞ௨ͷ Ձ؍Λϕʔεʹͨ͠։ൃ͕͘͢͠ͳΔ σΟϨΫλʔ ΤϯδχΞ ϓϩσϡʔαʔ
σβΠφʔ σΟϨΫλʔ ύλʔϯͱϧʔϧ αʔϏε։ൃͰͷՁ
։ൃνʔϜ ։ൃνʔϜ ։ൃνʔϜ • ։ൃຖʹσβΠφʔ͕ผΕΔ߹ ύλʔϯͱϧʔϧ ΤϯδχΞ ΤϯδχΞ ΤϯδχΞ ҟͳΔϓϩδΣΫτͰ͋ͬͯɺύλʔϯϧʔϧมΘΒͳ͍Α͏ʹ
͢Δ͜ͱͰɺϦιʔεͷܰݮɺϢʔβʔମݧͷඪ४Խ͕Ͱ͖Δ σΟϨΫλʔ σΟϨΫλʔ σΟϨΫλʔ σβΠφʔ σβΠφʔ σβΠφʔ αʔϏε։ൃͰͷՁ
։ൃνʔϜ • ܧଓతͳ։ൃΛଓ͚Δ߹ ύλʔϯͱϧʔϧ ΤϯδχΞ ύλʔϯϧʔϧΛ࣋ͭ͜ͱͰɺϢʔβʔ͔ΒಘͨϑΟʔυόοΫ͕ ՃΘΓΑΓՁͷߴ͍6*։ൃͷج൫Λ࣋ͭ͜ͱ͕Ͱ͖Δ σΟϨΫλʔ σβΠφʔ ։ൃνʔϜ
ΤϯδχΞ σΟϨΫλʔ σβΠφʔ ։ൃνʔϜ ΤϯδχΞ σΟϨΫλʔ σβΠφʔ ύλʔϯͱϧʔϧ ύλʔϯͱϧʔϧ αʔϏε։ൃͰͷՁ
࠷ޙʹ • ύλʔϯϧʔϧԽͷಋೖͻͱͭͷํ๏Ͱ͋ΓɺશͯͰͳ͍ • ύλʔϯϧʔϧʹΘΕΔଆͰͳ͘࡞ͬͯߦཱ͘ͱͯ͠ ͍ͭΫϦΤΠςΟϒʹ • ։ൃํ๏ͱͯ͠ͷଊ͑ํ͚ͩͰͳ͘ɺ ϢʔβʔϝϦοτͷͨΊͰ͋Δ͜ͱΛΕͣʹ •
ύλʔϯԽϧʔϧԽͷٯɺʮҰաੑʯʮܳज़ੑʯʮݸੑʯͳͲ ϢχʔΫͳཁૉʹΛ͚ɺ৺ऒ͔ΕΔσβΠϯΛ
Ҏ্ɺ ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ ా࢘ɹ!UJLFEBUBLVKJJLFEB!DPPLQBEDPN ΫοΫύουͰ σβΠφʔɾΤϯδχΞΛ ੵۃ࠾༻தͰ͢ʂ ͝ڵຯ͋ΔํੋඇΞΫηε͠ ͍ͯͩ͘͞ɻ ຊͷ༰ͷଟ͘ ʮεϚʔτϑΥϯͷ
ͨΊͷ6*σβΠϯ Ϣʔβʔମݧʹඞཁͳ ϧʔϧͱύλʔϯʯ ͔Βൈਮ͍ͯ͠·͢ɻ http://info.cookpad.com/jobs/?affcd=eetmm http://www.amazon.co.jp/dp/4797372303/