Rails 7の採用提案で注目を集め始めた Import maps の過去、現在、そして未来について/de radio 2

Transcript

1. 
   %&
   3"%*0
   
   ,FOJDIJSP
   ,JTIJEB
   !TJ[VIJLP 3BJMT
   ͷ࠾༻ఏҊͰ
   ஫໨ΛूΊ࢝Ίͨ
   
   *NQPSU
   NBQT
   ͷ
   աڈɺݱࡏɺͦͯ͠ະདྷ
   ʹ͍ͭͯ
2. ,FOJDIJSP
   ,JTIJEB
   Ӭ࿨ͷσΟεςΟϯάΠογϡτɾΤϯδχΞ੍౓ʹ͓͚Δ
   %JTUJOHVJTIFE
   $SFBUPS
   TJ[VIJLP!HNBJMDPN
   
   !TJ[VIJLP
   IUUQTHJUIVCDPNTJ[VIJLP
   IUUQCMPHPQFOUPLZPKQ
   
3. w*OUSP
   w+BWB4DSJQUʹ͓͚ΔϞδϡʔϧͷྺ࢙
   w๻ͱ
   *NQPSU
   NBQT
   w*NQPSU
   NBQT
   ֓ཁ
   w*NQPSU
   NBQT
   ͷࠓޙ 5PEBZ`T
4. w3BJMT
   
   XJMM
   IBWF
   UISFF
   HSFBU
   BOTXFST
   UP
   +BWB4DSJQU
   JO
    
 IUUQTXPSMEIFZDPNEIISBJMTXJMMIBWFUISFF HSFBUBOTXFSTUPKBWBTDSJQUJOEC
   w3BJMT
   ͷ+BWB4DSJQUͱͷ౷߹͸ૉ੖Β ͍͠
   
   )PUXJSFɺJNQPSU
   NBQTɺόϯ υϥʔͱͷ౷߹ɺ"1*αʔόʔ 
 IUUQTUFDIGFFEJPFOUSJFT CCCGBFCFB 
 *OUSPEVDUJPO
5. w.PEFSO
   XFC
   BQQT
   XJUIPVU
   +BWB4DSJQU
   CVOEMJOH
   PS
   USBOTQJMJOH 
 IUUQTXPSMEIFZDPNEIINPEFSOXFCBQQT XJUIPVUKBWBTDSJQUCVOEMJOHPSUSBOTQJMJOH BG
   w+BWB4DSJQUͷόϯυϧͱτϥϯεύΠϧ ͕ෆཁͳϞμϯ8FCΞϓϦ 
 IUUQTQPTUEDDNPEFSOXFCBQQTXJUIPVU KBWBTDSJQUCVOEMJOHPSUSBOTQJMJOH 
 *OUSPEVDUJPO
6. *OUSPEVDUJPO චऀ͸&4Ҏલͷ7BOJMMB
   +4͕͋·Γ޷͖Ͱ͸͋Γ·ͤΜͰͨ͠ɻ
   ͦ͜Ͱɺ όχϥ+BWB4DSJQUΛͳΔ΂͘ॻ͔ͳ͍͍ͯ͘Α͏ʹɺ೥୅Λ௨ͯ͡͞ ·͟·ͳΞϓϩʔνΛ௥ٻ͖ͯ͠·ͨ͠ɻ࠷ॳ͸3+4ʢ3VCZUP +BWB4DSJQUʣɺ࣍͸$P ff FF4DSJQUͰͨ͠ɻͲͪΒͷΞϓϩʔν΋ɺόχϥ +BWB4DSJQUΑΓָ͘͠ॻ͚ΔιʔείʔυΛɺϒϥ΢β͕࣮ߦͰ͖Δόʔ δϣϯͷ+BWB4DSJQU΁τϥϯεύΠϧ͢Δ΋ͷͰ͢ɻ͋Δఔ౓͸ɺ͏·͘ ͍͍ͬͯ·ͨ͠ɻ https://postd.cc/modern-web-apps-without-javascript-bundling-or-transpiling/ ͦΕ͔Β೥͕ܦͪɺ͍ͭʹ։ൃݱ৔ͷঢ়گ͸มΘΓ·ͨ͠ɻචऀ͸΋͸΍ɺ ৽͘͠ొ৔ͨ͠΄ͱΜͲͷΞϓϦέʔγϣϯʹͱͬͯɺෳࡶ͞ʹ໨ΛͭͿͬͯ ·ͰXFCQBDLΛ࢖͍ଓ͚ΔՁ஋͕͋Δͱ͸ߟ͍͑ͯ·ͤΜɻͨͩ͠ɺ XFCQBDL͸׬શʹऴΘͬͨΘ͚Ͱ͸ͳ͘ɺґવͱͯ͠Ұ෦ͷΞϓϦέʔγϣ ϯʢͨͱ͑͹3FBDUͳͲʣͰར༻͢Δͷ͸ཧʹ͔ͳ͍ͬͯ·͢ɻ͋͘·Ͱ 3BJMTʹͱͬͯ͸༏ΕͨσϑΥϧτπʔϧͰ͸ͳ͘ͳͬͨͱ͍͏͜ͱͰ͢ɻ
7. *OUSPEVDUJPO ύϥμΠϜ͕มΘΔ࠷ޙͷҰԡ͠͸ɺΠϯϙʔτϚοϓ Ͱ͢ɻΠϯϙʔτϚοϓ͸ɺ&4ʢผ໊&4.ʣͷϞ δϡʔϧʹ͍ͭͯɺ࿦ཧࢀরΛՄೳʹ͠·͢ɻ͜Ε·Ͱ ͷ໌ࣔతͳϑΝΠϧࢀরํ๏ͷ໰୊͸ɺμΠδΣετԽ ͞ΕͨϑΝΠϧ໊Λར༻ͨ͠ɺΩϟογϡΛ௕ظؒ࣋ଓ ͢Δඪ४తͳΞϓϩʔνͱͷ૬ੑ͕ѱ͍͜ͱͰͨ͠ɻ https://postd.cc/modern-web-apps-without-javascript-bundling-or-transpiling/
8. w)5.-
   ͷ
   TDSJQU
   TSD
   w/PEFKT
   Ͱ
   $PNNPO+4
   wCPXFSOQNXFCQBDLʜ
   w&4.PEVMFT
   w࠷ॳ͸ϒϥ΢β
   wݱࡏͰ͸/PEFKTͰ΋ +4
   .PEVMF
   )JTUPSZ
9. w
   
   5FTU
   UIF
   8FC
   'PSXBSE
   .FFUVQ
   w4IBEPX
   %0.
   W
   w
   ʙ
   1PMZNFS
   
   8FC
   $PNQPOFOUT
   w
   
   )5.-
   *NQPSUT
   ͷࢮ 
 1BDLBHF
   OBNF
   NBQT
   w
   ʙ
   +4
   NPEVMFT
   
   *NQPSU
   NBQT 8IZ
   *OUFSFTUFE
   *NQPSU
   NBQT
10. w#BDL
    UP
    UIF
    
    w
    FTN
    -5
    w
    ॳՆͷ+BWB4DSJQUࡇΓ *NQPSU
    NBQT
11. 5IF
    GVUVSF
    PG
    *NQPSU
    NBQT https://caniuse.com/import-maps
12. 5IF
    GVUVSF
    PG
    *NQPSU
    NBQT https://mozilla.github.io/standards-positions/#import-maps
13. 5IF
    GVUVSF
    PG
    *NQPSU
    NBQT https://bugs.webkit.org/show_bug.cgi?id=220823
14. w*NQPSU
    NBQT 
 https://github.com/WICG/import-maps/
    w8FC
    $PNQPOFOUT 
 https://github.com/WICG/webcomponents
    wXJUI
    +40/
    $44
    )5.-
    .PEVMFT