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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
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
62
Compression Streams API によるブラウザネイティブなデータ圧縮 /phpstudy-182
sizuhiko
0
79
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
SREとQA 二人三脚で進めるSLO運用/sre-qa-slo
sugitak
0
990
10年目を迎えた「ABEMA」がどのように AI 活用を推進して、AI 駆動開発にシフトしているのか / How ABEMA, entering its 10th year, is promoting the use of AI and shifting toward AI-driven development
miyukki
0
290
Compose 新機能総まとめ / What's New in Jetpack Compose
yanzm
0
320
Control Planeで育てるBtoB SaaSの認証基盤 - SRE NEXT 2026
pokohide
1
2.7k
SRE本の知られざる名シーン / The Hidden Gems of Google SRE Book
nari_ex
1
430
インフラと開発の垣根を超えていき!〜元AWSインフラエンジニアがAWS開発で奮闘している話〜
hatahata021
3
300
世界、断片、モデル。そして理解
ardbeg1958
1
130
SoccerMaster: A Vision Foundation Model for Soccer Understanding
kzykmyzw
0
150
しくみを学んで使いこなそう GitHub Copilot app
torumakabe
2
290
プロダクト開発組織の現在地(Ver.2026/07) / product-organization
kaonavi
0
120
Oracle Exadata Database Service on Cloud@Customer X11M (ExaDB-C@C) サービス概要
oracle4engineer
PRO
2
8.4k
ZOZOTOWNの進化と信頼性を両立する負荷試験
zozotech
PRO
2
270
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Ethics towards AI in product and experience design
skipperchong
2
330
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
550
Mobile First: as difficult as doing things right
swwweet
225
10k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
150
エンジニアに許された特別な時間の終わり
watany
108
250k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.8k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
Building a Modern Day E-commerce SEO Strategy
aleyda
45
9.1k
Designing for Performance
lara
611
70k
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
1
420
For a Future-Friendly Web
brad_frost
183
10k
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