CIから始めたフロントエンド改善

【オフライン@福岡】俺たちのフロントエンド”大”自慢大会 / 2023.04.14
https://twitter.com/hashtag/%E3%82%AA%E3%83%95%E3%83%A9%E3%82%A4%E3%83%B3%E7%A6%8F%E5%B2%A1_findy

Transcript

1. $*͔Β࢝ΊͨϑϩϯτΤϯυվળ 
2. ࣗݾ঺հ ओܭ
   ٛߴʢΧζΤ
   ϤγλΧʣ !OFTTLB[V J04ΞϓϦ։ൃ͔Β
   'JOEZ
   +PJO࣌ʹϑϩϯτΤϯυʹస਎
   ෱Ԭ͔ΒϑϧϦϞʔτ
4. ࠓճͷ-5ͷ಺༰͸ͪ͜Β
5. ͳͥ+PJOॳظʹ$*վળΛਐΊͨ w ϦϦʔε୲౰ऀʹ͕·Θͬͯ͘ΔΑ͏ʹͳ͕ͬͨϦϦʔε࡞ۀͷෛ୲͕େ͖͔ ͬͨ
   w ϦϦʔεͷෛ୲ΛԼ͛ؾܰʹσϓϩΠͰ͖Δঢ়ଶʹ͔ͨͬͨ͠
   w ϦϦʔεϑϩʔࣗମͷϕʔεҡ࣋ͭͭ͠σϓϩΠස౓Λ͋͛ΔͨΊ
   w σϓϩΠස౓Λ্͛Δ͜ͱͰՁ஋ఏڙεϐʔυ͕޲্
6. +PJO࣌ͷϦϦʔεϑϩʔ ೥݄ࠒ ຖேϦϦʔε༻ͷ 
 ϓϧϦΫ࡞੒ 
 ʢ45(σϓϩΠʣ HJU
   MPHίϚϯυͰ 
 Ϛʔδ͞ΕͨϓϧϦΫ൪߸औಘͯ͠ 
 ϓϧϦΫʹషΓ෇͚ ϓϧϦΫͷछผ͝ͱʹ 
 ৼΓ෼͚͠άϧʔϐϯά 
 ʢGFBU
   fi Y
   UFTU
   DJ
   FUDʣ 2"͕ඞཁͳ13͕ͳ͍͔֬ೝ 
 ͋Ε͹2"Λґཔ 2"Ϥγʂʂ ϓϧϦΫϚʔδ ຊ൪σϓϩΠ λά෇͚ ϓϧϦΫͷมߋ಺༰Λݩʹ 
 ϦϦʔεϊʔτ࡞੒
7. (JU
   MPH
   ίϚϯυ͔Β13൪߸Λऔಘ wNBTUFSϒϥϯνͱͷࠩ෼ͷίϛοτΛऔಘ
   w
   ͷΑ͏ʹϓϧϦΫ΁ͷϦϯΫ͕ػೳ͢ΔΑ͏ʹ੔ܗ
8. ϦϦʔεϊʔτ͸ϓϧϦΫ͔Βίϐʔ wϓϧϦΫͷຊจͷ൪߸͔ΒϓϧϦΫ৘ใΛऔಘ
   wλΠτϧΛൈ͖ग़͠ϓϧϦΫ൪߸ͱซه ͢Δ͚ͩͩͱ͓΋͍ͬͯͨ ϦϦʔεϊʔτͰ͸
   A
   A
   Ͱ͸ϓϧϦΫͷλΠτϧ͕දࣔ͞Εͳ͍ͷͰ 
 ϦϦʔεϊʔτͷ໾ׂΛՌͨͤͳ͍😂
9. खಈͷඞཁੑ͕ͳ͍ՕॴΛࣗಈԽ ຖேϦϦʔε༻ͷ 
 ϓϧϦΫ࡞੒ 
 ʢ45(σϓϩΠʣ HJU
   MPHίϚϯυͰ 
 Ϛʔδ͞ΕͨϓϧϦΫ൪߸औಘͯ͠ 
 ϓϧϦΫʹషΓ෇͚ ϓϧϦΫͷछผ͝ͱʹ 
 ৼΓ෼͚͠άϧʔϐϯά 
 ʢGFBU
   fi Y
   UFTU
   DJ
   FUDʣ 2"͕ඞཁͰ͋Ε͹ґཔ 2"Ϥγʂʂ ϓϧϦΫϚʔδ ຊ൪σϓϩΠ λά෇͚ ϓϧϦΫͷมߋ಺༰Λݩʹ 
 ϦϦʔεϊʔτ࡞੒
10. άϧʔϐϯάݟ௚͠ ϦϦʔε࡞ۀ࣌ͷ2"ʹ࠷దԽ ϦϦʔεϊʔτͰ͸ͳ͍ͷͰ
    άϧʔϐϯά͢Δඞཁͳ͍ͷͰ͸🤔
11. 2"ͷඞཁ͔ͷ൑அΛ13ఏग़ऀʹҕৡ wϓϧϦΫ਺͕૿͑ͯ͘ΔͱϦϦʔε୲౰ऀͷෛ୲૿ʹͭͳ͕͍ͬͯͨ
    wϑϩϯτΤϯυϝϯόʔશһिަ୅ͰϦϦʔε୲౰͍ͯ͠ΔͷͰ2"ඞཁ͔ͷ൑ఆ͕Ͱ͖Δ͜ͱ͕લఏ
    wϦϦʔε୲౰ऀ΋࿙Ε͕ͳ͍͔ͷ֬ೝ͸ߦ͏
12. ੹຿Λҕৡͯ͠ϦϦʔε୲౰ऀͷෛ୲Λܰݮ ຖேϦϦʔε༻ͷ 
 ϓϧϦΫ࡞੒ 
 ʢ45(σϓϩΠʣ HJU
    MPHίϚϯυͰ 
 Ϛʔδ͞ΕͨϓϧϦΫ൪߸औಘͯ͠ 
 ϓϧϦΫʹషΓ෇͚ ϓϧϦΫͷछผ͝ͱʹ 
 ৼΓ෼͚͠άϧʔϐϯά 
 ʢGFBU
    fi Y
    UFTU
    DJ
    FUDʣ 2"͕ඞཁͰ͋Ε͹ґཔ 2"Ϥγʂʂ ϓϧϦΫϚʔδ ຊ൪σϓϩΠ λά෇͚ ϓϧϦΫͷมߋ಺༰Λݩʹ 
 ϦϦʔεϊʔτ࡞੒
13. खಈ࡞ۀՕॴ͸΄΅๾໓
    🎉
14. όοΫΤϯυͷϦϦʔε͕ඞཁͳࠩ෼Λ ઌʹϦϦʔεͯ͠͠·͏ࣄྫ͕ൃੜ😰 wϓϧϦΫ਺͕ଟ͗ͯ͢ϦϦʔε୲౰ऀ͕ݟಀ͠
    wεςʔδϯά؀ڥʹ͸ϦϦʔεࡁΈͳͷͰෆ۩߹ʹؾ͚ͮͣ
15. όοΫΤϯυϦϦʔε͕ඞཁͳ13ΛϦετԽ 13ఏग़࣌ʹඞཁͳόοΫΤϯυϦϦʔεΛهࡌ ϦϦʔε୲౰ऀ͸Ϧετ಺ͷ13͕ຊ൪ϦϦʔε͕׬͍ྃͯ͠Δ͔֬ೝ͔ͯ͠ΒϦϦʔε $*ͰϦϯΫΛऔಘ
16. όοΫΤϯυϦϦʔεϦετ֬ೝΛ௥Ճ ຖேϦϦʔε༻ͷ 
 ϓϧϦΫ࡞੒ 
 ʢ45(σϓϩΠʣ HJU
    MPHίϚϯυͰ 
 Ϛʔδ͞ΕͨϓϧϦΫ൪߸औಘͯ͠ 
 ϓϧϦΫʹషΓ෇͚ ϓϧϦΫͷछผ͝ͱʹ 
 ৼΓ෼͚͠άϧʔϐϯά 
 ʢGFBU
    fi Y
    UFTU
    DJ
    FUDʣ 2"͕ඞཁͰ͋Ε͹ґཔ 2"Ϥγʂʂ όοΫΤϯυͷ
    ຊ൪ϦϦʔεΛ֬ೝޙ ຊ൪σϓϩΠ λά෇͚ ϓϧϦΫͷมߋ಺༰Λݩʹ 
 ϦϦʔεϊʔτ࡞੒ ϓϧϦΫϚʔδ
17. $*վળͰ։ൃੜ࢈ੑ޲্ w ࡉ͔͍खಈ࡞ۀ΋ࣗಈԽ͠ػցʹ·͔ͤΔ
    w ϦϦʔεͷෛ୲Λ΁Β͢͜ͱͰϦϦʔε୲౰ऀͷϦιʔεͱ৺ཧతෛ୲Λܰݮ
    w ෛ୲ݮগˠϦϦʔεස౓͕͕͋ΔˠϦϦʔεࠩ෼͕গͳ͘ͳΔ
    w ෆ۩߹Λ࢓૊ΈͰ๷͙
18. ·ͱΊ w $*ͷվળ͸஍ຯ͕ͩ೔ʑͷ։ൃੜ࢈ੑ޲্ʹ΋ͭͳ͕Δ͠ϦϦʔεͷෛ୲͕ ݮΔ
    w Ұ౓࡞ͬͨΒ׬੒Ͱ͸ͳ͘ɺ೔ʑແବͳ࡞ۀΛ͍ͯ͠ͳ͍͔ؾΛ͚ͭΑ͏
    w ϦϦʔεϑϩʔͷݟ௚͔͠Βͦ΋ͦ΋ඞཁͳ͍࡞ۀ͕͋Ε͹औΓআ͘ͳͲࠜ ຊతͳվળ΋๨Εͣʹ
    w ϓϩδΣΫτ΍ձࣾͷӡ༻࣍ୈͰ࠷దͳ$*ӡ༻͸͜ͱͳΔͷͰνʔϜͰ࠷ద ղΛΈ͚ͭΑ͏
19. 'PVS
    ,FZTΛࣗಈͰܭଌͰ͖ΔΑʂʂ 
 ʢσϓϩΠස౓ɾมߋͷϦʔυλΠϜɾมߋো֐཰ɾฏۉम෮࣌ؒʣ
20. 5IBOL
    :PV