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
880
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
180
UI for everyday's cooking
tikeda
38
17k
Sass for everyday's cooking
tikeda
21
1.8k
Web Fonts with Web Design
tikeda
6
6.2k
Other Decks in Design
See All in Design
デザイナーの帽子をかぶったわたしが、プロダクト開発するうえでスクラムチームに提供したいこと / what I want to provide to Scrum teams when developing products
hiromitsuuuuu
14
4.9k
ユーザーのためなら 『デザイン』 以外にも手を伸ばせる
navitimejapan
PRO
2
750
noteのアクセシビリティ これまでのプロダクト・組織へのアプローチとこれからのこと
tatsuyasawanobori
1
1k
Apple提供アプリのナビゲーションバーアイテムクイズ / 20231110-hig
uhooi
2
170
TrollsTopia: Funtography- Part 1
kenijam
1
210
Backlogのイロハ・ やさしい使い方(基本編)
wattlaa
0
320
非デザイナーのフロントエンドエンジニアがOOUIを考える
yud0uhu
8
3.8k
デザイナー採用 3社目で学び中のこと / Learnings of Designer Recruitment | Yasuhiro Yokota
yasuhiroyokota
1
230
BtoB SaaS Design Conference 登壇資料 Cloudbase LT
narizuka
0
490
共創のための地域基盤としての非公式組織の形成 / Informal community as an infrastructure for co-creation
fumiyaakasaka
2
220
リリース1ヶ月後で機能をなくした話
hinofu
1
700
あらゆる場面でデザインを駆使するための技術 / Techniques for Applying Design in Any Situation
akiramotomura
4
2.2k
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1356
200k
The Art of Programming - Codeland 2020
erikaheidi
42
12k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
2
3.4k
Teambox: Starting and Learning
jrom
128
8.4k
A Philosophy of Restraint
colly
197
16k
Done Done
chrislema
178
15k
Code Reviewing Like a Champion
maltzj
514
39k
Build your cross-platform service in a week with App Engine
jlugia
225
17k
Designing Experiences People Love
moore
136
23k
What's in a price? How to price your products and services
michaelherold
237
11k
Fireside Chat
paigeccino
21
2.6k
How GitHub Uses GitHub to Build GitHub
holman
468
290k
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/