Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Rails 7の採用提案で注目を集め始めた Import maps の過去、現在、そして未来に...
Search
Kenichiro Kishida
November 29, 2021
Technology
2
1.4k
Rails 7の採用提案で注目を集め始めた Import maps の過去、現在、そして未来について/de radio 2
Kenichiro Kishida
November 29, 2021
Tweet
Share
More Decks by Kenichiro Kishida
See All by Kenichiro Kishida
Code兄弟での CI/CDをいい感じにする方法 / phpstudy-2024-06
sizuhiko
0
190
Webアクセシビリティワークショップを社内でやってみた / phpconfuk-2024
sizuhiko
1
370
デベロッパーよ 健康でいるためには 寝て 旅をして 趣味を持って メンタル大切に / DE-RADIO-2023-06-26
sizuhiko
0
150
ヘビータブユーザーが ワークスペースの利用でどのように変わったか / 2023-05-16 Vivaldi User Meetup TOKYO 2023
sizuhiko
0
330
Node.js v18 ベースイメージを使った AWS Lambda アプリ開発におけつ光と影 / 2023-04-23 JavaScript Fes
sizuhiko
0
210
@swc-node/jest を使って テストを高速化する/jsfes-2022
sizuhiko
0
390
勉強会主体で サービスを作るということ/esm-meetup-3
sizuhiko
0
360
オンライン勉強会や イベントで 盛り上がりを共有したい!/jsfes2021-summer
sizuhiko
0
720
E2Eテストに向き合う/PHPerKaigi2020
sizuhiko
1
2.7k
Other Decks in Technology
See All in Technology
設計に疎いエンジニアでも始めやすいアーキテクチャドキュメント
phaya72
24
16k
OpenCensusと歩んだ7年間
bgpat
0
320
実践マルチモーダル検索!
shibuiwilliam
3
530
オブザーバビリティと育てた ID管理・認証認可基盤の歩み / The Journey of an ID Management, Authentication, and Authorization Platform Nurtured with Observability
kaminashi
2
1.6k
知覚とデザイン
rinchoku
1
720
GPUをつかってベクトル検索を扱う手法のお話し~NVIDIA cuVSとCAGRA~
fshuhe
0
350
次世代のメールプロトコルの斜め読み
hirachan
3
270
アノテーション作業書作成のGood Practice
cierpa0905
PRO
1
370
猫でもわかるAmazon Q Developer CLI 解体新書
kentapapa
1
270
プロダクト開発と社内データ活用での、BI×AIの現在地 / Data_Findy
sansan_randd
1
760
GTC 2025 : 가속되고 있는 미래
inureyes
PRO
0
150
Open Table Format (OTF) が必要になった背景とその機能 (2025.10.28)
simosako
3
610
Featured
See All Featured
A designer walks into a library…
pauljervisheath
209
24k
BBQ
matthewcrist
89
9.9k
Building an army of robots
kneath
306
46k
Balancing Empowerment & Direction
lara
5
710
Agile that works and the tools we love
rasmusluckow
331
21k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
Visualization
eitanlees
150
16k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
Site-Speed That Sticks
csswizardry
13
940
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
KATA
mclloyd
PRO
32
15k
Transcript
%&3"%*0 ,FOJDIJSP,JTIJEB !TJ[VIJLP 3BJMTͷ࠾༻ఏҊͰ ΛूΊ࢝Ίͨ *NQPSUNBQTͷ աڈɺݱࡏɺͦͯ͠ະདྷ ʹ͍ͭͯ
,FOJDIJSP,JTIJEB ӬͷσΟεςΟϯάΠογϡτɾΤϯδχΞ੍ʹ͓͚Δ %JTUJOHVJTIFE$SFBUPS TJ[VIJLP!HNBJMDPN !TJ[VIJLP IUUQTHJUIVCDPNTJ[VIJLP IUUQCMPHPQFOUPLZPKQ
w*OUSP w+BWB4DSJQUʹ͓͚ΔϞδϡʔϧͷྺ࢙ wͱ*NQPSUNBQT w*NQPSUNBQT֓ཁ w*NQPSUNBQTͷࠓޙ 5PEBZ`T
w3BJMTXJMMIBWFUISFFHSFBU BOTXFSTUP+BWB4DSJQUJO IUUQTXPSMEIFZDPNEIISBJMTXJMMIBWFUISFF HSFBUBOTXFSTUPKBWBTDSJQUJOEC w3BJMTͷ+BWB4DSJQUͱͷ౷߹ૉΒ ͍͠)PUXJSFɺJNQPSUNBQTɺόϯ υϥʔͱͷ౷߹ɺ"1*αʔόʔ IUUQTUFDIGFFEJPFOUSJFT
CCCGBFCFB *OUSPEVDUJPO
w.PEFSOXFCBQQTXJUIPVU +BWB4DSJQUCVOEMJOHPS USBOTQJMJOH IUUQTXPSMEIFZDPNEIINPEFSOXFCBQQT XJUIPVUKBWBTDSJQUCVOEMJOHPSUSBOTQJMJOH BG w+BWB4DSJQUͷόϯυϧͱτϥϯεύΠϧ ͕ෆཁͳϞμϯ8FCΞϓϦ
IUUQTQPTUEDDNPEFSOXFCBQQTXJUIPVU KBWBTDSJQUCVOEMJOHPSUSBOTQJMJOH *OUSPEVDUJPO
*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ʹͱͬͯ༏ΕͨσϑΥϧτπʔϧͰͳ͘ͳͬͨͱ͍͏͜ͱͰ͢ɻ
*OUSPEVDUJPO ύϥμΠϜ͕มΘΔ࠷ޙͷҰԡ͠ɺΠϯϙʔτϚοϓ Ͱ͢ɻΠϯϙʔτϚοϓɺ&4ʢผ໊&4.ʣͷϞ δϡʔϧʹ͍ͭͯɺཧࢀরΛՄೳʹ͠·͢ɻ͜Ε·Ͱ ͷ໌ࣔతͳϑΝΠϧࢀরํ๏ͷɺμΠδΣετԽ ͞ΕͨϑΝΠϧ໊Λར༻ͨ͠ɺΩϟογϡΛظؒ࣋ଓ ͢Δඪ४తͳΞϓϩʔνͱͷ૬ੑ͕ѱ͍͜ͱͰͨ͠ɻ https://postd.cc/modern-web-apps-without-javascript-bundling-or-transpiling/
w)5.-ͷTDSJQUTSD w/PEFKTͰ$PNNPO+4 wCPXFSOQNXFCQBDLʜ w&4.PEVMFT w࠷ॳϒϥβ wݱࡏͰ/PEFKTͰ +4.PEVMF)JTUPSZ
w5FTUUIF8FC'PSXBSE .FFUVQ w4IBEPX%0.W wʙ1PMZNFS8FC $PNQPOFOUT w)5.-*NQPSUTͷࢮ 1BDLBHFOBNFNBQT wʙ+4NPEVMFT*NQPSU NBQT
8IZ*OUFSFTUFE*NQPSUNBQT
w#BDLUPUIF wFTN-5 wॳՆͷ+BWB4DSJQUࡇΓ *NQPSUNBQT
5IFGVUVSFPG*NQPSUNBQT https://caniuse.com/import-maps
5IFGVUVSFPG*NQPSUNBQT https://mozilla.github.io/standards-positions/#import-maps
5IFGVUVSFPG*NQPSUNBQT https://bugs.webkit.org/show_bug.cgi?id=220823
w*NQPSUNBQT https://github.com/WICG/import-maps/ w8FC$PNQPOFOUT https://github.com/WICG/webcomponents wXJUI+40/ $44 )5.-.PEVMFT