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
860
Dive into SmartHR UI
Avatar for nabeliwo nabeliwo
3
1.2k
Web Componentsを使ったウィジェット埋め込みの話
Avatar for nabeliwo nabeliwo
0
400
おいでよ フロントエンドの森 / welcome-to-front-end
Avatar for nabeliwo nabeliwo
0
100
React事始め
Avatar for nabeliwo nabeliwo
0
550
お前もJavaScriptにしてやろうか〜アメーバピグ編〜
Avatar for nabeliwo nabeliwo
0
490
React + flumptでイカ戦績グラフ化ツールを作ってみた
Avatar for nabeliwo nabeliwo
0
180

Other Decks in Programming

See All in Programming
kiroとCodexで最高のSpec駆動開発を！！数時間で web3ネイティブなミニゲームを作ってみたよ！
Avatar for Haruki Kondo mashharuki
0
960
Go言語はstack overflowの夢を見るか？
Avatar for Takuto Nagami logica0419
0
640
モテるデスク環境
Avatar for mozumasu mozumasu
3
1.3k
フロントエンド開発のためのブラウザ組み込みAI入門
Avatar for Masashi Hirano masashi
7
3.6k
Devvox Belgium - Agentic AI Patterns
Avatar for Kevin Dubois kdubois
1
150
外接に惑わされない自システムの処理時間SLIをOpenTelemetryで実現した話
Avatar for Kotaro7750 kotaro7750
0
110
Vue 3.6 時代のリアクティビティ最前線 〜Vapor/alien-signals の実践とパフォーマンス最適化〜
Avatar for Shingo Hiranuma hiranuma
1
170
エンジニアインターン「Treasure」とHonoの2年、そして未来へ / Our Journey with Hono Two Years at Treasure and Beyond
Avatar for CARTA Engineering carta_engineering
0
440
実践Claude Code：20の失敗から学ぶAIペアプログラミング
Avatar for 武田隆志 takedatakashi
18
9k
組込みだけじゃない！TinyGo で始める無料クラウド開発入門
Avatar for Kotaro Otaka otakakot
2
380
釣り地図SNSにおける有料機能の実装
Avatar for nokonoko1203 nokonoko1203
0
200
AI時代に必須！状況言語化スキル / ai-context-verbalization
Avatar for MinoDriven minodriven
2
200

Featured

See All Featured
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
303
21k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
80
6k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
45
7.7k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
8
310
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
49
51k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
38
2.9k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Side Projects
Avatar for Sacha Greif sachag
455
43k
How GitHub (no longer) Works
Avatar for Zach Holman holman
315
140k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.9k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k

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ΤϯδχΞืूͯ͠·͢ Ϙιο