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.6k
品質向上に繋ぐデザイン指標の作り方
yhassy
25
18k
デザイナーとうまく協働する方法
yhassy
25
12k
Other Decks in Design
See All in Design
AI動画生成ガチャ紹介
piyo7
1
160
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
ashapiro
0
330
Storyboard Honey
rocioparronrubio
0
300
生成AIを活用した組み込みSW設計書検索システム開発
licux
7
1.3k
CursorでAI活用のナレッジベースを構築する
kanzaki
0
140
portfolio_YumiYasuda
yum0418
0
310
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
1.9k
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
lycorptech_jp
PRO
0
460
DC Style Redesign
mcduckyart
0
140
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
190
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
bebe
0
680
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
t2yamaguchi429
0
590
Featured
See All Featured
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
Documentation Writing (for coders)
carmenintech
72
4.9k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
Designing Experiences People Love
moore
142
24k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Thoughts on Productivity
jonyablonski
69
4.8k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.5k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
Transcript
None
ϑϩϯτΤϯυͷ՝ΛͲ͏͍͏ਓ͔Βܒ͞Εͯ·͔͢ 1 ϑϩϯτΤϯυͷ՝Λ୭͔Βܒ͍ͯ͘͠ͷ͕ྑ͍Ͱ͠ΐ͏͔ɻͷࠜతʹσβ ΠφʔͳͲׂͱҙࣝΛڞ༗͍͢͠ਓ͔Βͷํ͕Γ͍͢ؾ͠·͕͢ɺϓϩ σϡʔαʔΫϥΠΞϯτͳͲ͔Βܒͨ͠ํ͕ΠϯύΫτେ͖ͦ͏Ͱ͢ɻͦΕ ͱΉ͠Ζͦ͏͍͏ൃͰͳ͘։ൃʹؔΘΔਓશମʢνʔϜશମʣʹܒ͠ͳ͍ ͱҙຯͳ͍Ͱ͠ΐ͏͔ɻʢͰ࠷ॳʹ͋·ΓʹཧղΛࣔͯ͠Β͔͑ͬͨΒϔί ͨΕͦ͏Ͱ͢ʣ ygoto3
৫ͷେ͖͞ͰมΘΔίϛϡχέʔγϣϯͷ՝
ඇΤϯδχΞͱͷೝࣝ͋Θͤ 2 ϑϩϯτΤϯυͷ՝͍Ζ͍Ζ͋Δͱͯ͠ɺͦͷ՝ʹཱ͔ͪ͏ʹ͕࣌ؒ༧ ࢉͱͯ͠ඞཁʹͳΔͱࢥ͍·͢ɻ ඇΤϯδχΞͱ͘ʹɺϚωδϝϯτʹϑϩϯτΤϯυͷࣄʢ՝τϨϯυͳͲʣ ΛͬͯΒ͏ͨΊʹɺͲ͏͢Ε͍͍Ͱ͔͢ʁ st44100
ϏδωεدΓͷਓఏҊ͢Δ߹ ࢢ ػձ Έ
՝ ಈػ ෆ҆ Ϗδωεΰʔϧ ڝ߹ ผͷબࢶ ղܾࡦ ར༻ऀ
Λݟͯݟͯ΄͍ͬ͢͠ 3 Atomic Design Material Design ͷΑ͏ͳίϯϙʔωϯτࢦͷϝιυϩδʔ͕ Ұఆͷࢧ࣋ΛಘͯɺࡢࠓͷσβΠφʔʹҰ؏ੑͷ͋Δʮ෦ʯ࡞Γ͕ΑΓٻΊΒ ΕΔΑ͏ʹͳ͖ͬͯͨͱײ͍ͯ͡·͢ɻ
͔͠͠ͳ͕Β Atomic Design ͷΑ͏ʹখ͞ͳߏཁૉ͔ΒσβΠϯ͍ͯ͘͠Α͏ͳ ϑϩʔઌͷσΟςʔϧʹनΘΕ͘͢ɺશମͷௐΛܽ͘͜ͱ͕͋͠͠Γ ·͢ɻͲͷΑ͏ʹ͢ΕσβΠφʔ͕ʮΛݟͯΛݟͣʯঢ়ଶʹؕΒͣɺҰ؏ੑ ͷ͋ΔίϯϙʔωϯτΛ্͛Δ͜ͱ͕ग़དྷΔͰ͠ΐ͏͔ɻͬ͘͠Γ͘Δख๏ߟ ͑ํ͕͋Εڭ͍͑ͯͩ͘͞ɻ pocotan001
ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ
ެ։ޙࡉ͔ͳվળ͕ཁ͢ΔҊ݅Ͱ͔͢ʁ Ͱ͖Δਓࡐ͕͍·͔͢ʁ ಋೖΛݕ౼ ݟૹΔ NO YES YES YES 8FCαΠτΛ ʰೲʱ
ͨ͠ޙɺ मਖ਼Ͱ͖Δཱʹ͍·͔͢ʁ σβΠϯγεςϜඞཁʁ
None
None
None