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

Day22. Svelte 經驗談

Avatar for Kalan Kalan
October 01, 2020
Programming
210
0

Day22. Svelte 經驗談

Avatar for Kalan

Kalan

October 01, 2020

More Decks by Kalan

See All by Kalan
單頁式應用中的無障礙設計
Avatar for Kalan kjj6198
0
830
選擇 Svelte 的三個理由 - JSDC
Avatar for Kalan kjj6198
0
400
Svelte - 如何在前端框架中脫穎而出 | ModernWeb'21
Avatar for Kalan kjj6198
0
220
状態管理を楽にする道
Avatar for Kalan kjj6198
1
430
Day25. 如何解析 HTML 語法
Avatar for Kalan kjj6198
0
180
Day24. Svelte 如何編譯程式碼（2）
Avatar for Kalan kjj6198
0
230
Svelte 如何編譯程式碼（1）
Avatar for Kalan kjj6198
0
240
Day18. UI 實戰篇 - 圖片檢視器
Avatar for Kalan kjj6198
0
200
Day17. UI 實戰篇 - 音樂播放器
Avatar for Kalan kjj6198
0
110

Other Decks in Programming

See All in Programming
LLM本来の能力を解き放つサンドボックス技術とAI民主化への適用
Avatar for Yuku Kotani yukukotani
3
4k
DynamoDBには集計系のクエリがないけどなんとかしたい
Avatar for 村上優稀 musan
1
140
生成AI時代にこそ効くGo | Why Go Works in the Age of Generative AI
Avatar for mom0tomo mom0tomo
8
3.2k
New "Type" system on PicoRuby
Avatar for pocke pocke
1
930
Webフレームワークの ベンチマークについて
Avatar for Yusuke Wada yusukebe
0
170
Composerを使ったサプライチェーン攻撃の様子を眺めてみる #phpstudy
Avatar for hideki kinjyo o0h
PRO
2
250
LLMによるContent Moderationの本番運用の裏側と品質担保への挑戦
Avatar for suikabar suikabar
3
680
軽量Java基盤の設計 DIコンテナに頼らない、長期保守と1秒起動の実現 JJUG CCC 2026 Spring
Avatar for Masaaki Takahashi macha64
0
520
Developing with AI Agents — Codex, Claude Code & Cowork Practical Guide
Avatar for Daisuke Masuda x5gtrn
PRO
0
1.3k
AI 時代のソフトウェア設計の学び方
Avatar for 増田 亨 masuda220
PRO
29
12k
Spring Security 実践 ─ GraphQL APIで実務に役立つ 認証・認可 を学ぶ
Avatar for Wagyu wagyu
0
230
Javaの型とAI時代に型が大事な理由 / java types and type in AI era
Avatar for Naoki Kishida kishida
2
140

Featured

See All Featured
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
170
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
8
710
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
5.6k
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
180
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
18k
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
7
36k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
2k
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.1k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
200
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
118
120k
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
540
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3.1k

Transcript

  1. 第 12 屆 IT 鐵⼈賽 30 天從 0 到 1

    學 Svelte Day22 - 各種 Svelte 經驗談

  2. 第 12 屆 IT 鐵⼈賽 Svelte 是編譯器嗎？ 是，但不完全是 雖然會預先編譯程式碼，但不是 zero

    runtime https://svelte.dev/repl/58058516ea844c46b7f6609334b52aed?version=3.29.0

  3. 第 12 屆 IT 鐵⼈賽 為什麼 bundle size 比較⼩ 沒有

    runtime 的 diff 演算法，⽽是靠編譯時期幫忙 沒有 Virtual DOM 的機制，盡量使⽤原⽣瀏覽器 API

  4. 第 12 屆 IT 鐵⼈賽 為什麼 bundle size 很重要？ 不是每個⼈、每個城市都有快到不⾏的網路

    不是每個⼈都有效能良好的設備 bundle size ⼩，代表更多空間發揮

  5. 第 12 屆 IT 鐵⼈賽 ⼼智負擔 Svelte 盡量從語法下⼿，讓實作變得更簡單

  6. 第 12 屆 IT 鐵⼈賽 Svelte 可以應⽤在⼤型專案中嗎？ 可以，但可能要另外考慮幾件事

  7. 第 12 屆 IT 鐵⼈賽 Svelte 與 a11y https://github.com/sveltejs/svelte/issues/374

  8. 第 12 屆 IT 鐵⼈賽 為什麼我們需要在意 a11y？

  9. 第 12 屆 IT 鐵⼈賽 我做過的⼀些專案 ⾃我介紹 Build Your Own

    X 動物森友會情報