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

Inside Frontend #1 - AMA

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Yasuhisa Hasegawa Yasuhisa Hasegawa
February 27, 2017
Design
370
3

Inside Frontend #1 - AMA

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

Avatar for Yasuhisa Hasegawa

Yasuhisa Hasegawa

February 27, 2017

More Decks by Yasuhisa Hasegawa

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

Other Decks in Design

See All in Design
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
Avatar for Yu Morita securecat
1
170
なぜ、インサイトを貯めるのか？
Avatar for 田島佳穂 tajima_kaho
2
2k
root COMPANY DECK / We are hiring！
Avatar for 株式会社ルート root_recruit
3
28k
結びながら、ひらく - にじむ境界のデザイン
Avatar for Hiroki Tani hilokifigma
4
1.7k
AI時代、デザイナーの価値はどこに？
Avatar for Ryotaro Takahashi tararira
2
1.1k
30分でわかるインサイトマネジメント（2025年12月バージョン）
Avatar for Centou centou
1
650
デザイナーとエンジニアで 同じ山に登ろう
Avatar for moco moco1013
0
240
Tendências de UX Research 2026
Avatar for Viviane Delvequio videlvequio
0
120
Storyboard Exercise: Chase Sequence
Avatar for Mandalyn Teo lynteo
1
310
2026_01_07_３DプリントはじめましたLT.pdf
Avatar for HideakiTakechi hideakitakechi
0
200
2026年5月24日Redesigner Career Jamご参加者様ご案内資料
Avatar for BASE, Inc. base
PRO
0
150
Rethinking IFUs: What Board Game Rulebooks Contribute to IFU Usability
Avatar for Chris Hass deadlinepoet
0
290

Featured

See All Featured
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
3
390
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
1
1.3k
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
310
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.9k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
670
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.6k
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
220
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
820
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
HDC tutorial
Avatar for Michiel Stock michielstock
2
690

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