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
creative-hunt-sekisatoko-web
Search
satokom_gallery
October 28, 2018
Design
1
2.5k
creative-hunt-sekisatoko-web
satokom_gallery
October 28, 2018
Tweet
Share
More Decks by satokom_gallery
See All by satokom_gallery
career2020_primary
sekisatoko
1
14k
地域で働くデザイナーの仕事/career_2019
sekisatoko
2
600
地域で働くデザイナーの仕事 / career_education1109
sekisatoko
5
680
明日死ぬなら山口にいたい!? 〜大阪からUターンした とあるクリエイターの話〜 / sougyou180721
sekisatoko
0
340
Other Decks in Design
See All in Design
組織はみんなでつくる。デザイナーが仕掛ける急拡大する組織のカルチャーづくり
mkasumi
0
720
【最新】マズロー安達の弟子実績(1期-6期の37人分)
maslow_akkun
0
3.2k
Portfolio 齋藤明敏 Hiroyuki Saito
crearedesign
0
120
Liquid GlassとApp Intents
touyou
0
460
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう!
connecre
1
150
mount_company_profile
mount_inc
0
2.4k
CMS管理画面のアクセシビリティ
magi1125
8
2.5k
Yumika Yamada Portfolio
yumii
0
2.1k
Goodpatch Tour💙 / We are hiring!
goodpatch
31
900k
【MIXI MEETUP!ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ!生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
mixi_design
PRO
0
160
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
2.1k
The Spectacular Lies of Maps
axbom
PRO
1
330
Featured
See All Featured
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
The Cult of Friendly URLs
andyhume
79
6.6k
Making the Leap to Tech Lead
cromwellryan
135
9.6k
Balancing Empowerment & Direction
lara
5
710
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
116
20k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
2
210
Optimising Largest Contentful Paint
csswizardry
37
3.5k
YesSQL, Process and Tooling at Scale
rocio
174
15k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.5k
Building a Scalable Design System with Sketch
lauravandoore
463
33k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Transcript
ݩɾҹձࣾۈͷΠϥετϨʔλʔ͕͓͘Δ ໌͔Β͕ͪΐͬͱָ͘͠ͳΔ ΫϦΤΠςΟϒͷىരࡎ ηΩα τί ϑϦʔϥϯεΠϥετϨʔλʔʗσβΠφʔ
͡Ί·ͯ͠ʂ
ηΩα τί ΠϥετϨʔλʔʗσβΠφʔ ɾੜ·Εɹࡀ ɾࢁޱݝԼদࢢग़ ɾͱਓΒ͠ ɾझຯɿՄѪ͍ࢴϞϊऩूɺਧָ
ॻ੶ΧόʔΠϥετ
ϦʔϑϨοτϙελʔͷΠϥετ
໊ͷ੍࡞
ΠϥετϨϙʔτ
ͳͲ ৭ʑͬͯ·͢
େֶଔۀޙɺେࡕࢢͷҹձࣾʹσβΠφʔͱͯ͠ब৬
6λʔϯޙɺࢁޱݝͷҹձࣾʹσβΠφʔͱͯ͠ब৬
ʹୀ৬ɺϑϦʔϥϯεʹ
͔͠͠
σβΠφʔͱͯ͠ಇ͖࢝Ίͨࠒ
Ͳ͏ͬͯ Γӽ͑ͨͷ͔
Ͳ͜Λͨ͠Β͍͍ͷ͔ Θ͔Βͳ͍ CASE 01 εΩϧηϯε͋Γ·ͤΜʂ
ಇ͖࢝Ί͔ͨΓͷࠒͷࢲ
͜ͷσβΠϯ ʮΞΧϯʯ ͷ࿈ଓ
ଞͷσβΠφʔ͞ΜͷͷͱൺͯΈΔͱʜ
ଞͷσβΠφʔ͞ΜͷͷͱൺͯΈΔͱʜ
ଞͷσβΠφʔ͞ΜͷͷͱൺͯΈΔͱʜ
ଞͷσβΠφʔ͞ΜͷͷͱൺͯΈΔͱʜ
ଞͷσβΠφʔ͞ΜͷͷͱൺͯΈΔͱʜ
͔֬ʹΞΧϯ w w w
͔֬ʹΞΧϯ w w w ʘ ?P? ʗ
Ͱʜ
۩ମతʹͲ͏ͨ͠Β͍͍ͷ͔͔Βͳ͍ w w w w
ͦ͜Ͱࢲ͕ ͬͨ͜ͱ
ݟΔʂ ઌഐͷ੍࡞෩ܠΛʜ
౪Ήʂ ˞͍ΖΜͳҙຯͰ ઌഐͷ੍࡞σʔλΛʜ͍ɺσʔλ͔Βʜ w w
ͦ͏͍͑ ͜Μͳ͜ͱ͋Γ·ͨ͠
Սۭͷ ʮΫϥγοΫίϯαʔτʯ ͷ "νϥγΛͭ͘Γͳ͍͞ ɾจࣈݪߘɺࣸਅૉࡐࢧڅ͢Δ ɾ˓݄˓·ͰʹϝʔϧͰఏग़ ೖࣾࢼݧͷ՝ɹɹ
ͦΜͳͷͭͬͨ͘͜ͱͳ͍
Α͠ɺάάΖ͏ ͱ͍͏͜ͱͰωοτͰݚڀʂ
ྑ͍ͱࢥ͏ͷશ෦Ϛω͢Δ
ͦͯ͠ϝʔϧͰͷ ՝ఏग़ޙ
ݺͼग़͞Εͨ
ݺͼग़͞Εͨ ʘ ?P? ʗ
None
όϨͨ
ϓϩͷ࡞ΛԿԿݟͳ ͕ΒϑΥϯτͷόϥϯεɾը૾ͷ ॲཧɾޮՌFUDݚڀ͠·ͬͯ͘ɺ ྑ͍ͱࢥ͏ͷͯ͢औΓೖΕ ͯɺϓϩͬΆ͍࡞ͭͬͯ͘ؾʹ ೖΒΕΑ͏ͱ͍͏͚ࠢͩͬͨͲ
ͦΕ͕ٯʹ ΦϦδφϦςΟͷܽΛ ট݁͘Ռʹʜ
None
͑ͬʜ
None
None
None
࣮ྗͷΘͳౕ͍΄Ͳ ʮΦϦδφϦςΟʯʹͩ͜ΘΔ
None
None
ͱʹ͔͘ݟΖˍ౪Ί w w w w ANSWER
ͱʹ͔͘ݟΖˍ౪Ί w w w w ANSWER ˞ύΫΔΜ͡Όͳ͍Α
ͬͯΈ͍ͨ͜ͱ͕͋Δͷʹ ԿͰ͖͍ͯͳ͍ CASE 02 ΔΔٗɺԿճ
લͷࢲ
ࢲੲ͔Β Γ͍ͨ͜ͱ͕ଟ͗ͨ͢
ͦͷׂʹ
ࠒͷա͝͠ํ
ΔΔٗ
͔͋͠͠Δ ༑ਓͷͻͱ͜ͱ͕ ͖͔͚ͬͰʜ
None
None
None
None
ϓϥΠ υͷߴౕ͍݁ہ ԿͤͣʹऴΘΔ͜ͱ͕ ΄ͱΜͲ
None
·ׂͩ̏͘Β͍ͰݟͤͪΌ͏
ποίϛ͕ೖΓ·͘Δ
ૉʹड͚ࢭΊΔ
࠷ऴతʹׂͷૉΒ͍͠ͷΛͭ͘Δ
ͱͯڳʹ͞Δͩͬͨ
ͦΕ͔Β ؒͳͯ͘͠ࢲʜ
ͲΜͲΜൃ৴͢ΔΑ͏ʹͨ͠
Θ͔ͬͨ͜ͱ
ൃ৴ͪ͠Ό͏ͱޙʹҾ͚ͳ͘ͳΔͷͰ ࣗવͱؤுΓ͘͢ͳͬͨ Θ͔ͬͨ͜ͱᶃɹɹ
ͨͩ಄Ͱߟ͑Δ͚ͩͳͷͱ ࣮ࡍʹߦಈͯ͠ΈΔͷͱͰશવҧͬͨ Θ͔ͬͨ͜ͱᶄɹɹ
ࠓ͙͢Ε ANSWER
ͪͳΈʹ
ࢲࢮ͵΄Ͳ͖ͬΆ͍ੑ֨
ɾϑϦʔϖʔύʔͮ͘Γ ɾίϚϒϩά ɾϋϯίͮ͘Γ ɾΦϦδφϧ෧ͮ͘Γ ɾϒϩʔνͮ͘Γ ɾΠϯελ Γ࢝Ίͨͷʹଓ͍ͯͳ͍͜ͱҰཡɹɹ
ɾϑϦʔϖʔύʔͮ͘Γ ɾίϚϒϩά ɾϋϯίͮ͘Γ ɾΦϦδφϧ෧ͮ͘Γ ɾϒϩʔνͮ͘Γ ɾΠϯελ Γ࢝Ίͨͷʹଓ͍ͯͳ͍͜ͱҰཡɹɹ BOENPSF
ڈΓ͔ͨͬͨ͜ͱ ࠓ·ͬͨ͘ Γͨ͘ͳ͘ͳ͍ͬͯͨΓ
ࠓΓ͍ͨ͜ͱ ڈ·Ͱ·ͬͨ͘ ಄ʹͳ͔ͬͨ͜ͱͩͬͨΓ ڈΓ͔ͨͬͨ͜ͱ ࠓ·ͬͨ͘ Γͨ͘ͳ͘ͳ͍ͬͯͨΓ
զͳ͕Β͏Μ͟Γʜ
͔͋͠͠Δ ઌഐͷͻͱ͜ͱ͕ ͖͔͚ͬͰʜ
None
None
͔ͦͬ
ଓ͔ͳ͍͍ͯ͘ ANSWER
Γ࢝Ί͔ͨΒʹ ଓ͚ͳ͖Όʜ ͏·͘Βͳ͖Όʜ ͱ͔ࢥ͏ͱԿͰ͖ͳ͍
ࠓ͙͢Ε ʢຊճʣ ANSWER
͜Μͳ͖ ͬΆ͍ࢲɺ पΓ͔Β Ͳ͏ݟ͑ͯΔ͔ͱ͍͏ͱʜ
None
Α͔͘ΒΜ͚Ͳ Կ͔͍Ζ͍ΖͬͯΔ ָ͍ͭͦ͠͏ͳౕ
͓͔͛Ͱ ʢʁʣ
None
͍ΖΜͳ͓Λ ͍͚ͨͩΔΑ͏ʹ
Πϥετ͖͚ͩͲɺσβΠϯ͖ʂ ͳͷͰσβΠφʔͷ൘ԼΖ͍ͯ͠ͳ͍
͖ͳ͜ͱΛ ଟछଟ༷ʹ͜ͳͤΔ ͖ͬΆ͍ࢲʹ ͜ͷಇ͖ํͱͯ߹͍ͬͯΔ
Γ͍ͨ͜ͱ ҰͭʹߜΒͳ͘ ͍͍ͯ ANSWER
͖ͳͣͷࣄ͕ ָ͘͠ͳ͍ CASE 03 ΜͰब͍ͨͣͳͷʹʜ
σβΠφʔʹͳΔલͷΠϝʔδɹɹ
࣮ࡍɹɹ
ֶੜͷࠒԿΛͭ͘Δͷָ͔ͬͨ͠ͷʹʜ
ࣄͱͯ͠ͷσβΠϯ͓͕ۚൃੜ͢Δ͠ ͓٬͞ΜͷཁʹԠ͑ΒΕͳ͚Ε͍͚ͳ͍
ࣄͱͯ͠ͷσβΠϯ͓͕ۚൃੜ͢Δ͠ ͓٬͞ΜͷཁʹԠ͑ΒΕͳ͚Ε͍͚ͳ͍
ࣄͱͯ͠ͷσβΠϯ͓͕ۚൃੜ͢Δ͠ ͓٬͞ΜͷཁʹԠ͑ΒΕͳ͚Ε͍͚ͳ͍
ࣄͱͯ͠ͷσβΠϯ͓͕ۚൃੜ͢Δ͠ ͓٬͞ΜͷཁʹԠ͑ΒΕͳ͚Ε͍͚ͳ͍
ࣄͱͯ͠ͷσβΠϯ͓͕ۚൃੜ͢Δ͠ ͓٬͞ΜͷཁʹԠ͑ΒΕͳ͚Ε͍͚ͳ͍
ࣄͱͯ͠ͷσβΠϯ͓͕ۚൃੜ͢Δ͠ ͓٬͞ΜͷཁʹԠ͑ΒΕͳ͚Ε͍͚ͳ͍
ͳָͥ͘͠ͳ͔ͬͨͷ͔ɹɹ ཁʹ͔ܰʹԠ͑ΒΕͳ͔͔ͬͨΒ
None
None
None
None
ɾ༰ʹ͍ͭͯௐΔ ɾ͓٬͞ΜͷཁΛৄ͘͠ώΞϦϯά ɾྑ͍σβΠϯ ʢࢀߟࢿྉʣ ΛݟΔ ɾྑ͍ૉࡐΛ୳͢ ɾྑ͍ͱࢥ͏ํ๏ͰͬͯΈΔ ݴΘΕͨ͜ͱʹͦͷ w w
w w ɹશྗͰԠ͑Α͏ͱؤுͬͨɹɹɹɹɹ
ɾ༰ʹ͍ͭͯௐΔ ɾ͓٬͞ΜͷཁΛৄ͘͠ώΞϦϯά ɾྑ͍σβΠϯ ʢࢀߟࢿྉʣ ΛݟΔ ɾྑ͍ૉࡐΛ୳͢ ɾྑ͍ͱࢥ͏ํ๏ͰͬͯΈΔ ݴΘΕͨ͜ͱʹͦͷ w w
w w ɹશྗͰԠ͑Α͏ͱؤுͬͨɹɹɹɹɹ গͣͭ͠εΩϧΛ্͍͛ͯͬͨ
ࠓʜ
None
None
None
None
ʠͲ͏͢Εྑ͍͔ʡ ͕͔ΔΑ͏ʹͳͬͨ εΩϧ্͕͕ͬͨ͜ͱͰ
ࣄΛָ͍͍ͯͯ͠͠ͱ͖ɹɹ ͓٬͞Μͷཁʹ࠷దͳܗ ʢࣗͷ੍࡞ʣ Ͱ Ԡ͑ΒΕͨͱ͖͕Ұ൪ָ͍͠͠ɺخ͍͠ʂ
ʠͰ͖Δ͜ͱʡ ͕૿͑Ε ΫϦΤΠςΟ ϒͳࣄ ͬͱָ͘͠ͳΔ ANSWER ௐΔˍͬͯΈΔΛίπίπ܁Γฦͯ͠
͜΅Ε
σβΠϯ͕ࢥ͏Α͏ʹͰ͖ͳͯ͘ ຖౖΒΕ͔ͯΓͰ ͱʹָ͔͘͘͠ͳ͗ͯ͢͞ ৗʹ ʮσβΠφʔࣙΊ͍ͨʯ ͱ ࢥ͍ͬͯͨࠒͷ
None
None
None
͔͋͠͠Δ ઌഐͷͻͱ͜ͱ͕ ͖͔͚ͬͰʜ
None
None
None
ؤுΒͳͯ͑͑͘ΜͰ
͔ͦͬ
ؤுΒͳ͍͍ͯ͘Μͩ
ࢲͷ߹ɹɹ
ʮؤுΒͳͯ͘ྑ͍ʯ ͱࢥ͏͜ͱͰ ݁ՌతʹؤுΕͨ
ͭΒ͍ͱ͖ ؤுΒͳ͍͍ͯ͘ ANSWER
ࢲࣗ ϑϦʔϥϯεʹͳͬͨࠓ
ؤுΕͳ͍ͱ͖ແཧ͠ͳ͍
ݩؾͳͱָ͖͘͠
͘Β͍ͷͭΓͰ ͬͯ·͢
·ͱΊ
ɾͱʹ͔͘ݟΖˍ౪Ί Ͳ͜Λͨ͠Β͍͍͔͔Βͳ͍ εΩϧηϯεΛຏ͘ʹ ɾࠓ͙͢Ε ɾଓ͔ͳ͍͍ͯ͘ ɾΓ͍ͨ͜ͱҰͭʹߜΒͳ͍͍ͯ͘ ΔΔٗଔۀͬͯΈ͍ͨ͜ͱ͕͋Δਓ ɾௐΔˍͬͯΈΔΛίπίπ܁Γฦͯ͠ ʠͰ͖Δ͜ͱʡ
Λ૿͢ ɾͰ͖Δ͜ͱ͕૿͑ΕΫϦΤΠςΟϒͳࣄͬͱָ͘͠ͳΔ ɾͰͭΒ͍ͱ͖ؤுΒͳ͍ ͖ͳͣͷࣄָ͕͘͠ͳ͍
͋Γ͕ͱ͏͍͟͝·ͨ͠