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

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

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for nabeliwo nabeliwo
February 06, 2020
Programming
0
200

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

Other Decks in Programming

See All in Programming
Data-Centric Kaggle
Avatar for ねぼすけAI isax1015
2
760
副作用をどこに置くか問題：オブジェクト指向で整理する設計判断ツリー
Avatar for Koya Masuda koxya
1
590
HTTPプロトコル正しく理解していますか？ 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ﾆｬ〜
Avatar for ♛Heitor Hirose hekuchan
2
680
0→1 フロントエンド開発 Tips🚀 #レバテックMeetup
Avatar for 弁護士ドットコム bengo4com
0
540
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
640
AIエージェントの設計で注意するべきポイント6選
Avatar for Har1101 har1101
7
3.4k
なるべく楽してバックエンドに型をつけたい！(楽とは言ってない)
Avatar for HIBIKI CUBE hibiki_cube
0
140
AIエージェントのキホンから学ぶ「エージェンティックコーディング」実践入門
Avatar for Masahiro Nishimi masahiro_nishimi
3
290
OCaml 5でモダンな並列プログラミングを Enjoyしよう!
Avatar for Haochen Kotoi-Xie haochenx
0
120
コマンドとリード間の連携に対する脅威分析フレームワーク
Avatar for Aja9tochin pandayumi
1
450
AI Agent Tool のためのバックエンドアーキテクチャを考える #encraft
Avatar for izumin5210 izumin5210
6
1.8k
AIフル活用時代だからこそ学んでおきたい働き方の心得
Avatar for shinoyu shinoyu
0
130

Featured

See All Featured
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
0
160
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2k
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
0
100
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
170
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
140k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
3k
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
1
240
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
3.9k
New Earth Scene 8
Avatar for Sydney Stone popppiees
1
1.5k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.1k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k

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