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
570
企画に煮詰まった時のアイデア発想のヒント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
650
Backlogのイロハ・ やさしい使い方(基本編)
wattlaa
0
1.1k
ヘルシーなウェブ制作を支える必修時短ツール
wattlaa
0
440
SNSで向き合おう!SNSマネージャー 認定試験初級を受けてみた話~待島編
wattlaa
1
410
やさしいBacklogの使い方
wattlaa
2
1.4k
時短&ストレス軽減!サイト制作・発注のコツ
wattlaa
0
210
クライアント提案 はじめの一歩
wattlaa
1
350
良いデザインのためのマインドセットの作り方
wattlaa
4
2.1k
クリエイティブに自信を持つ! 前向きサイトプランニング
wattlaa
1
340
Other Decks in Design
See All in Design
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
2.6k
#Dubois Challenge 2025: Economics
ajstarks
1
180
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
4.6k
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
460
mento Design Team Portfolio
mento0fficial
1
850
BPStudy#213〜ビジネスアナリシスとDDD(ドメイン駆動設計)パネルディスカッション資料 / BPStudy213-panel
haru860
0
490
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
6
2.7k
Goodpatch Tour💙 / We are hiring!
goodpatch
31
890k
デザイナーがAIを使い倒して爆速プロダクト開発!社内ハッカソンでの取り組み紹介
abokadotyann
8
2.2k
企画を動かすデザイナーの思考!「広げて絞る」アプローチ。
hikidakan
0
180
第4回関東Kaggler会LT HCD-Net人間中心設計スペシャリストが語るNotebookメダルの取り方
utm529f
0
1.2k
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
akatsuki174
1
240
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1371
200k
BBQ
matthewcrist
89
9.8k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
61k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
19
1.2k
How STYLIGHT went responsive
nonsquared
100
5.8k
Six Lessons from altMBA
skipperchong
28
4k
KATA
mclloyd
32
15k
Typedesign – Prime Four
hannesfritz
42
2.8k
Learning to Love Humans: Emotional Interface Design
aarron
274
40k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
The Straight Up "How To Draw Better" Workshop
denniskardys
237
140k
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!