Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Inside Frontend #1 - AMA

Avatar for Yasuhisa Hasegawa Yasuhisa Hasegawa
February 27, 2017
Design
3
340

Inside Frontend #1 - AMA

フロントエンドの課題を啓蒙する方法 AMA で使ったスライド
Avatar for Yasuhisa Hasegawa

Yasuhisa Hasegawa

February 27, 2017
Tweet

More Decks by Yasuhisa Hasegawa

See All by Yasuhisa Hasegawa
組織でデザインが推進できる人の思考術
Avatar for Yasuhisa Hasegawa yhassy
7
7.1k
なぜダメなデザインが生まれるのか
Avatar for Yasuhisa Hasegawa yhassy
11
15k
伝え方から考える Affinity の魅力
Avatar for Yasuhisa Hasegawa yhassy
3
6.3k
脱初心者のためのUIデザインの心得
Avatar for Yasuhisa Hasegawa yhassy
29
7.2k
あなたはどんなデザイナーになりたいですか
Avatar for Yasuhisa Hasegawa yhassy
22
8.4k
品質向上に繋ぐデザイン指標の作り方 v2
Avatar for Yasuhisa Hasegawa yhassy
8
5.9k
デザインを共有するための言語化の取り組み
Avatar for Yasuhisa Hasegawa yhassy
29
9.6k
品質向上に繋ぐデザイン指標の作り方
Avatar for Yasuhisa Hasegawa yhassy
25
18k
デザイナーとうまく協働する方法
Avatar for Yasuhisa Hasegawa yhassy
25
12k

Other Decks in Design

See All in Design
アップロード-職業訓練_ワンランク上に見せるデザインのコツ.pdf
Avatar for keita keita_yoshikawa
0
110
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ！
Avatar for Akiko Kurono cremacrema
7
5.5k
#yumemi_grow 読書シェア会 vol.1 - スコット・バークン著『デザインはどのように世界をつくるのか』
Avatar for Kaito UDAGAWA kaitou
1
170
NAHO SHIMONO_Portfolio2025
Avatar for Naho nahohphp
0
660
バイアスを凌ぐデザインとコード ―異動直後にどうふるまうか―
Avatar for kkaru kkaru
0
380
生成AIを活用した組み込みSW設計書検索システム開発
Avatar for mtsukada licux
7
850
私とデザインの10年
Avatar for なつ iflection
0
120
札幌の雪を観光資源に変える：デザインプログラムSESSAの挑戦
Avatar for Ittyanm ittyann
0
230
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
8
3.6k
今更聞けないデザイン思考 - 高専キャリア2024冬 / imasara-design-thinking
Avatar for ちげ chige
7
1.1k
An Early Spring | Storyboard | Scenes 1-18
Avatar for Gio Fortunato giofortuna_story
0
240
UXデザインはなぜ定着しないのか？
Avatar for Inside Design Studio designstudiopartners
0
560

Featured

See All Featured
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
55
5.6k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
172
14k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
271
27k
Side Projects
Avatar for Sacha Greif sachag
454
42k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
34
3k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
41
2.6k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
26k
Making Projects Easy
Avatar for Brett Harned brettharned
116
6.2k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
336
57k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
45
9.6k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
76
5.8k

