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
0
160
Snowpack で始めるバンドルレス開発 / about Snowpack
Meguro.es #25 @ Fringe81 on 2020/02/06 の LT 用スライドです。
nabeliwo
February 06, 2020
Tweet
Share
More Decks by nabeliwo
See All by nabeliwo
多言語化対応における TypeScript の型定義を通して開発のしやすさについて考えた / TSKaigi TypeScript Multilingualization
nabeliwo
2
720
Dive into SmartHR UI
nabeliwo
3
1.1k
Web Componentsを使ったウィジェット埋め込みの話
nabeliwo
0
340
おいでよ フロントエンドの森 / welcome-to-front-end
nabeliwo
0
88
React事始め
nabeliwo
0
550
お前もJavaScriptにしてやろうか〜アメーバピグ編〜
nabeliwo
0
460
React + flumptでイカ戦績グラフ化ツールを作ってみた
nabeliwo
0
170
Other Decks in Programming
See All in Programming
PHPカンファレンス名古屋2025 タスク分解の試行錯誤〜レビュー負荷を下げるために〜
soichi
1
200
もう僕は OpenAPI を書きたくない
sgash708
5
1.7k
pylint custom ruleで始めるレビュー自動化
shogoujiie
0
120
ソフトウェアエンジニアの成長
masuda220
PRO
10
1.1k
dbt Pythonモデルで実現するSnowflake活用術
trsnium
0
150
Amazon Bedrock Multi Agentsを試してきた
tm2
1
290
密集、ドキュメントのコロケーション with AWS Lambda
satoshi256kbyte
0
190
Flutter × Firebase Genkit で加速する生成 AI アプリ開発
coborinai
0
160
Honoのおもしろいミドルウェアをみてみよう
yusukebe
1
210
color-scheme: light dark; を完全に理解する
uhyo
3
320
昭和の職場からアジャイルの世界へ
kumagoro95
1
380
2024年のWebフロントエンドのふりかえりと2025年
sakito
3
250
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
172
14k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
How STYLIGHT went responsive
nonsquared
98
5.4k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
12
960
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
GraphQLとの向き合い方2022年版
quramy
44
13k
How to Ace a Technical Interview
jacobian
276
23k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
Optimising Largest Contentful Paint
csswizardry
34
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ΤϯδχΞืूͯ͠·͢ Ϙιο