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
CSC305 Lecture 04
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
260
Web フロントエンドエンジニアに開かれる AI Agent プロダクト開発 - Vercel AI SDK を観察して AI Agent と仲良くなろう！ #FEC余熱NIGHT
Avatar for Masayuki Izumi izumin5210
3
490
クラシルを支える技術と組織
Avatar for raku rakutek
0
200
Serena MCPのすすめ
Avatar for wadakatu wadakatu
4
960
Cursorハンズオン実践！
Avatar for Ikko Eltociear Ashimine eltociear
2
900
チームの境界をブチ抜いていけ
Avatar for tokai235 tokai235
0
160
タスクの特性や不確実性に応じた最適な作業スタイルの選択（ペアプロ・モブプロ・ソロプロ）と実践 / Optimal Work Style Selection: Pair, Mob, or Solo Programming.
Avatar for yuki honyanya
3
160
uniqueパッケージの内部実装を支えるweak pointerの話
Avatar for magavel magavel
0
970
Pull-Requestの内容を1クリックで動作確認可能にするワークフロー
Avatar for Atsuya Sato natmark
2
490
GitHub Actions × AWS OIDC連携の仕組みと経緯を理解する
Avatar for Itaru Ota ota1022
0
250
CSC509 Lecture 03
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
330
Server Side Kotlin Meetup vol.16: 内部動作を理解して ハイパフォーマンスなサーバサイド Kotlin アプリケーションを書こう
Avatar for ternbusty ternbusty
2
130

Featured

See All Featured
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
51k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
27
2k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.5k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
11
890
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
271
21k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
127
53k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.6k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
127
17k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k

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