Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Rails 7の採用提案で注目を集め始めた Import maps の過去、現在、そして未来に...
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Kenichiro Kishida
November 29, 2021
Technology
1.6k
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
Transcript
14 slides
%&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
More Decks by Kenichiro Kishida
See All by Kenichiro Kishida
Compression Streams API によるブラウザネイティブなデータ圧縮/jsfes2025
sizuhiko
0
110
Compression Streams API によるブラウザネイティブなデータ圧縮 /phpstudy-182
sizuhiko
0
100
Code兄弟での CI/CDをいい感じにする方法 / phpstudy-2024-06
sizuhiko
0
240
Webアクセシビリティワークショップを社内でやってみた / phpconfuk-2024
sizuhiko
1
450
デベロッパーよ 健康でいるためには 寝て 旅をして 趣味を持って メンタル大切に / DE-RADIO-2023-06-26
sizuhiko
0
220
ヘビータブユーザーが ワークスペースの利用でどのように変わったか / 2023-05-16 Vivaldi User Meetup TOKYO 2023
sizuhiko
0
410
Node.js v18 ベースイメージを使った AWS Lambda アプリ開発におけつ光と影 / 2023-04-23 JavaScript Fes
sizuhiko
0
270
@swc-node/jest を使って テストを高速化する/jsfes-2022
sizuhiko
0
450
勉強会主体で サービスを作るということ/esm-meetup-3
sizuhiko
0
400
Other Decks in Technology
See All in Technology
Bots in Kiro Crew (One point of contact for ongoing work) | Kiro: Zero to Hero 12
inariku
PRO
1
130
Quick Automate | 目指せ Quick マスター 12
inariku
PRO
1
100
業務でAWSをあまり使っていない私が、AWSへのモチベを保つ方法
smt7174
0
190
DBTS2026 盛り上がってますか!?Databricksが実現するAI時代のデータ基盤
akuwano
1
200
cdkd (CDK Direct)
gotok365
4
290
AI時代の組織作り:チーム開発から「個人×AI」への移行と、持続可能な「開発資本」の築き方
ham0215
2
830
SSFの現在地 ― CAEP/RISCからAI Identityへ
oidfj
0
410
分析作業をどこまで任せるか自分で決められる AIネイティブBI『Golden Analytics』が 良さげな話 /golden-analytics-is-ai-native-bi
shinyaa31
0
140
The future of architectural work
ufried
0
200
Sonnetだけで業務はまわる?
kintotechdev
1
100
AWS構成から考えるWebセキュリティ ― WordPressの構築経験から考える公開範囲と更新運用【JAWS FESTA 2026 in AKITA】
cscengineer
PRO
2
420
JAWSコミュニティに 参加して1年経った結果
ssakita
0
120
Featured
See All Featured
Producing Creativity
orderedlist
PRO
348
41k
SEO in 2025: How to Prepare for the Future of Search
ipullrank
3
3.9k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.7k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.8k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
35
2.9k
Large-scale JavaScript Application Architecture
addyosmani
516
110k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
470
Ten Tips & Tricks for a 🌱 transition
stuffmc
1
280
Odyssey Design
rkendrick25
PRO
3
940
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
680
Digital Ethics as a Driver of Design Innovation
axbom
PRO
2
520
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
2.2k