Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
creative-hunt-sekisatoko-web
Search
satokom_gallery
October 28, 2018
Design
2.6k
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
creative-hunt-sekisatoko-web
satokom_gallery
October 28, 2018
More Decks by satokom_gallery
See All by satokom_gallery
career2020_primary
sekisatoko
1
15k
地域で働くデザイナーの仕事/career_2019
sekisatoko
2
610
地域で働くデザイナーの仕事 / career_education1109
sekisatoko
5
690
明日死ぬなら山口にいたい!? 〜大阪からUターンした とあるクリエイターの話〜 / sougyou180721
sekisatoko
0
350
Other Decks in Design
See All in Design
TOPOSTOPOS
shoheyey
0
190
PAMPHLET.pdf
mhand01
0
1.8k
少人数チームで_使われるプロダクトにたどり着くための_デザインハーネス.pdf
nishame
1
1.5k
Bet AI Day 2026丨デザインハーネス:専門職の判断基準をコードのように運用する
layerx
PRO
4
4.4k
root COMPANY DECK / We are hiring!
root_recruit
4
30k
Accelerating performance improvement based on a software review evaluation matrix
kitanosirokuma
0
300
いいUIとは?初心者向けに事例をもとにUIデザインを分解
yuichi_hara7
13
6.4k
エンジニアがAI活用してスライドデザインできる世界が来たよ!
kaikou
1
480
明日から真似できる、AIでデザインシステムを活用する方法
vivion
0
650
Claudeもくもく会、はじめませんか?
yusukeiyoda
0
220
クリエイティブディレクター 両角 高寛 の自己紹介
morogyro
0
170
Design dependencies
teba_eleven
0
170
Featured
See All Featured
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
1
740
Rebuilding a faster, lazier Slack
samanthasiow
85
9.6k
Being A Developer After 40
akosma
91
590k
Between Models and Reality
mayunak
4
460
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
Stop Working from a Prison Cell
hatefulcrawdad
274
21k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
232
55k
Reflections from 52 weeks, 52 projects
jeffersonlam
356
21k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
890
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
460
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.6k
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
ࢲࣗ ϑϦʔϥϯεʹͳͬͨࠓ
ؤுΕͳ͍ͱ͖ແཧ͠ͳ͍
ݩؾͳͱָ͖͘͠
͘Β͍ͷͭΓͰ ͬͯ·͢
·ͱΊ
ɾͱʹ͔͘ݟΖˍ౪Ί Ͳ͜Λͨ͠Β͍͍͔͔Βͳ͍ εΩϧηϯεΛຏ͘ʹ ɾࠓ͙͢Ε ɾଓ͔ͳ͍͍ͯ͘ ɾΓ͍ͨ͜ͱҰͭʹߜΒͳ͍͍ͯ͘ ΔΔٗଔۀͬͯΈ͍ͨ͜ͱ͕͋Δਓ ɾௐΔˍͬͯΈΔΛίπίπ܁Γฦͯ͠ ʠͰ͖Δ͜ͱʡ
Λ૿͢ ɾͰ͖Δ͜ͱ͕૿͑ΕΫϦΤΠςΟϒͳࣄͬͱָ͘͠ͳΔ ɾͰͭΒ͍ͱ͖ؤுΒͳ͍ ͖ͳͣͷࣄָ͕͘͠ͳ͍
͋Γ͕ͱ͏͍͟͝·ͨ͠