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
350

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.3k
なぜダメなデザインが生まれるのか
Avatar for Yasuhisa Hasegawa yhassy
11
15k
伝え方から考える Affinity の魅力
Avatar for Yasuhisa Hasegawa yhassy
3
6.4k
脱初心者のためのUIデザインの心得
Avatar for Yasuhisa Hasegawa yhassy
29
7.2k
あなたはどんなデザイナーになりたいですか
Avatar for Yasuhisa Hasegawa yhassy
22
8.5k
品質向上に繋ぐデザイン指標の作り方 v2
Avatar for Yasuhisa Hasegawa yhassy
8
6k
デザインを共有するための言語化の取り組み
Avatar for Yasuhisa Hasegawa yhassy
29
9.7k
品質向上に繋ぐデザイン指標の作り方
Avatar for Yasuhisa Hasegawa yhassy
25
18k
デザイナーとうまく協働する方法
Avatar for Yasuhisa Hasegawa yhassy
25
12k

Other Decks in Design

See All in Design
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
1
730
maki setoguchi
Avatar for Maki / Web Designer maki_setoguchi
0
250
組織はみんなでつくる。デザイナーが仕掛ける急拡大する組織のカルチャーづくり
Avatar for Kasumi Morita mkasumi
0
380
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
500
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
510
ブランドパーソナリティ言語化における生成AI活用の実際
Avatar for Hiroki Hosaka h0sa
0
320
街・都市という眼差し。まちづくりにおける規範と実践
Avatar for S.SAKAMON sakamon
0
160
1年目デザイナーが実践する、チーム貢献のための2つのアプローチ
Avatar for kinomi kinomidesign
0
120
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
Avatar for trivia trivia
0
580
組織で取り組むアクセシビリティのはじめ方
Avatar for cawpea masakiohsumi
0
190
Portfolio 齋藤明敏 Hiroyuki Saito
Avatar for HIROYUKI SAITO crearedesign
0
110
「UXとUIの違い」v2
Avatar for Shirasu3 shirasu3
0
250

Featured

See All Featured
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
9
870
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
4.8k
Docker and Python
Avatar for Tania Allard trallard
46
3.6k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
79
6k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
303
21k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.8k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.7k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
6
260
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
33k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
10k

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