Inside Frontend #1 - AMA

9eb7e7de20420d02ad289b8713be6823?s=47 Yasuhisa Hasegawa
February 27, 2017

Inside Frontend #1 - AMA

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

9eb7e7de20420d02ad289b8713be6823?s=128

Yasuhisa Hasegawa

February 27, 2017
Tweet

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