Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

C4c161ae9eeeed8f161197410f7a228a?s=128

Kenichiro Kishida

November 29, 2021
Tweet

More Decks by Kenichiro Kishida

Other Decks in Technology

Transcript

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

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

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

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

    CCCGBFCFB 
 *OUSPEVDUJPO
  5. w.PEFSOXFCBQQTXJUIPVU +BWB4DSJQUCVOEMJOHPS 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.-ͷTDSJQUTSD w/PEFKTͰ$PNNPO+4 wCPXFSOQNXFCQBDLʜ w&4.PEVMFT w࠷ॳ͸ϒϥ΢β wݱࡏͰ͸/PEFKTͰ΋ +4.PEVMF)JTUPSZ

  9. w5FTUUIF8FC'PSXBSE .FFUVQ w4IBEPX%0.W wʙ1PMZNFS8FC $PNQPOFOUT w)5.-*NQPSUTͷࢮ 
 1BDLBHFOBNFNBQT wʙ+4NPEVMFT*NQPSU NBQT

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

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

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

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

  14. w*NQPSUNBQT 
 https://github.com/WICG/import-maps/ w8FC$PNQPOFOUT 
 https://github.com/WICG/webcomponents wXJUI+40/ $44 )5.-.PEVMFT