入門
入門
從零開始學習新知識的互動式應用程式。動手實作，免費，直接在瀏覽器中執行。
Protocol Explorer
一個封包一個封包地觀察網際網路如何運作。關於 HTTP、DNS、TCP、TLS、Wi-Fi、SSH、VPN 等內容的課程在網路圖上逐一呈現，每個封包都能展開，讓你逐位元組閱讀。
Electronics 101
在 3D 工作台上從零學習電子學：電池、電阻、LED、電容、開關、電晶體和感測器。打開每個電路，更換零件，看看電流如何流動。
Backcountry 101
一步一步學習野外求生技能，全程 3D。生起營火、製作弓鑽、過濾飲用水、搭建簡易遮蔽所、發出求救訊號、分辨可食用植物與有毒植物，並打包一套求生包。
Learn ESP32
把 LED、感測器、馬達和伺服馬達接到 3D 的 ESP32 上，透過 Wi-Fi 和藍牙連線，然後執行程式、看它運作：從讓兩顆 LED 閃爍，到追蹤太陽的太陽能板。
Learn Arduino
在 3D 的 Uno 上學習 Arduino：連接 LED、按鈕、感測器、馬達和伺服馬達，然後執行真正的草稿碼，看看開發板如何反應：從閃爍一顆 LED 到智慧植栽。
AI 實驗室
AI 實驗室新鮮出爐
我最新的實驗，用 AI 打造。
手工打造
手工打造
早在 AI 做得到之前，我親手撰寫的開源展示作品。
最新文章
最新文章
我寫的關於 React、Three.js 和 React 狀態管理的文章（英文）。
JavaScript in Plain English
Tired of Boring Static Dashboards? Let’s Build a Fully Customizable Dashboard in React
Step away from the mundane with our innovative approach to dashboard design in React. This blog post delves into a variety of React techniques to transform static, uninspired UIs into dynamic, customizable dashboards. Explore how to break free from the limitations of conventional designs.
JavaScript in Plain English
Mastering React State Management: A Comprehensive Guide
Embark on a comprehensive journey into the world of React state management. This post begins with an insightful exploration of React's state management mechanisms, identifying common pitfalls and challenges. Discover how to overcome these issues using a range of external libraries.
Geek Culture
Build 3D Apps With React | Animated Solar System | Part 2
Continue your 3D adventure in React by bringing the solar system to life. This follow-up post focuses on animating the static solar system built in Part 1. Learn about the intricacies of animations in React, the challenges they present, and how to masterfully implement them with Three.js for an engaging 3D experience.
Geek Culture
Build 3D Apps with React | Animated Solar System | Part 1
Dive into the exciting realm of 3D web development with React. This introductory post covers the fundamentals of React Three Fiber and Three.js, setting the stage for creating mesmerizing 3D web applications using WebGL.
聯絡
聊聊吧
沒有聯絡表單。直接在 LinkedIn 或 X 上傳私訊給我就好。
專案與想法
有專案或想法嗎？
想知道我有沒有空接專案，或者只是想聊聊你的某個點子？歡迎私訊我。
科技向善
正在為公益做點什麼嗎？
如果你或你的團隊正以有限的預算為公益努力，想要一個像我某個展示作品那樣的應用程式，卻缺少技術知識，儘管聯絡我。