Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Snowpack で始めるバンドルレス開発 / about Snowpack

Avatar for nabeliwo nabeliwo
February 06, 2020
Programming
0
190

Snowpack で始めるバンドルレス開発 / about Snowpack

Meguro.es #25 @ Fringe81 on 2020/02/06 の LT 用スライドです。

Avatar for nabeliwo

nabeliwo

February 06, 2020
Tweet

More Decks by nabeliwo

See All by nabeliwo
多言語化対応における TypeScript の型定義を通して開発のしやすさについて考えた / TSKaigi TypeScript Multilingualization
Avatar for nabeliwo nabeliwo
2
830
Dive into SmartHR UI
Avatar for nabeliwo nabeliwo
3
1.2k
Web Componentsを使ったウィジェット埋め込みの話
Avatar for nabeliwo nabeliwo
0
390
おいでよ フロントエンドの森 / welcome-to-front-end
Avatar for nabeliwo nabeliwo
0
100
React事始め
Avatar for nabeliwo nabeliwo
0
550
お前もJavaScriptにしてやろうか〜アメーバピグ編〜
Avatar for nabeliwo nabeliwo
0
480
React + flumptでイカ戦績グラフ化ツールを作ってみた
Avatar for nabeliwo nabeliwo
0
180

Other Decks in Programming

See All in Programming
rage against annotate_predecessor
Avatar for Junichi Kobayashi junk0612
0
160
基礎から学ぶ大画面対応(Learning Large-Screen Support from the Ground Up)
Avatar for Tomoya Miwa tomoya0x00
0
410
複雑なドメインに挑む.pdf
Avatar for Yuki Sakai yukisakai1225
5
1.1k
Kiroの仕様駆動開発から見えてきたAIコーディングとの正しい付き合い方
Avatar for clshinji clshinji
1
210
パッケージ設計の黒魔術/Kyoto.go#63
Avatar for kadota kyohei lufia
3
430
Design Foundational Data Engineering Observability
Avatar for suci sucitw
3
190
アプリの "かわいい" を支えるアニメーションツールRiveについて
Avatar for 上ちょ / uetyo uetyo
0
220
Laravel Boost 超入門
Avatar for Arlo fire_arlo
2
210
奥深くて厄介な「改行」と仲良くなる20分
Avatar for おぐえもん oguemon
1
510
速いWebフレームワークを作る
Avatar for Yusuke Wada yusukebe
5
1.7k
私の後悔をAWS DMSで解決した話
Avatar for 平目 hiramax
4
210
「手軽で便利」に潜む罠。 Popover API を WCAG 2.2の視点で安全に使うには
Avatar for Taito Tanaka taitotnk
0
830

Featured

See All Featured
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
55
13k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
74
5k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
330
21k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
12k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
696
190k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
77
6k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
Scaling GitHub
Avatar for Zach Holman holman
463
140k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
460k

