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

Day22. Svelte 經驗談

Avatar for Kalan Kalan
October 01, 2020
Programming
220
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
420
Svelte - 如何在前端框架中脫穎而出 | ModernWeb'21
Avatar for Kalan kjj6198
0
230
状態管理を楽にする道
Avatar for Kalan kjj6198
1
440
Day25. 如何解析 HTML 語法
Avatar for Kalan kjj6198
0
190
Day24. Svelte 如何編譯程式碼（2）
Avatar for Kalan kjj6198
0
230
Svelte 如何編譯程式碼（1）
Avatar for Kalan kjj6198
0
250
Day18. UI 實戰篇 - 圖片檢視器
Avatar for Kalan kjj6198
0
210
Day17. UI 實戰篇 - 音樂播放器
Avatar for Kalan kjj6198
0
110

Other Decks in Programming

See All in Programming
初めてのKubernetes 本番運用でハマった話
Avatar for Kobujee_53 oku053
0
130
Prismを使った型安全な暗号化_関数型まつり2026
Avatar for _fhhmm _fhhmm
0
150
共通化で考えるべきは、実装より公開する型だった
Avatar for code-egg codeegg
0
280
継続モナドとリアクティブプログラミング
Avatar for ゆきくらげ yukikurage
3
640
【やさしく解説 設計編・中級 #6】良いアーキテクチャとは ～ 一本の登り道の、行き先 ～
Avatar for HideyukiKitao panda728
PRO
0
180
改善しないと、タスクが回らない。 “てんこ盛りポジション” を引き継いだ情シスの、入社3ヶ月の業務改善録
Avatar for Kurumi Watabe krm963
0
190
えっ!!コードを読まずに開発を!?
Avatar for はなのうち hananouchi
0
240
エンジニア向け会社紹介/Findy Company Profile
Avatar for Findy findyinc
6
360k
関数型プログラミングのメリットって何だろう？
Avatar for わんこ(Wanko_IT) wanko_it
0
190
アルゴリズムは何を圧縮しているのか ─ Haskell から育った「圧縮代数」というメンタルモデル
Avatar for Naoya Ito naoya
16
3.6k
Haskell/Servantを通してWebミドルウェアを捉え直す
Avatar for pizzacat83 pizzacat83
1
610
Claude Opus 4.6以後の受託開発エンジニアの変化(Claude Code開発ノウハウ大公開スペシャルbyクラスメソッド)
Avatar for t-iida iidatakuma
1
860

Featured

See All Featured
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.8k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
528
40k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
470
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
2
1.5k
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
2
610
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
1
420
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.4k
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.4k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
980
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
6k

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