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
850
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
490
React + flumptでイカ戦績グラフ化ツールを作ってみた
Avatar for nabeliwo nabeliwo
0
180

Other Decks in Programming

See All in Programming
AI Coding Meetup #3 - 導入セッション / ai-coding-meetup-3
Avatar for Masayuki Izumi izumin5210
0
590
非同期jobをtransaction内で 呼ぶなよ！絶対に呼ぶなよ！
Avatar for Yuto Urushima alstrocrack
0
520
私はどうやって技術力を上げたのか
Avatar for Yusuke Wada yusukebe
43
17k
Catch Up: Go Style Guide Update
Avatar for ANDPAD inc andpad
0
170
Introducing ReActionView: A new ActionView-Compatible ERB Engine @ Kaigi on Rails 2025, Tokyo, Japan
Avatar for Marco Roth marcoroth
3
920
CSC509 Lecture 01
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
430
CSC509 Lecture 03
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
330
GraphQL×Railsアプリのデータベース負荷分散 - 月間3,000万人利用サービスを無停止で
Avatar for Koya Masuda koxya
1
1.1k
Serena MCPのすすめ
Avatar for wadakatu wadakatu
4
900
複雑化したリポジトリをなんとかした話　pipenvからuvによるモノレポ構成への移行
Avatar for Satoshi Kaneyasu satoshi256kbyte
1
770
育てるアーキテクチャ：戦い抜くPythonマイクロサービスの設計と進化戦略
Avatar for fujidomoe fujidomoe
1
150
Web フロントエンドエンジニアに開かれる AI Agent プロダクト開発 - Vercel AI SDK を観察して AI Agent と仲良くなろう！ #FEC余熱NIGHT
Avatar for Masayuki Izumi izumin5210
3
400

Featured

See All Featured
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.5k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
114
20k
How GitHub (no longer) Works
Avatar for Zach Holman holman
315
140k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
4.8k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
5
180
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.5k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
232
18k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
51k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
14k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3.1k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
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ΤϯδχΞืूͯ͠·͢ Ϙιο