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
51
invision
mackymakiosh
0
110
BEM
mackymakiosh
0
130
hooked_on_slack
mackymakiosh
2
1.2k
design_sprint_makuake
mackymakiosh
0
87
study_of_ sketch
mackymakiosh
1
92
young_donuts_intro
mackymakiosh
0
130
ganbaru_lunch
mackymakiosh
1
59
Introduction to DESIGN SPRINT
mackymakiosh
1
550
Featured
See All Featured
Site-Speed That Sticks
csswizardry
10
820
GraphQLの誤解/rethinking-graphql
sonatard
72
11k
Raft: Consensus for Rubyists
vanstee
140
7.1k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.1k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Unsuck your backbone
ammeep
671
58k
Reflections from 52 weeks, 52 projects
jeffersonlam
352
21k
Speed Design
sergeychernyshev
32
1.1k
For a Future-Friendly Web
brad_frost
180
9.9k
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