第 12 屆 IT 鐵人賽影片教學 — 30 天從 0 到 1 學 Svelte ◼︎ 本集內容：Svelte 當中的 Transition 機制 Svelte 內建有相當豐富的 transition 機制，可以透過簡單的語法來達到不錯的 UI 互動。 ◼︎ 簡報連結：https://speakerdeck.com/kjj6198/day8-svelte-zhong-de-transition-ji-zhi ... https://www.youtube.com/watch?v=XIlbEwzR6SY

Raspberry 4 model B 開箱紀錄！這次樹莓派 4 到底有哪些規格升級呢？樹莓派又是什麼呢？跟著愷開最真實（且枯燥）的開箱實錄，一起來一探究竟吧！ - 樹莓派體積小且耗電量低，是學習計算機知識相當好用的產品，甚至可以搭配 GPIO 接腳做到許多 IoT 應用唷！ 【Raspberry 4 model B+ 規格簡介】 ■ ARM Coretex-A72 4 核心 ■ 記憶體可選擇 1G/2G/4G ■ USB2.0 * 2 / USB3.0 * 2 ■ HDMI Mirco * 2 最高支援 4K 解析度 ■ 乙太網路孔 ■ 5V 電源供應（15 瓦 / 3A） 【作業系統介紹】 樹莓派是基於 Linux 的單晶片電腦，所以需要 Linux 的作業系統，不過因為樹莓派採用 ARM 的 CPU，所以還需要特別設計過的作業系統，在樹莓派當中有兩個比較有名的作業系統： ■ NOOBS: https://www.raspberrypi.org/downloads/ ■ Raspbian: https://www.raspberrypi.org/downloads/ 【其他連結補充】 ■ Desktop kit: https://www.raspberrypi.org/products/raspberry-pi-4-desktop-kit/ ■ Raspberry Pi: https://www.raspberrypi.org/products/raspberry-pi-4-model-b/ 【背景音樂】Airport Lounge - Disco Ultralounge Airport Lounge - Disco Ultralounge by Kevin MacLeod is licensed under a Creative Commons Attribution license (https://creativecommons.org/licenses/...) ... https://www.youtube.com/watch?v=xCyvMF80yjg

（本次拍攝時因解析度沒有設定好，因此寫程式的畫面與其他部分畫面比較糊一些，下次拍攝時會改善 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

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