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
150
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
650
Dive into SmartHR UI
nabeliwo
3
1.1k
Web Componentsを使ったウィジェット埋め込みの話
nabeliwo
0
310
おいでよ フロントエンドの森 / welcome-to-front-end
nabeliwo
0
84
React事始め
nabeliwo
0
540
お前もJavaScriptにしてやろうか〜アメーバピグ編〜
nabeliwo
0
440
React + flumptでイカ戦績グラフ化ツールを作ってみた
nabeliwo
0
170
Other Decks in Programming
See All in Programming
役立つログに取り組もう
irof
28
9.6k
ペアーズにおけるAmazon Bedrockを⽤いた障害対応⽀援 ⽣成AIツールの導⼊事例 @ 20241115配信AWSウェビナー登壇
fukubaka0825
6
1.9k
型付き API リクエストを実現するいくつかの手法とその選択 / Typed API Request
euxn23
8
2.2k
watsonx.ai Dojo #4 生成AIを使ったアプリ開発、応用編
oniak3ibm
PRO
1
100
レガシーシステムにどう立ち向かうか 複雑さと理想と現実/vs-legacy
suzukihoge
14
2.2k
Tauriでネイティブアプリを作りたい
tsucchinoko
0
370
アジャイルを支えるテストアーキテクチャ設計/Test Architecting for Agile
goyoki
9
3.3k
Pinia Colada が実現するスマートな非同期処理
naokihaba
4
220
Jakarta EE meets AI
ivargrimstad
0
610
よくできたテンプレート言語として TypeScript + JSX を利用する試み / Using TypeScript + JSX outside of Web Frontend #TSKaigiKansai
izumin5210
6
1.7k
OnlineTestConf: Test Automation Friend or Foe
maaretp
0
110
弊社の「意識チョット低いアーキテクチャ」10選
texmeijin
5
24k
Featured
See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
31
2.7k
Embracing the Ebb and Flow
colly
84
4.5k
Fireside Chat
paigeccino
34
3k
Adopting Sorbet at Scale
ufuk
73
9.1k
Designing Experiences People Love
moore
138
23k
Unsuck your backbone
ammeep
668
57k
Making the Leap to Tech Lead
cromwellryan
133
8.9k
Faster Mobile Websites
deanohume
305
30k
StorybookのUI Testing Handbookを読んだ
zakiyama
27
5.3k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
27
4.3k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
109
49k
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ΤϯδχΞืूͯ͠·͢ Ϙιο