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

Day22. Svelte 經驗談

Avatar for Kalan Kalan
October 01, 2020
Programming
0
160

Day22. Svelte 經驗談

Avatar for Kalan

Kalan

October 01, 2020
Tweet

More Decks by Kalan

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

Other Decks in Programming

See All in Programming
#kanrk08 / 公開版 PicoRubyとマイコンでの自作トレーニング計測装置を用いたワークアウトの理想と現実
Avatar for bash0C7 bash0c7
1
790
Rails Frontend Evolution: It Was a Setup All Along
Avatar for Svyatoslav Kryukov skryukov
0
160
猫と暮らす Google Nest Cam生活🐈 / WebRTC with Google Nest Cam
Avatar for Yutaro Muta yutailang0119
0
160
“いい感じ“な定量評価を求めて - Four Keysとアウトカムの間の探求 -
Avatar for Nealle nealle
2
11k
MDN Web Docs に日本語翻訳でコントリビュートしたくなる
Avatar for uutan1108 ohmori_yusuke
1
130
A full stack side project webapp all in Kotlin (KotlinConf 2025)
Avatar for Dan Kim dankim
0
120
VS Code Update for GitHub Copilot
Avatar for 74th(Atsushi Morimoto) 74th
2
660
レベル1の開発生産性向上に取り組む − 日々の作業の効率化・自動化を通じた改善活動
Avatar for kesoji kesoji
0
240
Flutterで備える！Accessibility Nutrition Labels完全ガイド
Avatar for 野瀬田　裕樹 yuukiw00w
0
170
AIプログラマーDevinは PHPerの夢を見るか？
Avatar for Shinya Saita shinyasaita
1
230
XP, Testing and ninja testing
Avatar for seki at druby.org m_seki
3
250
テストから始めるAgentic Coding 〜Claude Codeと共に行うTDD〜 / Agentic Coding starts with testing
Avatar for r-kagaya rkaga
13
4.8k

Featured

See All Featured
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
235
140k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.7k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
43
7.6k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
30
5.9k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.1k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
18
980
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
271
21k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
42
7.4k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
34
5.9k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
45
7.5k

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