第 12 屆 IT 鐵人賽影片教學 — 30 天從 0 到 1 學 Svelte ◼︎ 本集內容 昨天我們實作了一個簡單的 HTML 解析器，可以解析簡單的 HTML 語法，今天我們會加入 Svelte 的語法：If Block 與 Each Block 這兩個功能，讓這些語法也能產生對應的語法樹。 這樣一來我們就可以準備做程式碼生成還有搭配 Runtime 程式碼！ ◼︎ 相關連結： ・Svelte 官網 https://svelte.dev ・Github Repo https://github.com/kjj6198/tiny-svelte ・本日實作線上測試：https://kjj6198.github.io/tiny-svelte/ ... https://www.youtube.com/watch?v=OSJcGhht2C8

依舊在嘗試各種剪片的可能性～ 我是愷開，目前正在日本擔任軟體工程師。 在這個頻道，我想要跟大家分享實用的程式知識，還有各式各樣有關於計算機科學的主題。 主要的內容呢，圍繞在讓生活變得越來越方便以及多采多姿，也會涉略不同主題，藉此增加觀眾對於程式領域深度以及廣度。 不管你是毫無經驗的初學者，或是已經在業界工作的工程師們，都可以在這裡學習到新東西。 如果你對於寫程式，或者是計算機科學的領域有興趣，別忘了趕快訂閱我的頻道，並且記得開啟小鈴鐺唷！！ 【背景音樂】 Upbeat Corporate by JP Bianchini https://jpbianchini.com Creative Commons — Attribution 3.0 Unported — CC BY 3.0 Free Download / Stream: https://bit.ly/upbeat-corporate Music promoted by Audio Library https://youtu.be/Hiq53IyRnGI ... https://www.youtube.com/watch?v=96mYcXyQzyo

◼︎ 本集內容： 透過前幾天歷盡千辛萬苦實作出來的解析器，我們終於可以把語法樹轉換成程式碼了，今天的內容是將 HTML 轉換成相對應的 JavaScript 程式碼以便後續元件包裝的實作。 ◼︎ 相關連結： ・Svelte 官網 https://svelte.dev ・Github Repo https://github.com/kjj6198/tiny-svelte ... https://www.youtube.com/watch?v=bdyYmGjPKac

（本次拍攝時因解析度沒有設定好，因此寫程式的畫面與其他部分畫面比較糊一些，下次拍攝時會改善 Orz） 在家寫程式特輯，會以居家生活的各種主題為起點，看看是否有可以透過寫程式來改善的地方，進而拍成影片分享。 第一集我們使用 SwitchBot 串接 API，進而讓需要紅外線遙控器的家電不需要遙控器也可以直接用電腦操作。 對遠端工作的上班族來說，用一台電腦控制所有家電是再好不過的事了。這集會從紅外線原理講解，並實際串接 API。 ◼︎ 參考資料 • 影片範例程式碼：https://github.com/kjj6198/switch-bot-example • SwitchBot 官方網站： https://www.switchbot.tw/ • SwitchBot API： https://github.com/OpenWonderLabs/SwitchBotAPI • NEC Corp： https://jpn.nec.com ◼︎ 引用 • Engineering Roundtable Episode 15 — Infrared Shark Project with Chris Taylor: https://youtu.be/V4nM8qd07fE • What is Infrared Light? William Herschel's Amazing Discovery of Infrared Radiation and Waves - 02 — https://youtu.be/wIZozabAMO8 ◼︎ Music • Blue Wednesday, Shopan - Home Court https://chll.to/16cdd300 ... https://www.youtube.com/watch?v=WGprtWQzLTo