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
Workshop Vol.2 Presentation Slide
Search
offto
February 17, 2020
0
440
Workshop Vol.2 Presentation Slide
offto
February 17, 2020
Tweet
Share
More Decks by offto
See All by offto
Mt'Dock NOZAWA
offto
0
250
Workshop Vol.2 Output
offto
0
420
Workshop Vol.1 Presentation Slide
offto
0
800
Workshop Vol.1 Output
offto
0
750
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
463
34k
The #1 spot is gone: here's how to win anyway
tamaranovitovic
2
920
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
1
290
A Guide to Academic Writing Using Generative AI - A Workshop
ks91
PRO
0
190
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.3k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
konakalab
0
350
[SF Ruby Conf 2025] Rails X
palkan
0
740
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.7k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
From π to Pie charts
rasagy
0
120
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
160
Un-Boring Meetings
codingconduct
0
200
Transcript
ΞτυΞͷະདྷΛ ߟ͑ΔϫʔΫγϣοϓ BU.",*5",* 'BDJMJUBUFECZ5IFP⒎UP5FBN Vol.2
ຊͷΰʔϧ ʙޙͷΩϟϯϓɾεϊʔɾαʔϑΟϯͷΞτυΞγʔ ϯΛΓग़͢ɾαʔϏεɺίϛϡχςΟࢪࡦɺΠϕϯτ ͷΞΠσΞ͕Ҋఔग़͞Ε͍ͯΔɻ 2
ຊͷΞδΣϯμ ΠϯτϩμΫγϣϯ ϫʔΫ⁞ɿγʔϯͷਂງٞ ϫʔΫ ɿγʔϯͷબൈ ϫʔΫɿΞΠσΞग़ શମڞ༗ͱථ ϥοϓΞοϓ 3
લճͷΰʔϧ ʙޙͷΩϟϯϓɾεϊʔɾαʔϑΟϯͷΞτυΞγʔ ϯ͕Ҋఔग़͍ͯΔ ʙޙͷΩϟϯϓɾεϊʔɾαʔϑΟϯͷΞτυΞγʔ ϯͷதͰਂງ͍ٞͨ͠ͷ͕ಛఆ͞Ε͍ͯΔ 4
ಇ͖ํ ॅ·͍ ཱྀߦ ڭҭ ٕज़ UPQJD UPQJD UPQJD UPQJD UPQJD
ϚΫϩτϨϯυ Ωϟϯϓ 5 εϊʔ αʔϑΟϯ UPQJD
ϫʔΫ⁞ ੈͷதͷϚΫϩτϨϯυͷհɾٞ
ϫʔΫ ΩϟϯϓɾεϊʔɾαʔϑΟϯͷ ॏཁɾτϐοΫͷڞ༗ͱՃ
ϫʔΫ ʙޙͷΞτυΞγʔϯͷग़
Ռ
ຊͷΞδΣϯμ ΠϯτϩμΫγϣϯ ϫʔΫ⁞ɿγʔϯͷਂງٞ ϫʔΫ ɿγʔϯͷબൈ ϫʔΫɿΞΠσΞग़ શମڞ༗ͱථ ϥοϓΞοϓ 10
ΩϟϯϓɾεϊʔɾαʔϑΟϯͷ ͭͷάϧʔϓʹ͔ΕΑ͏ 11
γʔϯͷਂງٞ นʹషΒΕ֤ͨγʔϯʹ͍ͭͯɺҎԼͷ؍Ͱ۩ମతʹٞ ͠Α͏ʂ wͦͷγʔϯͷ໘ന͞ʗಛԿͩΖ͏ʁ wͦͷγʔϯʹͲΜͳਓ͕͍ΔͩΖ͏ʁ wͦͷγʔϯʹ͍ΔਓͲΜͳχʔζɾ՝Λ๊͍͑ͯΔͩΖ͏ʁ wͦͷγʔϯ͕ੈͷதʹ·ͬͨͱ͖ʹͲΜͳ͜ͱ͕ى͜ΔͩΖ͏ʁ ϙ δɾωΨͷ྆ํͷࢹͰߟ͑Δ 12
ࠓΞτυΞ͕ Β Εͯ ͍ ͳ ͍ ࣌ؒʹΞτυ ΞΛ͢Δ ขࢠ
҆શ໘ͷ֬อ Ͳ͏͍ͯ͠ΔΜͩ Ζ͏ʁ ҉ͯ͘ݟ͑ͳ͍ ˠਓʹͿͭ ͔Δ͔͠Εͳ ͍ ַ ւే ۭ͍͍ͯΔ࣌ؒ ʹΞτυΞΛ ָ͠ΊΔ ขࢠ ۭΛָ͠Έͳ ͕ Β α ʔ ϑΟ ϯ Ͱ͖Δ ขࢠ ຖ ि Γ ͢Δ Α ͏ ͳ α ʔ ϑΝʔ ؒʹ૽͙ਓ͕ ૿ ͑ͯ ʹ ͳ Γͦ͏ ҉ͯ͘ݟ͑ͳ͍ ˠʹΕͳ͍ ొ
ઈܠΛݟͳ͕Β ඒຯ͍͠ͷΛ ৯Δ ขࢠ ΰϛ͕૿͑ͦ͏ ਲ͍ͬ٬͕૿ ͑ͯ ո զ
ʹ ܨ ͕ Δ͔ ַ ւే ΔͨΊ͡Όͳ ͯ͘ ɺ ৯ Δ ͨ Ίʹઇࢁʹߦ͘ ขࢠ ఱવྫྷଂݿͰྫྷ ͠ ͨ Ϗʔ ϧ ͕ ҿΊΔ ઇෆͰ͓٬ ͞ΜΛݺͼࠐΊ Δ ϨετϥϯΦʔ φʔ ७ਮʹΓ͍ͨ ਓͱͷτϥϒϧ͕ ൃੜͦ͠͏ ַ
ಉ྅༑ਓͱͷ ί ϛ ϡ χ έ ʔ γϣϯʹർΕͨ ਓ͕ߦ͖ͦ͏ ขࢠ
୭ʹձ͍ͨ͘ ͳ ͍ ͚ Ͳɺ ҆ શ ͳॴͰΩϟϯ ϓ͍ͨ͠ ग़ ձ ͍ త Ͱ Ωϟϯϓʹߦ͘ ַ ւే ಘҙͷΩϟϯϓ εΩϧΛ൸࿐͠ ͍ͨ ขࢠ ιϩΩϟϯϓͷ ϋʔυϧ͕Լ͕ Δ
ݸਓϫʔΫ ˣ άϧʔϓͰڞ༗ 16
γʔϯͷਂງٞ นʹషΒΕ֤ͨγʔϯʹ͍ͭͯɺҎԼͷ؍Ͱ۩ମతʹٞ ͠Α͏ʂ wͦͷγʔϯͷ໘ന͍ʗಛతͳԿͩΖ͏ʁ wͦͷγʔϯʹͲΜͳਓ͕͍ΔͩΖ͏ʁ wͦͷγʔϯʹ͍ΔਓͲΜͳχʔζɾ՝Λ๊͍͑ͯΔͩΖ͏ʁ wͦͷγʔϯ͕ੈͷதʹ·ͬͨͱ͖ʹͲΜͳ͜ͱ͕ى͜ΔͩΖ͏ʁ ϙ δɾωΨͷ྆ํͷࢹͰߟ͑Δ 17
γʔϯͷબൈ ҎԼͷ؍Ͱγʔϯʹථ͢Δɻ֤؍ʹථʗਓɻ w՝ɾχʔζ͕ڧ͍ ৭γʔϧ wࣾձతʗܦࡁతΠϯύΫτ͕େ͖͍ ৭γʔϧ 18
γʔϯͷਂງٞ݁Ռͷશମڞ༗ ࠷ಘථͷγʔϯ͚ͩ 19
ຊͷΞδΣϯμ ΠϯτϩμΫγϣϯ ϫʔΫ⁞ɿγʔϯͷਂງٞ ϫʔΫ ɿγʔϯͷબൈ ϫʔΫɿΞΠσΞग़ શମڞ༗ͱථ ϥοϓΞοϓ 20
21 ΞΠσΞൃʹʮൃࢄʯͱʮऩଋʯͷͭͷϑΣʔζ͕͋Δ ൃࢄ ऩଋ
22 લճͱࠓճͰճൃࢄɾऩଋΛ͍ͯ͠Δ γʔϯͷൃࢄ ʢલճʣ γʔϯͷऩଋ ʢࠓͷલʣ ΞΠσΞͷൃࢄ ʢࠓ͔Βʣ ΞΠσΞͷऩଋ ʢ࣍ճʁʣ
ࠓ͜͜ʂ
23 ͜Ε͔Βͷ࣌ؒΞΠσΞΛग़͠·͘Δ࣌ؒʂ γʔϯͷൃࢄ ʢલճʣ γʔϯͷऩଋ ʢࠓͷલʣ ΞΠσΞͷൃࢄ ʢࠓ͔Βʣ ΞΠσΞͷऩଋ ʢ࣍ճʁʣ
ࠓ͜͜ʂ
ΞΠσΞग़ ʙޙͷΩϟϯϓɾεϊʔɾαʔϑΟϯͷΞτυΞγʔ ϯΛΓग़͢ΞΠσΞΛग़͢Δ ΞΠσΞͱɺαʔϏεɺίϛϡχςΟࢪࡦɺΠϕϯ τ ਂງٞͨ͠γʔϯͷ՝ɾχʔζΛղܾ͢ΔΞΠσΞ͔ʁ ਂງٞͨ͠γʔϯͷ໘ന͞ʗಛΛ͞ΒʹߴΊΔΞΠσ Ξ͔ʁ 24
ࠓΞτυΞ͕ Β Εͯ ͍ ͳ ͍ ࣌ؒʹΞτυ ΞΛ͢Δ ขࢠ
҆શ໘ͷ֬อ Ͳ͏͍ͯ͠ΔΜͩ Ζ͏ʁ ҉ͯ͘ݟ͑ͳ͍ ˠਓʹͿͭ ͔Δ͔͠Εͳ ͍ ַ ւే ۭ͍͍ͯΔ࣌ؒ ʹΞτυΞΛ ָ͠ΊΔ ขࢠ ۭΛָ͠Έͳ ͕ Β α ʔ ϑΟ ϯ Ͱ͖Δ ขࢠ ຖ ि Γ ͢Δ Α ͏ ͳ α ʔ ϑΝʔ ؒʹ૽͙ਓ͕ ૿ ͑ͯ ʹ ͳ Γͦ͏ ҉ͯ͘ݟ͑ͳ͍ ˠʹΕͳ͍ ొ
ྫ͑ 26
-t " ' ' ,, ,,,, \J., I I )J
'- .... I "' - - , - , - - ... - , - ,, ,,,,, -
')c)- -t "T IJ .... \J. .... ' . >J
' "~ I L u ,,, IJ II V '-II -,- 4 . ). I
·ͣҰͭߟ͑ͯΈ·͠ΐ͏ 29
ΞΠσΞͷථ ҎԼͷ؍Ͱγʔϯʹථ͢Δɻ֤؍ʹථʗਓɻ w৽نੑɿ͜Ε·Ͱݟͨ͜ͱɺฉ͍ͨ͜ͱͳ͍ ❤ w࣮ݱՄೳੑɿޙʹ࣮ݱͰ͖͍ͯͦ͏ 30