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
340
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.2k
なぜダメなデザインが生まれるのか
yhassy
11
15k
伝え方から考える Affinity の魅力
yhassy
3
6.4k
脱初心者のためのUIデザインの心得
yhassy
29
7.2k
あなたはどんなデザイナーになりたいですか
yhassy
22
8.4k
品質向上に繋ぐデザイン指標の作り方 v2
yhassy
8
6k
デザインを共有するための言語化の取り組み
yhassy
29
9.7k
品質向上に繋ぐデザイン指標の作り方
yhassy
25
18k
デザイナーとうまく協働する方法
yhassy
25
12k
Other Decks in Design
See All in Design
Design Studio Deck | インクルーシブデザインスタジオCULUUM
culumu
3
3.3k
文字コントラストを改めて考える / Reevaluating Text Contrast
lycorptech_jp
PRO
0
470
mento Design Team Portfolio
mento0fficial
0
560
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
140
Yahoo!フリマ:生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
lycorptech_jp
PRO
0
410
Bulletproof Design System with TypeScript
takanorip
6
3.9k
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
transit_kix
1
1.1k
地理院地図をもっと楽しく!れきちず新機能のご紹介
hjmkth
1
110
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
400
AIで加速するアクセシビリティのこれから
magi1125
3
640
decksh object reference
ajstarks
2
1.3k
デザイナー向けフライル説明資料
toshiblues
0
110
Featured
See All Featured
Java REST API Framework Comparison - PWX 2021
mraible
33
8.8k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
50
5.5k
Automating Front-end Workflow
addyosmani
1370
200k
Designing Experiences People Love
moore
142
24k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
31
2.2k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Agile that works and the tools we love
rasmusluckow
329
21k
Imperfection Machines: The Place of Print at Facebook
scottboms
268
13k
Gamification - CAS2011
davidbonilla
81
5.4k
Git: the NoSQL Database
bkeepers
PRO
431
65k
Documentation Writing (for coders)
carmenintech
73
5k
We Have a Design System, Now What?
morganepeng
53
7.7k
Transcript
None
ϑϩϯτΤϯυͷ՝ΛͲ͏͍͏ਓ͔Βܒ͞Εͯ·͔͢ 1 ϑϩϯτΤϯυͷ՝Λ୭͔Βܒ͍ͯ͘͠ͷ͕ྑ͍Ͱ͠ΐ͏͔ɻͷࠜతʹσβ ΠφʔͳͲׂͱҙࣝΛڞ༗͍͢͠ਓ͔Βͷํ͕Γ͍͢ؾ͠·͕͢ɺϓϩ σϡʔαʔΫϥΠΞϯτͳͲ͔Βܒͨ͠ํ͕ΠϯύΫτେ͖ͦ͏Ͱ͢ɻͦΕ ͱΉ͠Ζͦ͏͍͏ൃͰͳ͘։ൃʹؔΘΔਓશମʢνʔϜશମʣʹܒ͠ͳ͍ ͱҙຯͳ͍Ͱ͠ΐ͏͔ɻʢͰ࠷ॳʹ͋·ΓʹཧղΛࣔͯ͠Β͔͑ͬͨΒϔί ͨΕͦ͏Ͱ͢ʣ ygoto3
৫ͷେ͖͞ͰมΘΔίϛϡχέʔγϣϯͷ՝
ඇΤϯδχΞͱͷೝࣝ͋Θͤ 2 ϑϩϯτΤϯυͷ՝͍Ζ͍Ζ͋Δͱͯ͠ɺͦͷ՝ʹཱ͔ͪ͏ʹ͕࣌ؒ༧ ࢉͱͯ͠ඞཁʹͳΔͱࢥ͍·͢ɻ ඇΤϯδχΞͱ͘ʹɺϚωδϝϯτʹϑϩϯτΤϯυͷࣄʢ՝τϨϯυͳͲʣ ΛͬͯΒ͏ͨΊʹɺͲ͏͢Ε͍͍Ͱ͔͢ʁ st44100
ϏδωεدΓͷਓఏҊ͢Δ߹ ࢢ ػձ Έ
՝ ಈػ ෆ҆ Ϗδωεΰʔϧ ڝ߹ ผͷબࢶ ղܾࡦ ར༻ऀ
Λݟͯݟͯ΄͍ͬ͢͠ 3 Atomic Design Material Design ͷΑ͏ͳίϯϙʔωϯτࢦͷϝιυϩδʔ͕ Ұఆͷࢧ࣋ΛಘͯɺࡢࠓͷσβΠφʔʹҰ؏ੑͷ͋Δʮ෦ʯ࡞Γ͕ΑΓٻΊΒ ΕΔΑ͏ʹͳ͖ͬͯͨͱײ͍ͯ͡·͢ɻ
͔͠͠ͳ͕Β Atomic Design ͷΑ͏ʹখ͞ͳߏཁૉ͔ΒσβΠϯ͍ͯ͘͠Α͏ͳ ϑϩʔઌͷσΟςʔϧʹनΘΕ͘͢ɺશମͷௐΛܽ͘͜ͱ͕͋͠͠Γ ·͢ɻͲͷΑ͏ʹ͢ΕσβΠφʔ͕ʮΛݟͯΛݟͣʯঢ়ଶʹؕΒͣɺҰ؏ੑ ͷ͋ΔίϯϙʔωϯτΛ্͛Δ͜ͱ͕ग़དྷΔͰ͠ΐ͏͔ɻͬ͘͠Γ͘Δख๏ߟ ͑ํ͕͋Εڭ͍͑ͯͩ͘͞ɻ pocotan001
ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ
ެ։ޙࡉ͔ͳվળ͕ཁ͢ΔҊ݅Ͱ͔͢ʁ Ͱ͖Δਓࡐ͕͍·͔͢ʁ ಋೖΛݕ౼ ݟૹΔ NO YES YES YES 8FCαΠτΛ ʰೲʱ
ͨ͠ޙɺ मਖ਼Ͱ͖Δཱʹ͍·͔͢ʁ σβΠϯγεςϜඞཁʁ
None
None
None