Transcript

  1. None

  2. ϑϩϯτΤϯυͷ՝୊ΛͲ͏͍͏ਓ͔Βܒ໤͞Εͯ·͔͢ 1 ϑϩϯτΤϯυͷ՝୊Λ୭͔Βܒ໤͍ͯ͘͠ͷ͕ྑ͍Ͱ͠ΐ͏͔ɻ૲ͷࠜతʹσβ ΠφʔͳͲׂͱҙࣝΛڞ༗͠΍͍͢ਓ͔Βͷํ͕΍Γ΍͍͢ؾ͸͠·͕͢ɺϓϩ σϡʔαʔ΍ΫϥΠΞϯτͳͲ͔Βܒ໤ͨ͠ํ͕ΠϯύΫτ͸େ͖ͦ͏Ͱ͢ɻͦΕ ͱ΋Ή͠Ζͦ͏͍͏ൃ૝Ͱ͸ͳ͘։ൃʹؔΘΔਓશମʢνʔϜશମʣʹܒ໤͠ͳ͍ ͱҙຯ͸ͳ͍Ͱ͠ΐ͏͔ɻʢͰ΋࠷ॳʹ͋·ΓʹཧղΛࣔͯ͠΋Β͔͑ͬͨΒϔί ͨΕͦ͏Ͱ͢ʣ ygoto3

  3. ૊৫ͷେ͖͞ͰมΘΔίϛϡχέʔγϣϯͷ՝୊

  4. ඇΤϯδχΞͱͷೝࣝ͋Θͤ 2 ϑϩϯτΤϯυͷ՝୊͸͍Ζ͍Ζ͋Δͱͯ͠ɺͦͷ՝୊ʹཱͪ޲͔͏ʹ͸͕࣌ؒ༧ ࢉͱͯ͠ඞཁʹͳΔͱࢥ͍·͢ɻ ඇΤϯδχΞͱ͘ʹɺϚωδϝϯτ૚ʹϑϩϯτΤϯυͷࣄʢ՝୊΍τϨϯυͳͲʣ Λ஌ͬͯ΋Β͏ͨΊʹ͸ɺͲ͏͢Ε͹͍͍Ͱ͔͢ʁ st44100

  5. ϏδωεدΓͷਓ΁ఏҊ͢Δ৔߹ ࢢ৔ ػձ ࢓૊Έ

  6. ՝୊ ಈػ ෆ҆ Ϗδωεΰʔϧ ڝ߹ ผͷબ୒ࢶ ղܾࡦ ར༻ऀ

  7. ໦Λݟͯ৿΋ݟͯ΄͍ͬ͢͠ 3 Atomic Design ΍ Material Design ͷΑ͏ͳίϯϙʔωϯτࢦ޲ͷϝιυϩδʔ͕ Ұఆͷࢧ࣋ΛಘͯɺࡢࠓͷσβΠφʔʹ͸Ұ؏ੑͷ͋Δʮ෦඼ʯ࡞Γ͕ΑΓٻΊΒ ΕΔΑ͏ʹͳ͖ͬͯͨͱײ͍ͯ͡·͢ɻ

    ͔͠͠ͳ͕Β Atomic Design ͷΑ͏ʹখ͞ͳߏ੒ཁૉ͔ΒσβΠϯ͍ͯ͘͠Α͏ͳ ϑϩʔ͸໨ઌͷσΟςʔϧʹनΘΕ΍͘͢ɺશମͷௐ࿨Λܽ͘͜ͱ͕͠͹͠͹͋Γ ·͢ɻͲͷΑ͏ʹ͢Ε͹σβΠφʔ͕ʮ໦Λݟͯ৿Λݟͣʯঢ়ଶʹؕΒͣɺҰ؏ੑ ͷ͋ΔίϯϙʔωϯτΛ࢓্͛Δ͜ͱ͕ग़དྷΔͰ͠ΐ͏͔ɻͬ͘͠Γ͘Δख๏΍ߟ ͑ํ͕͋Ε͹ڭ͍͑ͯͩ͘͞ɻ pocotan001

  8. ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ

  9. ެ։ޙ΋ࡉ͔ͳվળ͕ཁ͢ΔҊ݅Ͱ͔͢ʁ ಺੡Ͱ͖Δਓࡐ͕͍·͔͢ʁ ಋೖΛݕ౼ ݟૹΔ NO YES YES YES 8FCαΠτΛ ʰೲ඼ʱ

    ͨ͠ޙ΋ɺ मਖ਼Ͱ͖Δཱ৔ʹ͍·͔͢ʁ σβΠϯγεςϜ͸ඞཁʁ
  10. None
  11. None
  12. None