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

Transcript

1. %&3"%*0
   ,FOJDIJSP,JTIJEB
   !TJ[VIJLP
   3BJMTͷ࠾༻ఏҊͰ
   ஫໨ΛूΊ࢝Ίͨ
   *NQPSUNBQTͷ
   աڈɺݱࡏɺͦͯ͠ະདྷ
   ʹ͍ͭͯ
   

   View Slide

2. ,FOJDIJSP,JTIJEB
   Ӭ࿨ͷσΟεςΟϯάΠογϡτɾΤϯδχΞ੍౓ʹ͓͚Δ
   %JTUJOHVJTIFE$SFBUPS
   TJ[VIJLP!HNBJMDPN !TJ[VIJLP
   IUUQTHJUIVCDPNTJ[VIJLP
   IUUQCMPHPQFOUPLZPKQ
   

   View Slide

3. w*OUSP
   w+BWB4DSJQUʹ͓͚ΔϞδϡʔϧͷྺ࢙
   w๻ͱ*NQPSUNBQT
   w*NQPSUNBQT֓ཁ
   w*NQPSUNBQTͷࠓޙ
   5PEBZ`T
   

   View Slide

4. w3BJMTXJMMIBWFUISFFHSFBU
   BOTXFSTUP+BWB4DSJQUJO
   

   IUUQTXPSMEIFZDPNEIISBJMTXJMMIBWFUISFF
   HSFBUBOTXFSTUPKBWBTDSJQUJOEC
   w3BJMTͷ+BWB4DSJQUͱͷ౷߹͸ૉ੖Β
   ͍͠)PUXJSFɺJNQPSUNBQTɺόϯ
   υϥʔͱͷ౷߹ɺ"1*αʔόʔ
   

   IUUQTUFDIGFFEJPFOUSJFT
   CCCGBFCFB
   

   *OUSPEVDUJPO
   

   View Slide

5. w.PEFSOXFCBQQTXJUIPVU
   +BWB4DSJQUCVOEMJOHPS
   USBOTQJMJOH
   

   IUUQTXPSMEIFZDPNEIINPEFSOXFCBQQT
   XJUIPVUKBWBTDSJQUCVOEMJOHPSUSBOTQJMJOH
   BG
   w+BWB4DSJQUͷόϯυϧͱτϥϯεύΠϧ
   ͕ෆཁͳϞμϯ8FCΞϓϦ
   

   IUUQTQPTUEDDNPEFSOXFCBQQTXJUIPVU
   KBWBTDSJQUCVOEMJOHPSUSBOTQJMJOH
   

   *OUSPEVDUJPO
   

   View Slide

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ʹͱͬͯ͸༏ΕͨσϑΥϧτπʔϧͰ͸ͳ͘ͳͬͨͱ͍͏͜ͱͰ͢ɻ
   

   View Slide

7. *OUSPEVDUJPO
   ύϥμΠϜ͕มΘΔ࠷ޙͷҰԡ͠͸ɺΠϯϙʔτϚοϓ
   Ͱ͢ɻΠϯϙʔτϚοϓ͸ɺ&4ʢผ໊&4.ʣͷϞ
   δϡʔϧʹ͍ͭͯɺ࿦ཧࢀরΛՄೳʹ͠·͢ɻ͜Ε·Ͱ
   ͷ໌ࣔతͳϑΝΠϧࢀরํ๏ͷ໰୊͸ɺμΠδΣετԽ
   ͞ΕͨϑΝΠϧ໊Λར༻ͨ͠ɺΩϟογϡΛ௕ظؒ࣋ଓ
   ͢Δඪ४తͳΞϓϩʔνͱͷ૬ੑ͕ѱ͍͜ͱͰͨ͠ɻ
   https://postd.cc/modern-web-apps-without-javascript-bundling-or-transpiling/
   

   View Slide

8. w)5.-ͷTDSJQUTSD
   w/PEFKTͰ$PNNPO+4
   wCPXFSOQNXFCQBDLʜ
   w&4.PEVMFT
   w࠷ॳ͸ϒϥ΢β
   wݱࡏͰ͸/PEFKTͰ΋
   +4.PEVMF)JTUPSZ
   

   View Slide

9. w5FTUUIF8FC'PSXBSE
   .FFUVQ
   w4IBEPX%0.W
   wʙ1PMZNFS8FC
   $PNQPOFOUT
   w)5.-*NQPSUTͷࢮ
   

   1BDLBHFOBNFNBQT
   wʙ+4NPEVMFT*NQPSU
   NBQT
   8IZ*OUFSFTUFE*NQPSUNBQT
   

   View Slide

10. w#BDLUPUIF
    wFTN-5
    wॳՆͷ+BWB4DSJQUࡇΓ
    *NQPSUNBQT
    

    View Slide

11. 5IFGVUVSFPG*NQPSUNBQT
    https://caniuse.com/import-maps
    

    View Slide

12. 5IFGVUVSFPG*NQPSUNBQT
    https://mozilla.github.io/standards-positions/#import-maps
    

    View Slide

13. 5IFGVUVSFPG*NQPSUNBQT
    https://bugs.webkit.org/show_bug.cgi?id=220823
    

    View Slide

14. w*NQPSUNBQT
    

    https://github.com/WICG/import-maps/
    w8FC$PNQPOFOUT
    

    https://github.com/WICG/webcomponents
    wXJUI+40/ $44 )5.-.PEVMFT
    

    View Slide