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
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
730
maki setoguchi
maki_setoguchi
0
250
組織はみんなでつくる。デザイナーが仕掛ける急拡大する組織のカルチャーづくり
mkasumi
0
380
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
500
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
510
ブランドパーソナリティ言語化における生成AI活用の実際
h0sa
0
320
街・都市という眼差し。まちづくりにおける規範と実践
sakamon
0
160
1年目デザイナーが実践する、チーム貢献のための2つのアプローチ
kinomidesign
0
120
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
580
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
190
Portfolio 齋藤明敏 Hiroyuki Saito
crearedesign
0
110
「UXとUIの違い」v2
shirasu3
0
250
Featured
See All Featured
Faster Mobile Websites
deanohume
310
31k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
870
Practical Orchestrator
shlominoach
190
11k
Embracing the Ebb and Flow
colly
88
4.8k
Docker and Python
trallard
46
3.6k
The Power of CSS Pseudo Elements
geoffreycrofte
79
6k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Typedesign – Prime Four
hannesfritz
42
2.8k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Context Engineering - Making Every Token Count
addyosmani
6
260
Building a Scalable Design System with Sketch
lauravandoore
463
33k
For a Future-Friendly Web
brad_frost
180
10k
Transcript
None
ϑϩϯτΤϯυͷ՝ΛͲ͏͍͏ਓ͔Βܒ͞Εͯ·͔͢ 1 ϑϩϯτΤϯυͷ՝Λ୭͔Βܒ͍ͯ͘͠ͷ͕ྑ͍Ͱ͠ΐ͏͔ɻͷࠜతʹσβ ΠφʔͳͲׂͱҙࣝΛڞ༗͍͢͠ਓ͔Βͷํ͕Γ͍͢ؾ͠·͕͢ɺϓϩ σϡʔαʔΫϥΠΞϯτͳͲ͔Βܒͨ͠ํ͕ΠϯύΫτେ͖ͦ͏Ͱ͢ɻͦΕ ͱΉ͠Ζͦ͏͍͏ൃͰͳ͘։ൃʹؔΘΔਓશମʢνʔϜશମʣʹܒ͠ͳ͍ ͱҙຯͳ͍Ͱ͠ΐ͏͔ɻʢͰ࠷ॳʹ͋·ΓʹཧղΛࣔͯ͠Β͔͑ͬͨΒϔί ͨΕͦ͏Ͱ͢ʣ ygoto3
৫ͷେ͖͞ͰมΘΔίϛϡχέʔγϣϯͷ՝
ඇΤϯδχΞͱͷೝࣝ͋Θͤ 2 ϑϩϯτΤϯυͷ՝͍Ζ͍Ζ͋Δͱͯ͠ɺͦͷ՝ʹཱ͔ͪ͏ʹ͕࣌ؒ༧ ࢉͱͯ͠ඞཁʹͳΔͱࢥ͍·͢ɻ ඇΤϯδχΞͱ͘ʹɺϚωδϝϯτʹϑϩϯτΤϯυͷࣄʢ՝τϨϯυͳͲʣ ΛͬͯΒ͏ͨΊʹɺͲ͏͢Ε͍͍Ͱ͔͢ʁ st44100
ϏδωεدΓͷਓఏҊ͢Δ߹ ࢢ ػձ Έ
՝ ಈػ ෆ҆ Ϗδωεΰʔϧ ڝ߹ ผͷબࢶ ղܾࡦ ར༻ऀ
Λݟͯݟͯ΄͍ͬ͢͠ 3 Atomic Design Material Design ͷΑ͏ͳίϯϙʔωϯτࢦͷϝιυϩδʔ͕ Ұఆͷࢧ࣋ΛಘͯɺࡢࠓͷσβΠφʔʹҰ؏ੑͷ͋Δʮ෦ʯ࡞Γ͕ΑΓٻΊΒ ΕΔΑ͏ʹͳ͖ͬͯͨͱײ͍ͯ͡·͢ɻ
͔͠͠ͳ͕Β Atomic Design ͷΑ͏ʹখ͞ͳߏཁૉ͔ΒσβΠϯ͍ͯ͘͠Α͏ͳ ϑϩʔઌͷσΟςʔϧʹनΘΕ͘͢ɺશମͷௐΛܽ͘͜ͱ͕͋͠͠Γ ·͢ɻͲͷΑ͏ʹ͢ΕσβΠφʔ͕ʮΛݟͯΛݟͣʯঢ়ଶʹؕΒͣɺҰ؏ੑ ͷ͋ΔίϯϙʔωϯτΛ্͛Δ͜ͱ͕ग़དྷΔͰ͠ΐ͏͔ɻͬ͘͠Γ͘Δख๏ߟ ͑ํ͕͋Εڭ͍͑ͯͩ͘͞ɻ pocotan001
ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ
ެ։ޙࡉ͔ͳվળ͕ཁ͢ΔҊ݅Ͱ͔͢ʁ Ͱ͖Δਓࡐ͕͍·͔͢ʁ ಋೖΛݕ౼ ݟૹΔ NO YES YES YES 8FCαΠτΛ ʰೲʱ
ͨ͠ޙɺ मਖ਼Ͱ͖Δཱʹ͍·͔͢ʁ σβΠϯγεςϜඞཁʁ
None
None
None