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
18k
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
みんなに知って欲しい 視覚過敏のアクセシビリティ
0opacity_
4
830
AIと創る広告の未来 ― タップルと極AIお台場スタジオの最新事例― / ai-tapple-odaiba
cyberagentdevelopers
PRO
1
350
Dreamia
elsh
0
170
Design System for training program
mct
0
130
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
5
670
PMとデザイナーはニコイチ! メリットと具体的なアクション10選
mosmos_noki
2
1.1k
root COMPANY DECK / We are hiring!
root_recruit
1
15k
開発チームの中心で心理的安全性をつくる、UXデザイナーの問いかけ方
takuto_yonemichi
2
580
portfolio
amitnk
1
130
コンセプトで経営・事業・組織を動かす、 Ameba20周年ブランディング / ameba-20th-branding
cyberagentdevelopers
PRO
1
300
Arborea Art Book
thebogheart
1
290
知を活かせるチームづくりとは?-MIMIGURIで実践している「全員探究」の仕組みと文化づくり-
chiemitaki
1
700
Featured
See All Featured
Practical Orchestrator
shlominoach
186
10k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
GitHub's CSS Performance
jonrohan
1030
460k
Typedesign – Prime Four
hannesfritz
40
2.4k
Git: the NoSQL Database
bkeepers
PRO
427
64k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
131
33k
Site-Speed That Sticks
csswizardry
0
28
RailsConf 2023
tenderlove
29
900
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
The Cost Of JavaScript in 2023
addyosmani
45
6.8k
Faster Mobile Websites
deanohume
305
30k
A Modern Web Designer's Workflow
chriscoyier
693
190k
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/