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
企画に煮詰まった時のアイデア発想のヒント10
Search
待島 亘
January 25, 2020
Design
1
560
企画に煮詰まった時のアイデア発想のヒント10
SaCSS vol.110:LT特集
2020年1月25日(土)
https://connpass.com/event/160091/
待島 亘
January 25, 2020
Tweet
Share
More Decks by 待島 亘
See All by 待島 亘
ウェブディレクターを救うBacklog
wattlaa
0
610
Backlogのイロハ・ やさしい使い方(基本編)
wattlaa
0
1k
ヘルシーなウェブ制作を支える必修時短ツール
wattlaa
0
430
SNSで向き合おう!SNSマネージャー 認定試験初級を受けてみた話~待島編
wattlaa
1
410
やさしいBacklogの使い方
wattlaa
2
1.4k
時短&ストレス軽減!サイト制作・発注のコツ
wattlaa
0
200
クライアント提案 はじめの一歩
wattlaa
1
340
良いデザインのためのマインドセットの作り方
wattlaa
4
2.1k
クリエイティブに自信を持つ! 前向きサイトプランニング
wattlaa
1
340
Other Decks in Design
See All in Design
Saudade typeface
tiagoporto
0
330
freee + Product Design FY25Q4
freee
4
15k
新しいデザインの難しさ(公開版) / Difficulties in the New Design (public ver.)
usagimaru
1
770
株式会社Muture_ソーシャル推進事業
muture
PRO
0
110
Liquid Iron
mcduckyart
1
120
Designing User Experience through Interaction Design
lycorptech_jp
PRO
0
290
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.4k
#Dubois Challenge 2025: Economics
ajstarks
0
140
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.7k
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
340
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
6
1.7k
共通認識のためのユーザビリティテスト by AIエージェント - Accelerating Value Delivery
gakuoya
1
690
Featured
See All Featured
KATA
mclloyd
30
14k
Visualization
eitanlees
146
16k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
110
19k
Automating Front-end Workflow
addyosmani
1370
200k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
For a Future-Friendly Web
brad_frost
179
9.8k
Code Reviewing Like a Champion
maltzj
524
40k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
Art, The Web, and Tiny UX
lynnandtonic
301
21k
Transcript
اըʹࣽ٧·ͬͨ࣌ͷ ΞΠσΞൃͷώϯτ10 SaCSS vol.110 LTಛूɹౡ 2 0 2 0 .
0 1 . 2 5 @ ࡳ ຈ ࢢ ຽ ϗ ʔ ϧ ɹ ୈ 1 ձ ٞ ࣨ Wataru Machishima
2 ౡ ɹ·ͪ͠· ΘͨΔ גࣜձࣾGear8 ΣϒσΟϨΫλʔ ΣϒαΠτͷλʔήοτతɺ͑Δ͖ ίϯςϯπͳͲɺϫʔΫγϣοϓΛ௨ͯ͠Ϋϥ ΠΞϯτͱҰॹʹߦ͏اըઃܭ͕ಘҙɻ λεΫཧTodoist+Backlogɻ
ࣗݾհ
Q. ΞΠσΞͱʁ 3
A. 4 طଘͷཁૉͷ৽͍͠Έ߹Θͤ ɹ “
A. 5 طଘͷཁૉͷ৽͍͠Έ߹Θͤ Ҏ֎ͷԿͰͳ͍ɻ δΣʔϜζɾΣϒɾϠϯά ʮΞΠσΞͷͭ͘Γํʯ “
Q. ৽͍͠Έ߹ΘͤΛ ੜΈग़ͨ͢Ίʹඞཁͳͷ ͱʁ 6
A. 7 ࠽ೳ Ͱ͢ɻ δΣʔϜζɾWɾϠϯά “
8 δΣʔϜζɾɾɾ ٧Έ Ͱ͢ɻ
A. 9 ٕज़ʹΑͬͯ ΞΠσΟΞΛ࡞Γग़͢ೳྗ ߴΊΔ͜ͱ͕Ͱ͖Δɻ
10 ࣍ INDEX 1.Χϥʔόε 2.ͪΐ͍ϝϞ 3.ϑΥτϦʔσΟϯά 4.ΞΠσΞεέον 5.Ϛϯμϥʔτ 6.ϚΠϯυϚοϓ 7.ϒϨΠϯετʔϛϯά
8.Googleͷܙ 9.Pinterestͷܙ 10._
Χϥʔόε • ͩ͘Βͳ͔ͬͨΓҙຯෆ໌ͩͬͨΓ͢Δ͕ɺͯ͢ड͚ೖΕΔ • ΞΠσΞʹྑ͠ѱ͠ͳ͘ɺԿͰΞϦͳͷͰɺԿ͕ώϯτʹ ͳΔ͔Θ͔Βͳ͍ • ·֦ͣ͛ͯɺߜΔͷͦͷޙ 11 Ұݟؔͷͳ͍ใΛɺ৭ΛཋͼΔΑ͏ʹΞΠςϜͱͯ͠
ूΊΔɻΓޱ৭ɺܗঢ়ɺҐஔɺԻɺॴͳͲɻ ͢ΔΛߜΔ͜ͱͰɺू·ͬͨΞΠςϜΛ݁ͼ͚ͭͯ ΞΠσΞʹ͢Δɻ
ͪΐ͍ϝϞ • ;ͤΜͰཪࢴͰͳΜͰOK • ϊʔτͳΒܩઢͷͳ͍ͷʹϑϦʔϋϯυͰ • ͋ͱ͔Βݟ͔ͭΒͳͯ͘ྑ͍ͷͰඳ͘ 12 खΛಈ͔ͯ͠ඳ͘ɻ಄ͷதʹ͋ΔͷΛ֎ʹग़͢͜ͱͰɺ ݴ༿ʹͳ͍ͬͯͳ͍ͷΛݴ༿ʹܗͮ͘ΔεςοϓͰهԱ
ʹఆண͢Δɻֆ͖ͷϝϞɺશମ૾ͷѲΛՄೳʹ͢Δ ͷͰͳ͓ޮՌతɻ
ϑΥτϦʔσΟϯά • ʮࣗʹͱͬͯඞཁͳใΛ୳͢ʯͱ͍͏ҙࣝͰຊʹ͍͔ ͚ΔΑ͏ʹԿΞΫηε͢Δ • ʮ͋ͷຊͷ͋ͦ͜ʹ͜Μͳ͜ͱ͕ॻ͍ͯ͋ͬͨͳʯͱࢥ͍ग़ ͤΔΑ͏ʹͳΔɻ • ϕϯνϚʔΫαΠτ୳͠ʹޮՌత 13
ຊɾࡶࢽ͔ΒใΛಘΔͨΊͷಡͷख๏ɻ ४උ→༧श→ϑΥτϦʔσΟϯά →׆ੑԽ→ߴϦʔσΟϯάͷ5εςοϓɻ
ΞΠσΞεέον • 1ຕʹෳͷΞΠσΞॻ͔ͳ͍ • ॻ͔͘ॻ͔ͳ͍͔໎ͬͨΒɺॻ͘ 14 ࢥ͍͍ͭͨͷΛɺλΠτϧʴ͔ΜͨΜͳֆʴߦͷิ Ͱ1ΞΠσΞ1ຕͷࢴʹॻ͘ɻ
Ϛϯμϥʔτ • Կ͕PR্ͷϙΠϯτʹͳΔ͔ʁͲ͜ΛσβΠϯͰཱͨͤΔ ͖͔ʁͳͲ͑͘Δ • ͥΜͿΛຒΊΔ͜ͱ͕తͰͳ͍ͷͰɺྑ͍ϫʔυ͕ग़͖ͯ ͨΒɺ͙͢ʹͦͷΩʔϫʔυ͔Β֦͛ͯྑ͍ • ͨͩ͠ɺͲΕ͕1൪ྑ͍͔ͷஅɺΩʔϫʔυ͕ग़͔ͬͯ ΒΔɻ
15 3×3ͷ9ϚεͷਅΜதʹओΛॻ͖ࠐΜͰɺ͔ͦ͜Βؔ࿈͢ ΔϫʔυΛൃ͠ɺΓͷ8ϚεʹຒΊ͍ͯ͘ɻ8ϚεΛ͞ Βʹ্Լࠨӈʹల։ͨ͠9ϚεͷਅΜதʹஔ͖ɺॻ͖ࠐΉɻ
ϚΠϯυϚοϓ • ϚϯμϥʔτͷΑ͏ʹϑΥʔϚοτʹͯΊͯߟ͑Δͷ͕ ۤखͳ߹ɺϑϦʔϋϯυͰϚΠϯυϚοϓΛඳ͘ͷ͕͓͢ ͢Ίɻ 16 த৺ʹओΛॻ͖ग़͠ɺ͔ͦ͜Β্ԼࠨӈʹൃΛ֦͛ͯ ॻ͖ग़͍ͯ͘͠ɻ
ϒϨΠϯετʔϛϯά • ଞਓͷൃݴΛ൷͠ͳ͍ • ࣗ༝ຉ์ͳൃݴΛܴ͢ΔɻເޠͰྑ͍ • ࣭ΑΓྔΛٻΊΔ • ଞਓͷΞΠσΟΞʹศ͢Δ •
ଞऀͷࢹΛ౪Ή • ڝ૪ײ֮ΛΕͳ͍ • ΈΜͳ͕༙͘΄ͲͷΞΠσΞͷ”ྔ”Λ࣋ͬͯྟΉ 17 ෳ໊Ͱू·Γɺϧʔϧʹج͍ͮͯಛఆͷࣄฑʹ͍ͭͯҙ ݟΛग़͠߹͏ɻҰਓ͚ͩͰ౸ୡͰ͖ͳ͍ΞΠσΞʹͭͳ ͕Δɻ
GOOGLEͷܙ • ݕࡧ্Ґ10ҐͷαΠτΛݟΔ • ظͨ݁͠Ռ͕ग़ͳ͍࣌ΦʔτίϯϓϦʔτΛݟΔ • ؔ࿈͢ΔݕࡧΩʔϫʔυΛݟΔ • ΩʔϫʔυʴଞࢢΛݕࡧ͠ɺ্Ґ10ҐΛݟΔ •
ը૾ݕࡧ͢Δ 18 GoogleݕࡧͰใΛूΊΔɻΣϒαΠτͷྲྀೖʹ͓͍ ͯ࠷ଟ͍νϟωϧͷ1ͭɻ
PINTERESTͷܙ • ूΊͨͷϘʔυʹ͢ • ϘʔυΛڞ༗͠߹͏ 19 αʔϏε໊ɺදݱ͍ͨ͠ͷɺ৭ɺܗଶͰݕࡧͯ͠ ͲΜͲΜΫϦοΫͯ͠Πϝʔδͷ͍ۙͷ͍͍ۙͮͯ ͘ɻͦͷଞͷख๏ͷൃʹͭͳ͕ΔώϯτʹͳΔɻ
གྷΔେࠪઢͷܙ • ΈΜͳΘ͔͍ͬͯΔ͚ͲɺΒͳ͍ • ֗தɾӺɾۭߓɾΓɾӺνΧɾඦ՟ళɾϦαΠΫϧγϣο ϓɾҿ৯ళɾɾɾར༻ऀ͕͍Δॴʹߦ͘ • ͍ͭͱҟͳΔಓΛา͘ • ৯Δɾങ͏ɾࢹௌ͢ΔɾͬͯΈΔɾ࣮ͰൺΔ
20 ࣄ݅ձٞࣨͰ͓̺ɾɾ
ΞΠσΞग़͠ਚͤ͘Δ͗Γ͗Γ·Ͱग़͢ɻ ࣗͰՄೳੑΛ൱ఆͤͣʹɺ ·ͣॻ͖ग़͢ɾඳ͖ग़͢ɻ 21 ·ͱΊ
ख๏શ෦͏ඞཁͳ͍ɻ ࣗʹ߹͏ͷΛݟ͚͍ͭͯ͢ɻ ΞΠσΞͷൃࢄͱऩଋผʑʹΔɻ 22 ·ͱΊ
ΞΠσΞΛग़͠ɺߟ͑ਚ͘͢ͱ ఏҊʹࣗ৴͕ੜ·ΕΔɻ 23 ·ͱΊ
Γਚͨ͘͠Βɺ ࣗΛ΄Ίͯ͋͛·͠ΐ͏ʂ 24
REFERENCE 25 • ΞΠσΞͷͭ͘ΓํɹδΣʔϜε W.Ϡϯά (ஶ), ۉ (ղઆ), ࠓҪ
ໜ༤ (༁) • ߟ۩ɹՃ౻ ণ࣏ (ஶ)
͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ Wataru Machishima HTTPS://WWW.FACEBOOK.COM/MACHISHIMA @WATTLAA HTTPS://NOTE.MU/WATTLAA FOLLOW ME!