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
360

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.4k
なぜダメなデザインが生まれるのか
Avatar for Yasuhisa Hasegawa yhassy
11
15k
伝え方から考える Affinity の魅力
Avatar for Yasuhisa Hasegawa yhassy
3
6.6k
脱初心者のための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.2k
デザインを共有するための言語化の取り組み
Avatar for Yasuhisa Hasegawa yhassy
29
9.8k
品質向上に繋ぐデザイン指標の作り方
Avatar for Yasuhisa Hasegawa yhassy
25
18k
デザイナーとうまく協働する方法
Avatar for Yasuhisa Hasegawa yhassy
25
13k

Other Decks in Design

See All in Design
mount_company_profile
Avatar for mount inc. mount_inc
0
5.9k
社員の意識を高めたブランド浸透施策の裏側！
Avatar for MIXI DESIGN mixi_design
PRO
0
100
情報を翻訳する-伝わる可視化３原則とオープンデータ活用-
Avatar for Hajime Kato hjmkth
1
180
AI時代に必要な アイデアの形
Avatar for ux-man uxman
0
130
CULTURE DECK／Marketing Director
Avatar for M-HAND,Inc. mhand01
0
990
maki setoguchi
Avatar for Maki / Web Designer maki_setoguchi
0
730
Mandalyn_DT5001_FinalAssignment.pdf
Avatar for Mandalyn Teo lynteo
0
170
デザインするために「多様性」について考える
Avatar for なつ iflection
0
240
Figmaレクチャー会Part1 基本のき編＠千株式会社 社内勉強会
Avatar for ぽん designer_no_pon
2
280
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
280
絵や写真から学ぶ、要素がもたらす副作用
Avatar for keigo kspace
0
220
kintone_aroma
Avatar for kintone kintone
0
1.7k

Featured

See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.4k
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
800
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
0
260
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
89
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.8k
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
4k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
380
A Soul's Torment
Avatar for Nat Ma seathinner
5
2.5k
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
64
53k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
410
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
0
88

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