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
ux_husai
Search
mackymakiosh
June 27, 2017
0
3.8k
ux_husai
mackymakiosh
June 27, 2017
Tweet
Share
More Decks by mackymakiosh
See All by mackymakiosh
liabilities_of_ux
mackymakiosh
0
49
invision
mackymakiosh
0
110
BEM
mackymakiosh
0
130
hooked_on_slack
mackymakiosh
2
1.2k
design_sprint_makuake
mackymakiosh
0
83
study_of_ sketch
mackymakiosh
1
88
young_donuts_intro
mackymakiosh
0
120
ganbaru_lunch
mackymakiosh
1
56
Introduction to DESIGN SPRINT
mackymakiosh
1
540
Featured
See All Featured
Being A Developer After 40
akosma
90
590k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
20k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
510
Automating Front-end Workflow
addyosmani
1370
200k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Navigating Team Friction
lara
187
15k
Unsuck your backbone
ammeep
671
58k
Transcript
Makino Shu 6.20. ʹ ཱ ͪ ͔ ͏ ɻ
MAKUAKE UI DESIGNER MAKINO SHU
Makino Shu 6.20. M A K I N O S
H U MAKUAKE UI DESIGNER MAKINO SHU ࣗ ݾ հ 6 * σ β Π ϯ ༷ ࡞ ϑ ϩ ϯ τ σ β Π φ ʔ
ٕ ज़ త ෛ ࠴
6 9 ٕ ज़ త ෛ ࠴
6 9 త ෛ ࠴ ׆ ಈ Ϩ ϙ ʔ
τ ϖ ʔ δ
׆ ಈ Ϩ ϙ ʔ τ ϖ ʔ δ Ϧ
χ ϡ ʔ Ξ ϧ 6 9 ෛ ࠴ ղ ফ ͷ ࣄ ྫ ҙ ࣝ ͠ ͨ ͜ ͱ
Makino Shu 6.20. ࣮ ߦ ऀ ࢧ ԉ ऀ ࢧ
ԉ ཉ ͠ ͍ ʂ ࢧ ԉ ͢ Δ ͔ Β ࡞ ͬ ͯ ʂ ߴ Ի ࣭ ͳ Π Ϡ ϗ ϯ Λ ࡞ Γ · ͢
Makino Shu 6.20. ͏ ؒ ແ ͘ ൃ
ૹ Ͱ ͖ · ͢ ʂ ϓ ϩ τ λ Π ϓ ͕ ͠ · ͠ ͨ ʂ ࣮ ߦ ऀ 1 3 0 + & $ 5 ͷ ਐ ใ ࠂ ػ ೳ ׆ ಈ Ϩ ϙ ʔ τ ˣ
Makino Shu 6.20.
Makino Shu 6.20.
Makino Shu ׆ ಈ Ϩ ϙ ʔ τ ͷ Ϗ
δ ω ε త ॏ ཁ ੑ ׆ Ϩ ϙ ϝ ʔ ϧ ௨ ճ ༡ ߪ ೖ Ϣ ʔ β ʔ ݺ ͼ ͠
Makino Shu 6.20. ׆ ಈ Ϩ ϙ ʔ τ ϖ
ʔ δ Ϧ χ ϡ ʔ Ξ ϧ
׆ Ϩ ϙ Ϧ
χ ϡ ʔ Ξ ϧ લ
ෛ ࠴ ̍ ׆ ಈ Ϩ ϙ
ʔ τ ͱ Ԡ ԉ ί ϝ ϯ τ ͕ ಉ ͡ λ ϒ ʹ Γ ্ ͕ Γ Θ Δ ͷ ͷ ɺ ɺ
ෛ ࠴ ̍ ׆ ಈ Ϩ ϙ
ʔ τ ͱ Ԡ ԉ ί ϝ ϯ τ ͕ ಉ ͡ λ ϒ ʹ Ͳ Ε ͕ ׆ ಈ Ϩ ϙ ʔ τ ͳ ͷ ͔ Θ ͔ Β ͳ ͍
Α Γ ಡ Έ ʹ ద ͠ ͨ ݟ
ͨ ʹ Ͱ ͖ Δ ʁ Ϟ ʔ μ ϧ ల ։ ʹ ϫ ϯ Ϋ Ϧ ο Ϋ ඞ ཁ ෛ ࠴ ࢧ ԉ ऀ ͷ Ԡ ԉ ί ϝ ϯ τ ͱ ಉ ͡ ݟ ͨ
ෛ ࠴ ͕ ੜ · Ε ͨ ܦ Ң ϩ
ʔ ϯ ν ؒ ۙ Ͱ Ϧ Ϧ ʔ ε Λ ٸ ͍ Ͱ ͍ ͨ ϩ ʔ ϯ ν લ Ͳ ͷ Α ͏ ͳ ί ϯ ς ϯ π ͕ དྷ Δ ͔ Θ ͔ Β ͳ ͍ ํ ͳ ͍ ! ί ϛ ϡ χ ς Ο ػ ೳ Ϧ Ϧ ʔ ε ͠ ͳ ͍ ͱ Ͳ ͷ Α ͏ ͳ ߘ ͕ ͘ Δ ͔ Θ ͔ Β ͳ ͍
Makino Shu 6.20. վ ળ
Makino Shu 6.20. ࣄ લ Ϧ α ʔ ν ˔
ί ϯ ς ϯ π จ ࣈ ͕ ͘ ಡ Έ จ ࣈ ʮ ൃ ૹ ͷ ͓ Β ͤ ʯ ˓ ˓ ൃ ૹ ͷ ͓ Β ͤ ˓ ˓ ˔ λ Π τ ϧ Λ ࣗ લ Ͱ ͭ ͚ ͯ ͍ Δ ਓ ͕ ଟ ͍
Makino Shu 6.20. վ ળ λ ϒ ͷ
அ ί ϯ ς ϯ π Λ ݟ ͢ ͘ ͢ Δ ࣮ ߦ ऀ ࢧ ԉ ऀ
Makino Shu 6.20. վ ળ ߘ 6
* Λ # - 0 ( د Γ ʹ . 0 % " - Λ ։ ͘ Ξ Ϋ γ ϣ ϯ Λ ݮ Β ͠ ɺ ू த ͠ ͯ ಡ Έ ͢ ͘ ʜ ͬ ͱ ݟ Δ
Makino Shu 6.20. վ ળ ߘ ʹ
λ Π τ ϧ Λ Ճ ΄ ΅ શ һ ͕ ͏ ػ ೳ ʹ ͳ Γ · ͠ ͨ
Makino Shu 6.20. վ ળ ߘ Լ
෦ ʹ ί ϝ ϯ τ ཝ Γ ্ ͕ Γ ײ Λ ͠ ͯ ί ϛ ϡ χ έ ʔ γ ϣ ϯ ͠ ͢ ͘
Makino Shu 6.20. ϕ ʔ ε ' B D
F C P P L ͷ 6 * େ ن ϓ ϥ ο τ ϑ Υ ʔ Ϝ ͷ ܗ ࣜ ʹ ଇ ͬ ͨ ํ ͕ Ϣ ʔ β ʔ ʹ ཧ ղ ͞ Ε ͢ ͍
6.20. R e a c t + R e d
u x % 0 . ૢ ࡞ ଟ ͢ ͗ ঢ় ଶ ཧ ͳ ʹ ͦ Ε ͓ ͍ ͠ ͍ ͷ ʁ ι ʔ ε ͷ Խ K 2 V F S Z ͭ Β ͍
Makino Shu 6.20. վ ળ ϑ ϩ ʔ ᶃ ՝
ɾ χ ʔ ζ Ѳ ᶄ ࢪ ࡦ ʹ མ ͱ ͠ ࠐ Έ ͢ Ͱ ʹ ಈ ͍ ͯ ͍ Δ ػ ೳ ͩ ͬ ͨ ͷ Ͱ ɺ Ϣ ʔ β ʔ ͷ ߘ Λ ؍ ͠ ͨ
Makino Shu 6.20. ෛ ࠴ ղ ফ Ͱ ࣄ લ
४ උ େ ࣄ ࣄ લ ४ උ ͳ ͠ ͩ ͱ · ͨ ෛ ࠴ Λ ੜ Μ Ͱ ͠ · ͏ ͔ ɺ ɺ
Makino Shu 6.20. 5 ) " / , :0
6