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
Inside Frontend #1 - AMA
Search
Yasuhisa Hasegawa
February 27, 2017
Design
3
350
Inside Frontend #1 - AMA
フロントエンドの課題を啓蒙する方法 AMA で使ったスライド
Yasuhisa Hasegawa
February 27, 2017
Tweet
Share
More Decks by Yasuhisa Hasegawa
See All by Yasuhisa Hasegawa
組織でデザインが推進できる人の思考術
yhassy
7
7.3k
なぜダメなデザインが生まれるのか
yhassy
11
15k
伝え方から考える Affinity の魅力
yhassy
3
6.4k
脱初心者のためのUIデザインの心得
yhassy
29
7.2k
あなたはどんなデザイナーになりたいですか
yhassy
22
8.5k
品質向上に繋ぐデザイン指標の作り方 v2
yhassy
8
6k
デザインを共有するための言語化の取り組み
yhassy
29
9.7k
品質向上に繋ぐデザイン指標の作り方
yhassy
25
18k
デザイナーとうまく協働する方法
yhassy
25
12k
Other Decks in Design
See All in Design
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
hiro93n
0
160
地理院地図をもっと楽しく!れきちず新機能のご紹介
hjmkth
1
150
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
280
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
tame
0
260
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
380
デザイナーがAIを使い倒して爆速プロダクト開発!社内ハッカソンでの取り組み紹介
abokadotyann
8
2.2k
「UXとUIの違い」v2
shirasu3
0
250
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
560
mento Design Team Portfolio
mento0fficial
1
850
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
hiromitsuuuuu
0
490
#Dubois Challenge 2025: Economics
ajstarks
1
180
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
_psyc0_
0
310
Featured
See All Featured
Fireside Chat
paigeccino
40
3.7k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
610
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.6k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
BBQ
matthewcrist
89
9.8k
Raft: Consensus for Rubyists
vanstee
139
7.1k
Documentation Writing (for coders)
carmenintech
75
5k
4 Signs Your Business is Dying
shpigford
185
22k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Transcript
None
ϑϩϯτΤϯυͷ՝ΛͲ͏͍͏ਓ͔Βܒ͞Εͯ·͔͢ 1 ϑϩϯτΤϯυͷ՝Λ୭͔Βܒ͍ͯ͘͠ͷ͕ྑ͍Ͱ͠ΐ͏͔ɻͷࠜతʹσβ ΠφʔͳͲׂͱҙࣝΛڞ༗͍͢͠ਓ͔Βͷํ͕Γ͍͢ؾ͠·͕͢ɺϓϩ σϡʔαʔΫϥΠΞϯτͳͲ͔Βܒͨ͠ํ͕ΠϯύΫτେ͖ͦ͏Ͱ͢ɻͦΕ ͱΉ͠Ζͦ͏͍͏ൃͰͳ͘։ൃʹؔΘΔਓશମʢνʔϜશମʣʹܒ͠ͳ͍ ͱҙຯͳ͍Ͱ͠ΐ͏͔ɻʢͰ࠷ॳʹ͋·ΓʹཧղΛࣔͯ͠Β͔͑ͬͨΒϔί ͨΕͦ͏Ͱ͢ʣ ygoto3
৫ͷେ͖͞ͰมΘΔίϛϡχέʔγϣϯͷ՝
ඇΤϯδχΞͱͷೝࣝ͋Θͤ 2 ϑϩϯτΤϯυͷ՝͍Ζ͍Ζ͋Δͱͯ͠ɺͦͷ՝ʹཱ͔ͪ͏ʹ͕࣌ؒ༧ ࢉͱͯ͠ඞཁʹͳΔͱࢥ͍·͢ɻ ඇΤϯδχΞͱ͘ʹɺϚωδϝϯτʹϑϩϯτΤϯυͷࣄʢ՝τϨϯυͳͲʣ ΛͬͯΒ͏ͨΊʹɺͲ͏͢Ε͍͍Ͱ͔͢ʁ st44100
ϏδωεدΓͷਓఏҊ͢Δ߹ ࢢ ػձ Έ
՝ ಈػ ෆ҆ Ϗδωεΰʔϧ ڝ߹ ผͷબࢶ ղܾࡦ ར༻ऀ
Λݟͯݟͯ΄͍ͬ͢͠ 3 Atomic Design Material Design ͷΑ͏ͳίϯϙʔωϯτࢦͷϝιυϩδʔ͕ Ұఆͷࢧ࣋ΛಘͯɺࡢࠓͷσβΠφʔʹҰ؏ੑͷ͋Δʮ෦ʯ࡞Γ͕ΑΓٻΊΒ ΕΔΑ͏ʹͳ͖ͬͯͨͱײ͍ͯ͡·͢ɻ
͔͠͠ͳ͕Β Atomic Design ͷΑ͏ʹখ͞ͳߏཁૉ͔ΒσβΠϯ͍ͯ͘͠Α͏ͳ ϑϩʔઌͷσΟςʔϧʹनΘΕ͘͢ɺશମͷௐΛܽ͘͜ͱ͕͋͠͠Γ ·͢ɻͲͷΑ͏ʹ͢ΕσβΠφʔ͕ʮΛݟͯΛݟͣʯঢ়ଶʹؕΒͣɺҰ؏ੑ ͷ͋ΔίϯϙʔωϯτΛ্͛Δ͜ͱ͕ग़དྷΔͰ͠ΐ͏͔ɻͬ͘͠Γ͘Δख๏ߟ ͑ํ͕͋Εڭ͍͑ͯͩ͘͞ɻ pocotan001
ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ
ެ։ޙࡉ͔ͳվળ͕ཁ͢ΔҊ݅Ͱ͔͢ʁ Ͱ͖Δਓࡐ͕͍·͔͢ʁ ಋೖΛݕ౼ ݟૹΔ NO YES YES YES 8FCαΠτΛ ʰೲʱ
ͨ͠ޙɺ मਖ਼Ͱ͖Δཱʹ͍·͔͢ʁ σβΠϯγεςϜඞཁʁ
None
None
None