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
Snowpack で始めるバンドルレス開発 / about Snowpack
Search
nabeliwo
February 06, 2020
Programming
220
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Snowpack で始めるバンドルレス開発 / about Snowpack
Meguro.es #25 @ Fringe81 on 2020/02/06 の LT 用スライドです。
nabeliwo
February 06, 2020
More Decks by nabeliwo
See All by nabeliwo
多言語化対応における TypeScript の型定義を通して開発のしやすさについて考えた / TSKaigi TypeScript Multilingualization
nabeliwo
2
950
Dive into SmartHR UI
nabeliwo
3
1.2k
Web Componentsを使ったウィジェット埋め込みの話
nabeliwo
0
460
おいでよ フロントエンドの森 / welcome-to-front-end
nabeliwo
0
130
React事始め
nabeliwo
0
560
お前もJavaScriptにしてやろうか〜アメーバピグ編〜
nabeliwo
0
510
React + flumptでイカ戦績グラフ化ツールを作ってみた
nabeliwo
0
200
Other Decks in Programming
See All in Programming
Laravelで学ぶ Webアプリケーションチューニング入門/web_application_tuning_101
hanhan1978
4
1.2k
AWS CDK を「作」ってみた 〜フルスクラッチで見えた CDK の裏側〜 / aws-cdk-from-scratch
gotok365
3
490
act1-costs.pdf
sumedhbala
0
240
地域 SRE コミュニティ最前線 - ホンマでっかSRE勉強会
tk3fftk
0
270
SLOをサービス品質の共通言語にするために 取り組んできたこと
wakana0222
0
540
分散システム、なんですぐ死んでしまうん?耐障害性を高めたいあなたのためのレジリエンスパターン入門
mshibuya
7
6.7k
act2-costs.pdf
sumedhbala
0
120
なぜ関数型プログラミングで「型」と「証明」が語られるのか #fp_matsuri
kajitack
3
1k
エンジニアにデザインハーネスを 〜デザインプロセスを規定するためのハーネス〜 / Design harness from an engineer's perspective
rkaga
2
1.6k
Claude Team Plan導入・ガイド
tk3fftk
0
220
Prismを使った型安全な暗号化_関数型まつり2026
_fhhmm
0
150
Apache Hive: そしてCloud Native Lakehouseへ
okumin
1
160
Featured
See All Featured
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
510
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
510
Bootstrapping a Software Product
garrettdimon
PRO
307
120k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
410
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
3k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
2.1k
New Earth Scene 8
popppiees
3
2.4k
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
370
Test your architecture with Archunit
thirion
1
2.3k
A Soul's Torment
seathinner
6
3.1k
Transcript
4OPXQBDLͰ࢝ΊΔόϯυϧϨε։ൃ !OBCFMJXPNFHVSPFT
ࣗݾհ
OBCFMJXP wϑϩϯτΤϯυΤϯδχΞ wגࣜձࣾ4NBSU)3 w5ZQF4DSJQU3FBDU3FEVY w41"େ͖ w࠷ۙझຯͰ6OJUZͬͯΔ
ࠓ͢͜ͱ
4OPXQBDL ͱ͍͏πʔϧͷྑ͞Λ ͑ʹདྷ·ͨ͠ʂʂ
(FU4UBSUFE 4OPXQBDLPO3FBM8PSME 4OPXQBDL͕͑ͳ͍ͱ͖ 4OPXQBDLͱ 1JLBͷ
4OPXQBDLͱ
4OPXQBDL w8FCQBDLͳͲͷϞδϡʔϧόϯυϥΛඞཁͱ͠ͳ ͍։ൃΛఏڙ͢Δπʔϧ w&4.PEVMFTΛલఏͱ͢Δ wґଘՃ࣌ʹҰ4OPXQBDLΛ࣮ߦ͢Δ͚ͩ w͋ͱશͯϒϥβωΠςΟϒͰಈ͘ wIUUQTHJUIVCDPNQJLBQLHTOPXQBDL
ྑ͍ͱ͜Ζ w։ൃΛ࢝ΊΒΕΔ·Ͱ͕ૣ͍ wXFCQBDLDPOpHKT͔Βͷղ์ wґଘϥΠϒϥϦ͕શͯผϑΝΠϧͰಡ·ΕΔͷͰ ΩϟογϡʹΓ͍͢ w)551 )551ͰͷฒྻಡΈࠐΈͰڧ͍ w8FCඪ४ʹͬͨͱ͍͏خ͠͞
(FU4UBSUFE
ґଘΛΠϯετʔϧͯ͠TOPXQBDLΛ࣮ߦ͢Δͱ XFC@NPEVMFTσΟϨΫτϦ͕ੜ͞ΕΔ
XFC@NPEVMFTͷத
+4ϑΝΠϧΛ༻ҙ͢Δ ϥΠϒϥϦͷύε͕XFC@NPEVMFTIPHFKT ʹͳ͍ͬͯΔ
)5.-Λ༻ҙ͢Δ UZQFNPEVMFͰ͖ͬ͞࡞ͬͨ+4ΛಡΉ
ϩʔΧϧαʔόʔΛཱͯΔ
ಈ͍ͨʂ ϥΠϒϥϦ͝ͱʹಡΈࠐ·Ε͍ͯΔ
͜Ε͚ͩͰ͏ΞϓϦέʔγϣϯΛ ࡞Γ࢝ΊΒΕΔ
4OPXQBDLPO3FBM8PSME
ϓϩμΫτ։ൃΛ8FCQBDL͔Β ஔ͖͑ΒΕΔͷ͔
2&4.PEVMFTͩͱ*&Ͱ͑ͳ͘ͳ͍ʁ
"ͦ͏ͩͶɻͰେৎʂʂ
ϨΨγʔϒϥβ༻ͷϏϧυ͕Ͱ͖·͢
25ZQF4DSJQU3FBDU͑Δʁ τϥϯεύΠϧඞਢͩΑͶʜ
"ͪΐͬͱؤுΕ͑Δʂ
͍͠ϙΠϯτ w3FBDU&4.PEVMFTରԠ͍ͯ͠ͳ͍ wτϥϯεύΠϧΛ͠ͳ͍ͱ͍͚ͳ͍ wJNQPSU3FBDUGSPNXFC@NPEVMFTSFBDUKT w͜ΕͩͱܕϑΝΠϧ͕ಡ·Εͳ͍
3FBDU&4.PEVMFTରԠ͍ͯ͠ͳ͍
͜ΕΛ͏ʜ UIBOLTUP!TEFHVUJT`T!SFBDUFTNQSPKFDU
τϥϯεύΠϧΛ͠ͳ͍ͱ͍͚ͳ͍ όϕΓ·͠ΐ͏
JNQPSU3FBDUGSPNXFC@NPEVMFTSFBDUKT ͩͱܕϑΝΠϧ͕ಡ·Εͳ͍ UTDPOpHKTPOͰ͝ʹΐ͝ʹΐ ͢Ε͍͚ͳ͘ͳ͍͚Ͳʜ ͪΐͬͱΊΜͲ͍͘͞
4OPXQBDLͷ#BCFMϓϥάΠϯΛ͏ τϥϯεύΠϧ࣌ʹSFBDUΛ XFC@NPEVMFTSFBDUKTʹมͯ͘͠ΕΔ
͜ΕͰ͍ͭ௨Γ։ൃͰ͖Δʂʂ
4OPXQBDL͕͑ͳ͍ͱ͖
4OPXQBDL͕͑ͳ͍ͱ͖ w$44ը૾Λ+BWB4DSJQU͔ΒಡΈ͍ͨ w8FCQBDLͰDTTMPBEFSJNBHFMPBEFSΛ ͍ͬͯΔ w&4.PEVMFTʹରԠ͍ͯ͠ͳ͍ϥΠϒϥϦΛ༻͠ ͍ͯΔ
1JLBͷ
None
1JLBπʔϧνΣΠϯ w/1.1BDLBHF$%/ w/1.1BDLBHF$BUBMPH w4OPXQBDL w1BDLBHF$PEF&EJUPS w1BDLBHF$PNNVOJUJFT w!QJLBQBDL
͍͔͚ΔͱϫΫϫΫͰ͖Δ͔
·ͱΊ
w4OPXQBDLʹΑͬͯ8FCඪ४ʹ্ͬͨͰߴ ͳ։ൃ͕Ͱ͖ΔΑ͏ʹͳΔ wݱঢ়8FCQBDLΛͬͯ࡞ΒΕͯӡ༻͞Ε͍ͯΔ ϓϩμΫτ͔Βஔ͖͑ΒΕΔ͔ͱݴ͏ͱجຊతʹ ͍͠ wͱ͍͍͔͑ͬͯͳ͍ͱπʔϧҭͨͳ͍ΑͶ
ΈΜͳ4OPXQBDLͬͯΈΑ͏ʂʂ
ৄ͍͠༰Λ2JJUBʹ·ͱΊ͍ͯ·͢ 4OPXQBDLͰ࣮ݱ͢ΔະདྷͷϑϩϯτΤϯυ։ൃ IUUQTRJJUBDPNOBCFMJXPJUFNTDDGDDFEECD
͋Γ͕ͱ͏͍͟͝·ͨ͠ʂʂ 4NBSU)3ΤϯδχΞืूͯ͠·͢ Ϙιο