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
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
Wasm は PHP と JS の壁を壊せるか? Extism プラグインシステムがもたらす越境開発 / phpcon_niigata_2026
sizuhiko
0
21
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
Other Decks in Technology
See All in Technology
SREのためのFinOps入門
muziyoshiz
3
1.6k
大江戸Ruby会議でデータベース クライアントの話をするのは 間違っているだろうか
yahonda
1
130
Kiro CLI 入門 (ターミナルと CI で使う) | 目指せ Kiro マスター 03
inariku
PRO
2
150
Sonnetだけで業務はまわる?
kintotechdev
1
130
内製アプリとClaudeスキルのセキュリティチェック、 Backlogの課題で回しています。
ayaka_egaaa
0
200
AWS Client VPNの設定でハマったポイントとその過程での気づき
amarelo_n24
0
150
Quick Automate | 目指せ Quick マスター 12
inariku
PRO
1
110
属人化したISMS運用をGitHubとAIで仕組み化した1年間の記録
sioncojp
4
2.6k
Agent Harnessはどう作る?事例から学ぶAI Agentの設計思想
sergicalsix
0
320
少ない人手 限られた予算 それでも守る 消せない・見つける・戻れる オールハザード型BCP on AWS / 20261107 Mitsutoshi Matsuo
shift_evolve
PRO
0
390
ラクスル会社紹介資料|エンジニア向け / RAKSUL Introduction for Engineers
raksulrecruiting
0
110
3文字略語に騙されない! 世界一わかりやすい『EDR』超入門
kamadamakoto
1
170
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
330
41k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
konakalab
0
660
Joys of Absence: A Defence of Solitary Play
codingconduct
1
580
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
56k
Evolving SEO for Evolving Search Engines
ryanjones
0
360
Impact Scores and Hybrid Strategies: The future of link building
tamaranovitovic
0
480
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
320
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.4k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
AI Search: Where Are We & What Can We Do About It?
aleyda
0
8.2k
Building Adaptive Systems
keathley
44
3.3k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
18k