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.1k
なぜダメなデザインが生まれるのか
yhassy
11
15k
伝え方から考える Affinity の魅力
yhassy
3
6.3k
脱初心者のためのUIデザインの心得
yhassy
29
7.1k
あなたはどんなデザイナーになりたいですか
yhassy
22
8.3k
品質向上に繋ぐデザイン指標の作り方 v2
yhassy
8
5.9k
デザインを共有するための言語化の取り組み
yhassy
29
9.6k
品質向上に繋ぐデザイン指標の作り方
yhassy
25
18k
デザイナーとうまく協働する方法
yhassy
25
12k
Other Decks in Design
See All in Design
なぜ今必要?Figma×SmartHR×DMM.com×一休 エンジニア視点で考えるデザインシステム
hilokifigma
0
710
1年目のクリエイターがつくりあげた!採用冊子CANVAS制作の裏側 / creator-canvas
cyberagentdevelopers
PRO
1
580
共通言語としてのデザイントークンと Figmaでの運用
kamy0042
0
310
Social Anxiety
ksmith2024
0
160
マルチプロダクトにおけるデザイナーの挑戦-デザイン初め新年会2025
u_ri_ta
2
170
NAHO SHIMONO_Portfolio2025
nahohphp
0
330
Les petites aventures de CSS, saison 2025
goetter
3
4k
プロダクトデザインの「守破離」の「破」について
hayashirine
0
320
20250129_DAST28_実空間にデジタル資源の接点をデザインする
majimasachi
0
280
Masked shaman-Storyboard 2025
ashley0521
0
230
藤本佳子・ポートフォリオ・2025/01
yoshi_designer
0
4.4k
LayerX DesignersDeck
layerx
PRO
0
6.5k
Featured
See All Featured
The Language of Interfaces
destraynor
157
24k
Product Roadmaps are Hard
iamctodd
PRO
52
11k
How STYLIGHT went responsive
nonsquared
99
5.4k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.4k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
12
610
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
31
4.7k
Code Review Best Practice
trishagee
67
18k
Gamification - CAS2011
davidbonilla
81
5.2k
Designing for humans not robots
tammielis
250
25k
Reflections from 52 weeks, 52 projects
jeffersonlam
349
20k
Adopting Sorbet at Scale
ufuk
75
9.3k
Java REST API Framework Comparison - PWX 2021
mraible
29
8.5k
Transcript
None
ϑϩϯτΤϯυͷ՝ΛͲ͏͍͏ਓ͔Βܒ͞Εͯ·͔͢ 1 ϑϩϯτΤϯυͷ՝Λ୭͔Βܒ͍ͯ͘͠ͷ͕ྑ͍Ͱ͠ΐ͏͔ɻͷࠜతʹσβ ΠφʔͳͲׂͱҙࣝΛڞ༗͍͢͠ਓ͔Βͷํ͕Γ͍͢ؾ͠·͕͢ɺϓϩ σϡʔαʔΫϥΠΞϯτͳͲ͔Βܒͨ͠ํ͕ΠϯύΫτେ͖ͦ͏Ͱ͢ɻͦΕ ͱΉ͠Ζͦ͏͍͏ൃͰͳ͘։ൃʹؔΘΔਓશମʢνʔϜશମʣʹܒ͠ͳ͍ ͱҙຯͳ͍Ͱ͠ΐ͏͔ɻʢͰ࠷ॳʹ͋·ΓʹཧղΛࣔͯ͠Β͔͑ͬͨΒϔί ͨΕͦ͏Ͱ͢ʣ ygoto3
৫ͷେ͖͞ͰมΘΔίϛϡχέʔγϣϯͷ՝
ඇΤϯδχΞͱͷೝࣝ͋Θͤ 2 ϑϩϯτΤϯυͷ՝͍Ζ͍Ζ͋Δͱͯ͠ɺͦͷ՝ʹཱ͔ͪ͏ʹ͕࣌ؒ༧ ࢉͱͯ͠ඞཁʹͳΔͱࢥ͍·͢ɻ ඇΤϯδχΞͱ͘ʹɺϚωδϝϯτʹϑϩϯτΤϯυͷࣄʢ՝τϨϯυͳͲʣ ΛͬͯΒ͏ͨΊʹɺͲ͏͢Ε͍͍Ͱ͔͢ʁ st44100
ϏδωεدΓͷਓఏҊ͢Δ߹ ࢢ ػձ Έ
՝ ಈػ ෆ҆ Ϗδωεΰʔϧ ڝ߹ ผͷબࢶ ղܾࡦ ར༻ऀ
Λݟͯݟͯ΄͍ͬ͢͠ 3 Atomic Design Material Design ͷΑ͏ͳίϯϙʔωϯτࢦͷϝιυϩδʔ͕ Ұఆͷࢧ࣋ΛಘͯɺࡢࠓͷσβΠφʔʹҰ؏ੑͷ͋Δʮ෦ʯ࡞Γ͕ΑΓٻΊΒ ΕΔΑ͏ʹͳ͖ͬͯͨͱײ͍ͯ͡·͢ɻ
͔͠͠ͳ͕Β Atomic Design ͷΑ͏ʹখ͞ͳߏཁૉ͔ΒσβΠϯ͍ͯ͘͠Α͏ͳ ϑϩʔઌͷσΟςʔϧʹनΘΕ͘͢ɺશମͷௐΛܽ͘͜ͱ͕͋͠͠Γ ·͢ɻͲͷΑ͏ʹ͢ΕσβΠφʔ͕ʮΛݟͯΛݟͣʯঢ়ଶʹؕΒͣɺҰ؏ੑ ͷ͋ΔίϯϙʔωϯτΛ্͛Δ͜ͱ͕ग़དྷΔͰ͠ΐ͏͔ɻͬ͘͠Γ͘Δख๏ߟ ͑ํ͕͋Εڭ͍͑ͯͩ͘͞ɻ pocotan001
ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ
ެ։ޙࡉ͔ͳվળ͕ཁ͢ΔҊ݅Ͱ͔͢ʁ Ͱ͖Δਓࡐ͕͍·͔͢ʁ ಋೖΛݕ౼ ݟૹΔ NO YES YES YES 8FCαΠτΛ ʰೲʱ
ͨ͠ޙɺ मਖ਼Ͱ͖Δཱʹ͍·͔͢ʁ σβΠϯγεςϜඞཁʁ
None
None
None