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
930
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
デザイナーのお仕事(UI/UX GRAPHIC GROUP)
mirrativ
0
210
本当に欲しかったのはモノレポツールではなく、tsconfigの設定だった / monorepo-tsconfig
rdlabo
1
100
実践ゼロから作らないデザインシステム SaaS × デザインシステム × プロダクトデザイン / Efficient Design System for SaaS—no need to start from scratch.
kaminashi
2
1.3k
Hybrid NW Infra Design Review: Classic Pattern including Outposts & Route 53 Profile
ichichi
2
580
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
3.4k
マルチプロダクトにおけるデザイナーの挑戦-デザイン初め新年会2025
u_ri_ta
2
180
共通言語としてのデザイントークンと Figmaでの運用
kamy0042
0
320
富山デザイン勉強会_デザイントレンド2025.pdf
keita_yoshikawa
0
230
The Very Small Creatures - dressing up warm sequence
lizziestoryboards
0
290
RAKSUL_DESIGN_DECK_20250319
raksulrecruiting
0
120
もうひとつのアーキテクチャ #kichijojipm
kondoyuko
0
210
The Golden Whitney
ohtristanart
PRO
0
140
Featured
See All Featured
Why Our Code Smells
bkeepers
PRO
336
57k
Bash Introduction
62gerente
611
210k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
13
660
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
30k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Practical Orchestrator
shlominoach
186
10k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
227
22k
Music & Morning Musume
bryan
47
6.5k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Done Done
chrislema
183
16k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
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/