$30 off During Our Annual Pro Sale. View Details »

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

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

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ͷ
    աڈɺݱࡏɺͦͯ͠ະདྷ
    ʹ͍ͭͯ

    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