Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Day22. Svelte 經驗談

Avatar for Kalan Kalan
October 01, 2020
Programming
260
0

Day22. Svelte 經驗談

Avatar for Kalan

Kalan

October 01, 2020

More Decks by Kalan

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

Other Decks in Programming

See All in Programming
Long Living Tokens, Die, Die, Die! (or: The One Ring is Banned in Modern)
Avatar for sylph01 sylph01
0
350
AmebaブログはKMPから卒業します
Avatar for 伊藤光次郎 kmars0605
0
210
最近”作らせてる” ローカルAIアプリの話
Avatar for ITO Akihiro akit37
0
490
Unity6 URPによる海底をテーマにしたVJシステムの解説 | Unity Shader 完全に理解した 勉強会
Avatar for がむ gam0022
0
370
Zero-Tap Sign-In対応、結局何をすればいいの？
Avatar for mitohato14 mitohato14
0
150
IBM Bob Dojo #1 仕様駆動開発入門
Avatar for Akira Onishi (IBM) oniak3ibm
PRO
0
410
機械に任せるテスト、人が見るテスト ⽣成AIで引き直した、運⽤保守フェーズの線引き
Avatar for KUSATAKE Daisuke dske104
0
200
複雑なUIコンポーネントとの ⻑い付き合い⽅：波及するバグからテスト戦略を経て、安全な再設計へ
Avatar for masahiko.asai mixplace
0
440
dotNET_vulnclicker_intro.pdf
Avatar for Tomohiko Morita deka_morita
0
150
ActionController meets Protocol Buffers
Avatar for Sorah Fukumori sorah
0
660
自作Discord音声botをLambda MicroVMsに移行した話 / Migrating My Discord Voice Bot to Lambda MicroVMs
Avatar for アキキー | Akihisa Ikeda akihisaikeda
0
140
S3 TablesのIcebergデータに、AIエージェントからアクセスしてみた / 20261016developersio2026joetsu-accessing-iceberg-in-s3tables-via-agent
Avatar for kasacchiful kasacchiful
PRO
0
190

Featured

See All Featured
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
1
2.5k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
260
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
1
610
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
32k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
306
120k
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
410
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.6k
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
480
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
1
280
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
15k
Visualization
Avatar for Eitan Lees eitanlees
153
17k

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 動物森友會情報