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

Svelte 介紹

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Kalan Kalan
September 18, 2020
Programming
99
0

Svelte 介紹

快樂學程式分享

Avatar for Kalan

Kalan

September 18, 2020

More Decks by Kalan

See All by Kalan
單頁式應用中的無障礙設計
Avatar for Kalan kjj6198
0
820
選擇 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
Day22. Svelte 經驗談
Avatar for Kalan kjj6198
0
210
Day18. UI 實戰篇 - 圖片檢視器
Avatar for Kalan kjj6198
0
200

Other Decks in Programming

See All in Programming
Agentic UI beyond Chats Architecture Patterns & Open Standards @ngMunich 05/2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
160
AI Agent と正しく分析するための環境作り
Avatar for yosh_yumyum yoshyum
3
610
~ 秘伝のタレ化した『神スプシ』と戦う ~ 関数型パラダイムで壊れない仕組みへ
Avatar for ほりしょー h0r15h0
1
130
AIエージェントの隔離技術の徹底比較
Avatar for kawayu kawayu
0
430
AIエージェントと協働するCLI開発 — BunとOpenClawで学んだこと
Avatar for よしこ yoshikouki
1
220
Modding RubyKaigi for Myself
Avatar for yui-knk yui_knk
0
490
Make SRE Operations Easier with Azure SRE Agent
Avatar for KAMEGAWA Kazushi kkamegawa
0
1k
Java × distroless で 軽量なコンテナイメージを / Java on Distroless
Avatar for Daisuke Garaike contour_gara
0
350
サークル参加から学ぶ、小さな事業の回し方
Avatar for yuzneri yuzneri
0
240
JavaDoc 再入門
Avatar for nagise nagise
0
160
tsserverとは何だったのか、これからどうなるのか
Avatar for Ryota Nakamura nowaki28
1
400
The Arts and Crafts of Work in the AI Era — Toward Mastery in Software Development
Avatar for Yoshihito Kuranuki / 倉貫義人 kuranuki
1
580

Featured

See All Featured
Between Models and Reality
Avatar for mayunak mayunak
4
300
HDC tutorial
Avatar for Michiel Stock michielstock
2
680
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
2
270
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
Avatar for Marco Roth marcoroth
1
110
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
3
140
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
250
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
5.3k
Docker and Python
Avatar for Tania Allard trallard
47
3.8k

Transcript

  1. Svelte - 是什麼讓我遇見這樣的你 1 Kalan

  2. README - Kalan 2 Twitter: @kalanyei YouTube: 愷開寫程式 更多關於我：me.kalan.dev 目前居住地：福岡

    前端工程師 興趣：料理、小說、J-POP、遊戲、日文

  3. 日本職場案內 3 日本軟體工程師求職心得：blog.kalan.dev/japan-interview 在福岡遠端工作四個月感想：blog.kalan.dev/2020-06-15-thought-on-remote-work/ 在日軟體工程師工作一年心得：life.kalan.dev/2020/08/11/software-engineer-in-fukuoka/ 日語八百屋：shurado.com

  4. 求職管道 NeoCareer Personal Adecco Indeed 朋友介紹 4

  5. 語言問題 5 學習日文的重要性？ 重要，但不是優先條件 工程師的價值在於用技術解決問題

  6. 語言問題 6 學習英文的重要性？ 短期內效果會比日文顯著 能否有效溝通、傳達資訊才是重點

  7. 職場相關 血汗、低薪、加班文化都是真的嗎？ 7 當然是真的 而且這種現象會存在在各個國家當中

  8. 進入正題 - Svelte 8 又一個前端框架！？ 繼 React、Vue 之後

  9. 作者介紹 9 Rollup 作者 Ractive.js 作者 在紐約時報擔任 Graphic Editor 非本科系（哲學系）出身

    畢業後擔任記者，為了寫報導開始學習程式

  10. 現代前端框架的基本要素 10 提供一套 Reactivity 機制 生命週期方法 狀態管理機制（如 context, store） 其他

  11. 範例 - API 搜尋 11 https://svelte.dev/repl/36cc73445b6446f9aad7a1c1bb018e68?version=3.25.1

  12. 為什麼 Svelte 值得學習？ 12 語法簡單容易上手 在中小型專案中有比較小的 bundle size 具有元件化、狀態管理等現代前端開發要素 良好的開發體驗

  13. Bundle Size 自我介紹網站 (me.kalan.dev) 13 22.9KB

  14. 我應該學習 Svelte 嗎？ It depends 14 市場考量 學習成本 社群及生態圈 產品需求

    專案大小、開發週期、資源

  15. Q & A 15