Transcript

  1. 4OPXQBDLͰ࢝ΊΔόϯυϧϨε։ൃ !OBCFMJXPNFHVSPFT

  2. ࣗݾ঺հ

  3. OBCFMJXP wϑϩϯτΤϯυΤϯδχΞ wגࣜձࣾ4NBSU)3 w5ZQF4DSJQU3FBDU3FEVY w41"େ޷͖ w࠷ۙ͸झຯͰ6OJUZ΍ͬͯΔ

  4. ࠓ೔࿩͢͜ͱ

  5. 4OPXQBDL ͱ͍͏πʔϧͷྑ͞Λ ఻͑ʹདྷ·ͨ͠ʂʂ

  6. (FU4UBSUFE 4OPXQBDLPO3FBM8PSME 4OPXQBDL͕࢖͑ͳ͍ͱ͖     4OPXQBDLͱ͸ 1JLBͷ࿩ 

  7. 4OPXQBDLͱ͸

  8. 4OPXQBDL w8FCQBDLͳͲͷϞδϡʔϧόϯυϥΛඞཁͱ͠ͳ ͍։ൃΛఏڙ͢Δπʔϧ w&4.PEVMFTΛલఏͱ͢Δ wґଘ௥Ճ࣌ʹҰ౓4OPXQBDLΛ࣮ߦ͢Δ͚ͩ w͋ͱ͸શͯϒϥ΢βωΠςΟϒͰಈ͘ wIUUQTHJUIVCDPNQJLBQLHTOPXQBDL

  9. ྑ͍ͱ͜Ζ w։ൃΛ࢝ΊΒΕΔ·Ͱ͕ૣ͍ wXFCQBDLDPOpHKT͔Βͷղ์ wґଘϥΠϒϥϦ͕શͯผϑΝΠϧͰಡ·ΕΔͷͰ Ωϟογϡʹ৐Γ΍͍͢ w)551 )551ͰͷฒྻಡΈࠐΈͰڧ͍ w8FCඪ४ʹ৐ͬͨͱ͍͏خ͠͞

  10. (FU4UBSUFE

  11. ґଘΛΠϯετʔϧͯ͠TOPXQBDLΛ࣮ߦ͢Δͱ XFC@NPEVMFTσΟϨΫτϦ͕ੜ੒͞ΕΔ

  12. XFC@NPEVMFTͷத਎

  13. +4ϑΝΠϧΛ༻ҙ͢Δ ϥΠϒϥϦͷύε͕XFC@NPEVMFTIPHFKT ʹͳ͍ͬͯΔ

  14. )5.-Λ༻ҙ͢Δ UZQFNPEVMFͰ͖ͬ͞࡞ͬͨ+4ΛಡΉ

  15. ϩʔΧϧαʔόʔΛཱͯΔ

  16. ಈ͍ͨʂ ϥΠϒϥϦ͝ͱʹಡΈࠐ·Ε͍ͯΔ

  17. ͜Ε͚ͩͰ΋͏ΞϓϦέʔγϣϯΛ ࡞Γ࢝ΊΒΕΔ

  18. 4OPXQBDLPO3FBM8PSME

  19. ϓϩμΫτ։ൃΛ8FCQBDL͔Β ஔ͖׵͑ΒΕΔͷ͔

  20. 2&4.PEVMFTͩͱ*&Ͱ࢖͑ͳ͘ͳ͍ʁ

  21. "ͦ͏ͩͶɻͰ΋େৎ෉ʂʂ

  22. ϨΨγʔϒϥ΢β༻ͷϏϧυ͕Ͱ͖·͢

  23. 25ZQF4DSJQU3FBDU࢖͑Δʁ τϥϯεύΠϧඞਢͩΑͶʜ

  24. "ͪΐͬͱؤுΕ͹࢖͑Δʂ

  25. ೉͍͠ϙΠϯτ w3FBDU͸&4.PEVMFTରԠ͍ͯ͠ͳ͍ wτϥϯεύΠϧΛ͠ͳ͍ͱ͍͚ͳ͍ wJNQPSU3FBDUGSPNXFC@NPEVMFTSFBDUKT w͜ΕͩͱܕϑΝΠϧ͕ಡ·Εͳ͍

  26. 3FBDU͸&4.PEVMFTରԠ͍ͯ͠ͳ͍

  27. ͜ΕΛ࢖͏ʜ UIBOLTUP!TEFHVUJT`T!SFBDUFTNQSPKFDU

  28. τϥϯεύΠϧΛ͠ͳ͍ͱ͍͚ͳ͍ όϕΓ·͠ΐ͏

  29. JNQPSU3FBDUGSPNXFC@NPEVMFTSFBDUKT ͩͱܕϑΝΠϧ͕ಡ·Εͳ͍ UTDPOpHKTPOͰ͝ʹΐ͝ʹΐ ͢Ε͹͍͚ͳ͘΋ͳ͍͚Ͳʜ ͪΐͬͱΊΜͲ͍͘͞

  30. 4OPXQBDLͷ#BCFMϓϥάΠϯΛ࢖͏ τϥϯεύΠϧ࣌ʹSFBDUΛ XFC@NPEVMFTSFBDUKTʹม׵ͯ͘͠ΕΔ

  31. ͜ΕͰ͍ͭ΋௨Γ։ൃͰ͖Δʂʂ

  32. 4OPXQBDL͕࢖͑ͳ͍ͱ͖

  33. 4OPXQBDL͕࢖͑ͳ͍ͱ͖ w$44΍ը૾Λ+BWB4DSJQU͔Β௚઀ಡΈ͍ͨ w8FCQBDLͰDTTMPBEFS΍JNBHFMPBEFSΛ ࢖͍ͬͯΔ w&4.PEVMFTʹରԠ͍ͯ͠ͳ͍ϥΠϒϥϦΛ࢖༻͠ ͍ͯΔ

  34. 1JLBͷ࿩

  35. None

  36. 1JLBπʔϧνΣΠϯ w/1.1BDLBHF$%/ w/1.1BDLBHF$BUBMPH w4OPXQBDL w1BDLBHF$PEF&EJUPS w1BDLBHF$PNNVOJUJFT w!QJLBQBDL

  37. ௥͍͔͚ΔͱϫΫϫΫͰ͖Δ͔΋

  38. ·ͱΊ

  39. w4OPXQBDLʹΑͬͯ8FCඪ४ʹ৐্ͬͨͰߴ଎ ͳ։ൃ͕Ͱ͖ΔΑ͏ʹͳΔ wݱঢ়8FCQBDLΛ࢖ͬͯ࡞ΒΕͯӡ༻͞Ε͍ͯΔ ϓϩμΫτ͔Βஔ͖׵͑ΒΕΔ͔ͱݴ͏ͱجຊతʹ ͸೉͍͠ wͱ͸͍͑࢖͍͔ͬͯͳ͍ͱπʔϧ͸ҭͨͳ͍ΑͶ

  40. ΈΜͳ4OPXQBDL࢖ͬͯΈΑ͏ʂʂ

  41. ৄ͍͠಺༰Λ2JJUBʹ·ͱΊ͍ͯ·͢ 4OPXQBDLͰ࣮ݱ͢ΔະདྷͷϑϩϯτΤϯυ։ൃ IUUQTRJJUBDPNOBCFMJXPJUFNTDDGDDFEECD

  42. ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂʂ 4NBSU)3ΤϯδχΞืूͯ͠·͢ Ϙιο