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
1.5k
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Rails 7の採用提案で注目を集め始めた Import maps の過去、現在、そして未来について/de radio 2
Kenichiro Kishida
November 29, 2021
More Decks by Kenichiro Kishida
See All by Kenichiro Kishida
Compression Streams API によるブラウザネイティブなデータ圧縮/jsfes2025
sizuhiko
0
70
Compression Streams API によるブラウザネイティブなデータ圧縮 /phpstudy-182
sizuhiko
0
80
Code兄弟での CI/CDをいい感じにする方法 / phpstudy-2024-06
sizuhiko
0
230
Webアクセシビリティワークショップを社内でやってみた / phpconfuk-2024
sizuhiko
1
420
デベロッパーよ 健康でいるためには 寝て 旅をして 趣味を持って メンタル大切に / DE-RADIO-2023-06-26
sizuhiko
0
210
ヘビータブユーザーが ワークスペースの利用でどのように変わったか / 2023-05-16 Vivaldi User Meetup TOKYO 2023
sizuhiko
0
380
Node.js v18 ベースイメージを使った AWS Lambda アプリ開発におけつ光と影 / 2023-04-23 JavaScript Fes
sizuhiko
0
250
@swc-node/jest を使って テストを高速化する/jsfes-2022
sizuhiko
0
430
勉強会主体で サービスを作るということ/esm-meetup-3
sizuhiko
0
390
Other Decks in Technology
See All in Technology
Redmine 7.0 新機能・機能強化解説(OSC2026京都ダイジェスト版)
vividtone
1
210
【CEDEC2026】専門性の高いデフォルメチームが挑んだ人材育成戦略 〜Cygames Academiaの企画から実施まで〜
cygames
PRO
0
530
取引先から届く 「セキュリティチェックシート」の読み解き方
kamadamakoto
0
140
Master Dataグループ紹介資料
sansan33
PRO
1
4.8k
Forza Horizon 6 のテレメトリ機能で 自動運転に使えそうな学習データを集める話
henjin0
0
150
【CEDEC2026】『GRANBLUE FANTASY: Relink - Endless Ragnarok』のバトル制作事例 ~最高のキャラゲーを目指して~
cygames
PRO
0
230
AI駆動開発は個人技からチーム戦へ:組織でAIを使いこなすための実践設計
moongift
PRO
0
480
[しろおび夏祭り2026] チャットするAIから、作業するAIへ - 使われ方の変化と、その裏側で起きていること
kk0n
0
1.7k
Bill One 開発エンジニア 紹介資料
sansan33
PRO
7
19k
グローバル基準のSREは、運用現場でどう機能したか:成熟度アセスメントの実践 / SRE NEXT 2026
sorawatanabe
0
140
【CEDEC2026】グラフィックスエンジニアのためのニューラルシェーディング入門
cygames
PRO
0
130
Cursor Meetup Sapporo - Cursor物語 続編
cocacola917
0
140
Featured
See All Featured
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
1
420
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
3
1.1k
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
1
460
Odyssey Design
rkendrick25
PRO
2
750
Rails Girls Zürich Keynote
gr2m
96
14k
Marketing to machines
jonoalderson
1
5.7k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.6k
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
230
Java REST API Framework Comparison - PWX 2021
mraible
34
9.6k
Reality Check: Gamification 10 Years Later
codingconduct
0
2.2k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.5k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
950
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