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
600
1
Share
企画に煮詰まった時のアイデア発想のヒント10
SaCSS vol.110:LT特集
2020年1月25日(土)
https://connpass.com/event/160091/
待島 亘
January 25, 2020
More Decks by 待島 亘
See All by 待島 亘
ウェブディレクターを救うBacklog
wattlaa
0
720
Backlogのイロハ・ やさしい使い方(基本編)
wattlaa
0
1.3k
ヘルシーなウェブ制作を支える必修時短ツール
wattlaa
0
470
SNSで向き合おう!SNSマネージャー 認定試験初級を受けてみた話~待島編
wattlaa
1
450
やさしいBacklogの使い方
wattlaa
2
1.6k
時短&ストレス軽減!サイト制作・発注のコツ
wattlaa
0
230
クライアント提案 はじめの一歩
wattlaa
1
380
良いデザインのためのマインドセットの作り方
wattlaa
4
2.1k
クリエイティブに自信を持つ! 前向きサイトプランニング
wattlaa
1
350
Other Decks in Design
See All in Design
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
yamamotoyuta
2
780
アンエシカルデザインの枠組みの提案 -HCD-Netダークパターン研究会活動報告-
securecat
1
650
図じゃなく言語で描く - Common Ground for Design AI Operations.
kazukiikeda
2
820
コムデマネージャーがプロダクトデザインに挑戦した。むずかしくて楽しかった。
payatsusan213
0
290
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
nbkouhou
2
330
爆速開発でAIプロダクトが40万インプレッションになった話
tsubura
0
250
Build for the Web, Build on the Web, Build With the Web
csswizardry
0
360
デザイナーとエンジニアで 同じ山に登ろう
moco1013
0
220
再設計される業務 - AIにより再設計される "デザインワークフロー" / AI Ops Lab #2 Redesigned orkflows
kgsi
0
500
Tendências de UX Research 2026
videlvequio
0
100
タイル紹介サイト「タイルだもんで」
calpin
0
130
Connpass-Xperia_Camera_App_by_HCD.pdf
sony
1
610
Featured
See All Featured
Building AI with AI
inesmontani
PRO
1
960
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
62k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
170
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.2k
How to build an LLM SEO readiness audit: a practical framework
nmsamuel
1
730
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
Side Projects
sachag
455
43k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
1k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
3
120
Between Models and Reality
mayunak
3
280
Amusing Abliteration
ianozsvald
1
160
Large-scale JavaScript Application Architecture
addyosmani
515
110k
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!