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
86
study_of_ sketch
mackymakiosh
1
91
young_donuts_intro
mackymakiosh
0
120
ganbaru_lunch
mackymakiosh
1
59
Introduction to DESIGN SPRINT
mackymakiosh
1
550
Featured
See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
How STYLIGHT went responsive
nonsquared
100
5.8k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
139
34k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.4k
Mobile First: as difficult as doing things right
swwweet
224
9.9k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
For a Future-Friendly Web
brad_frost
180
9.9k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3k
Site-Speed That Sticks
csswizardry
10
810
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
131
19k
Done Done
chrislema
185
16k
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