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
640
Backlogのイロハ・ やさしい使い方(基本編)
wattlaa
0
1.1k
ヘルシーなウェブ制作を支える必修時短ツール
wattlaa
0
430
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
ブランドパーソナリティ言語化における生成AI活用の実際
h0sa
0
280
デフォルトの16:9(960*540px)のケース / Google Slide Size Test
arthur1
0
3.4k
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
660
Cyber Heart Online Book
hjnasby
0
180
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
550
freee + Product Design FY25Q4
freee
4
16k
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
3.4k
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
4.6k
ランドマークが光る!季節を彩るナビ体験 - Mobility Night #3 -
kitau
0
120
デザイナー向けフライル説明資料
toshiblues
0
130
CursorでAI活用のナレッジベースを構築する
kanzaki
0
680
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
transit_kix
1
1.1k
Featured
See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.7k
Reflections from 52 weeks, 52 projects
jeffersonlam
352
21k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Scaling GitHub
holman
463
140k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.9k
How to Think Like a Performance Engineer
csswizardry
26
1.9k
GitHub's CSS Performance
jonrohan
1032
460k
A Tale of Four Properties
chriscoyier
160
23k
Building an army of robots
kneath
306
46k
Music & Morning Musume
bryan
46
6.8k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
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!