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
580
企画に煮詰まった時のアイデア発想のヒント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
660
Backlogのイロハ・ やさしい使い方(基本編)
wattlaa
0
1.1k
ヘルシーなウェブ制作を支える必修時短ツール
wattlaa
0
440
SNSで向き合おう!SNSマネージャー 認定試験初級を受けてみた話~待島編
wattlaa
1
420
やさしい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
Yahoo!フリマ:生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
lycorptech_jp
PRO
0
520
「自分の仕事はどこまで?」と問い続けたら。デザイナーの「視座」を考える
mukai_takeru
0
210
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
hiromitsuuuuu
1
830
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
crearedesign
0
350
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
takanorip
0
650
【Designship 2025|10.11】デザイン組織と事業貢献、その挑戦と結果。
payatsusan213
1
700
文字コントラストを改めて考える / Reevaluating Text Contrast
lycorptech_jp
PRO
0
590
CMS管理画面のアクセシビリティ
magi1125
8
2.5k
【MIXI MEETUP!ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏:デザイナーが語るプロダクト誕生秘話
mixi_design
PRO
0
150
Character Experience AI 〜 AIキャラクターのつくりかた 〜
smartbank
1
380
組織はみんなでつくる。デザイナーが仕掛ける急拡大する組織のカルチャーづくり
mkasumi
0
620
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
bengo4com
1
1.3k
Featured
See All Featured
Writing Fast Ruby
sferik
630
62k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
Agile that works and the tools we love
rasmusluckow
331
21k
Designing for humans not robots
tammielis
254
26k
Fireside Chat
paigeccino
41
3.7k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
37
2.6k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
The World Runs on Bad Software
bkeepers
PRO
72
11k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
10
620
Raft: Consensus for Rubyists
vanstee
140
7.2k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.7k
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!