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
910
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
38
17k
Sass for everyday's cooking
tikeda
21
1.9k
Web Fonts with Web Design
tikeda
6
6.3k
Other Decks in Design
See All in Design
トップデザインチームが描く、 2030年に活躍するデザイナー
hiranotomoki
1
2.4k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
150
【Designship 2024|10.13】デザイン組織を進化させるための仕組み化の要諦
payatsusan213
1
490
Fleet Gas Station
joshtang
0
130
超・ファシリテーション 無理ゲー課題を軽やかに超える MIMIGURI流チームデザイン|TOKYO CREATIVE COLLECTION
madue
1
1.2k
Test Revisionista
olgastoryboard
0
110
我做了一個詐騙網站...嗎?
crboy
1
140
若手デザイナーチームが手がける CADC2024クリエイティブディレクションの全貌 / opening-design
cyberagentdevelopers
PRO
1
230
効果的な管理画面を デザインをするために 避けるべき5つの罠
takanorip
13
5.8k
AIと創る広告の未来 ― タップルと極AIお台場スタジオの最新事例― / ai-tapple-odaiba
cyberagentdevelopers
PRO
1
260
Managing Design Systems (Antwerp 2024)
nathanacurtis
1
210
デザインシステム構築の進め方 基本から実践まで、具体的な手順を徹底解説
ncdc
1
170
Featured
See All Featured
Code Reviewing Like a Champion
maltzj
519
39k
Building Flexible Design Systems
yeseniaperezcruz
327
38k
Fashionably flexible responsive web design (full day workshop)
malarkey
404
65k
How GitHub (no longer) Works
holman
311
140k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
4
290
How to Ace a Technical Interview
jacobian
275
23k
The Art of Programming - Codeland 2020
erikaheidi
51
13k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
25
1.8k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Side Projects
sachag
452
42k
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.8k
Unsuck your backbone
ammeep
668
57k
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/