CHE-YU WU / LAB # 一年的創作現場 沿著聲音、記憶與教學，走進這一年持續發生的實驗。 2017-09-09 — 2018-09-09 25 筆公開紀錄 紅線：來源關聯 麻線：共同主題 移到紙上看關係名稱 [完整紀錄 ↓](https://cheyuwu.com/zh/lab/2018/#lab-records) ****案件紀錄**2017-09-09 / 2018-09-0925 筆 這裡依月份往下讀，每張卡下面的小標是它的關係，點一下會跳到另一筆紀錄 ### 2017 · 08 ** ![](https://cheyuwu.com/static/lab-captures/hahow-webdesign2.webp) - - - - *教學* ### 2017 · 10 ** - *倉庫* ** - *演講* ** - ** - ### 2018 · 全年 ** - *媒體理論* ### 2018 · 01 ** - *倉庫* ### 2018 · 02 ** ![](https://cheyuwu.com/static/img/covers/codepen-rkkgby.webp) - - *互動實驗* ** ![](https://i.ytimg.com/vi/HNjS4gxvy48/hqdefault.jpg) - - ### 2018 · 03 ** - ** - - ** ![](https://cheyuwu.com/static/img/covers/codepen-wxgrer.webp) - - *聲音* ** - *聲音* ### 2018 · 04 ** - *物聯網* ** ![](https://i.ytimg.com/vi/xvzEayUgLXc/hqdefault.jpg) - *課程範例* ### 2018 · 05 ** - - - *工具* ** ![](https://i.ytimg.com/vi/QVZcMx3jtG8/hqdefault.jpg) - - ### 2018 · 06 ** ![](https://i.ytimg.com/vi/dvc0IBLbUMY/hqdefault.jpg) - *直播教學* ** ![](https://i.ytimg.com/vi/4glvclJTbnU/hqdefault.jpg) - *Canvas* ### 2018 · 07 ** ![](https://cheyuwu.com/static/lab-captures/hahow-webdesign2.webp) - - *教育* ### 2018 · 08 ** ![](https://cheyuwu.com/static/lab-captures/hahow-webdesign2.webp) - - - *教育* ### 2018 · 09 ** ![](https://kyoko.openprocessing.org/thumbnails/visualThumbnail587576@2x.jpg) - - ** ![](https://i.ytimg.com/vi/kqOY39FbRYc/hqdefault.jpg) - *p5.js* ** ![](https://kyoko.openprocessing.org/thumbnails/visualThumbnail587912@2x.jpg) - *p5.js* ### 2018 · 12 ** - - *助教* ![](https://cheyuwu.com/static/img/mirror/08250f9b3604.jpg) ![](https://cheyuwu.com/static/img/sketches/923989-sm.webp) ![](https://cheyuwu.com/static/img/mirror/1239323070da.jpg) ![](https://cheyuwu.com/static/img/sketches/1635740-sm.webp) ![](https://cheyuwu.com/static/img/sketches/1615617-sm.webp) ![](https://cheyuwu.com/static/img/mirror/39bad087e6fd.jpg) ![](https://cheyuwu.com/static/img/mirror/0c23aeb30692.jpg) ![](https://cheyuwu.com/static/img/sketches/925596-sm.webp) 創作族譜**818 件每日創作，怎麼一件長出一件**46 個家族畫成有縮圖的分支樹，從 2018 到 2026→ [https://cheyuwu.com/zh/lineage](https://cheyuwu.com/zh/lineage) 完整紀錄 ## 逐一閱讀 每筆紀錄保留日期依據、公開來源與關係說明。 2017-08-16採 Hahow API 的 publishTime，落在本年窗口起點前 24 天，課程本身的錄製與釋出延續到 2018 年 8 月，整段製課期都在窗口內。課程頁今日（2026-09-13）讀到的數字為 6,229 位學生、4.98 分（225 則評價）、總片長 185,106 秒與 954,373 次瀏覽，這些是八年後的累積值。已公開 ### 動畫互動網頁特效入門（JS/CANVAS）：Hahow 第二門課 Hahow 公開 API 把這門課的 publishTime 記為 2017-08-16，課程頁標題寫《動畫互動網頁特效入門（JS/CANVAS）》，課程說明寫從零快速入門互動網頁、JS 與繪圖實戰範例，並學習 Vue.js 整合前端網頁。他自己的文章把製課期寫成 2017 年 8 月到 2018 年 8 月，內容橫跨基礎網頁、JS 入門、Canvas 與特效動畫到 Vue 進階應用，超過 60 個範例與 400 張以上投影片，募資在不到十個小時達成超過 600%，文章寫成時學生數接近 2,300 位。 - 教學 - 數學 ![Hahow 課程封面：動畫互動網頁特效入門](https://cheyuwu.com/static/lab-captures/hahow-webdesign2.webp) Che-Yu Wu / Hahow course cover 來源與相關紀錄 - [前往原始頁面 ↗](https://hahow.in/cr/monoame-webdesign2) - [Hahow](https://hahow.in/cr/monoame-webdesign2) - [Hahow public API](https://api.hahow.in/api/courses/monoame-webdesign2) - [cheyuwu.com](https://cheyuwu.com/writing/2018-effects-course-brewing/) - [釀造一門結合網頁、設計、數學與特效的線上程式課程](https://cheyuwu.com/zh/lab/2018/#lab-writing-effects-brewing) · 同一門課的製作紀錄 (來源關聯) - [動態互動網頁特效入門：結合物件導向與數學建立 agar.io](https://cheyuwu.com/zh/lab/2018/#lab-live-agario) · 課程範例的直播版本 (策展主題) - [Project 12 Space Invader](https://cheyuwu.com/zh/lab/2018/#lab-codepen-space-invader) · 同期課程的專案編號體系 (策展主題) - [從不只是一門線上課程，而是一場推動進化的豪賭](https://cheyuwu.com/zh/lab/2018/#lab-writing-hahow-bet) · 文中提到的第二門課 (策展主題) 2017-10-01已公開 ### n3xt2017：雜學校展覽網站的公開倉庫 GitHub 公開倉庫，建立日期 2017-10-01，主要語言標記為 Vue，最後一次推送為 2022-11-03。倉庫的 README 只有倉庫名一行，沒有說明文字，倉庫描述欄為空。 - 倉庫 - 展覽網站 來源與相關紀錄 - [前往原始頁面 ↗](https://github.com/frank890417/n3xt2017) - [GitHub](https://github.com/frank890417/n3xt2017) - [Monoame Design work page](https://monoame.com/works/25) - [Za Share](https://zashare.org/) - [ideaSQL Instagram 爬蟲](https://cheyuwu.com/zh/lab/2018/#lab-repo-ideasql-instagram-crawler) · 同一段接案期的公開倉庫 (策展主題) 2017-10-29影片標題標記 R2-Day2，投影片在 SlideShare 上的發布日為 2017-10-29，兩者對上 MOPCON 2017 的第二天。官方影片是 2018-01-19 才上線，MOPCON 2017 的講者頁今日已回 404。已公開活動紀錄 ### 以 Vue／GSAP／D3 為核心的網頁視覺動態整合與架構設計：MOPCON 2017 MOPCON 2017 第二天 R2 場的演講。官方影片的說明寫著，網頁視覺設計與程式開發時因應不同互動需求，需要在各個框架間整合與架構，以資料驅動內容與動態，並說這場分享會討論開發上遇到的案例，從視覺設計到網頁開發，整合 Vue-cli、GSAP、D3 等框架，以及以 Vuex 為使用者輸入狀態中樞、調控多頁面網頁動態的方式。影片長度 49 分 26 秒。 - 演講 - 前端架構 來源與相關紀錄 - [前往原始頁面 ↗](https://www.youtube.com/watch?v=XLZ3lahTOWU) - [MOPCON on YouTube](https://www.youtube.com/watch?v=XLZ3lahTOWU) - [SlideShare](https://www.slideshare.net/cheyuwu3/vue-gsap-d3) - [以 Vue／GSAP／D3 為核心的網頁視覺動態整合與架構設計（投影片）](https://cheyuwu.com/zh/lab/2018/#lab-slides-vue-gsap-d3) · 同一場演講的投影片 (來源關聯) 2017-10-29依 SlideShare 頁面標記的發布日期。已公開 ### 以 Vue／GSAP／D3 為核心的網頁視覺動態整合與架構設計（投影片） 68 頁的公開投影片，署名吳哲宇，SlideShare 頁面標記的發布日為 2017-10-29，累積約 1,995 次瀏覽。大綱涵蓋 Vue 框架基礎、動畫數學與速度曲線、用 Vuex 管理狀態以控制動態、把動畫功能抽成元件，以及生命週期與框架整合，敘述方式把資料層、轉換層與呈現層分開處理。 - 投影片 - 狀態管理 來源與相關紀錄 - [前往原始頁面 ↗](https://www.slideshare.net/cheyuwu3/vue-gsap-d3) - [SlideShare](https://www.slideshare.net/cheyuwu3/vue-gsap-d3) - [以 Vue／GSAP／D3 為核心的網頁視覺動態整合與架構設計：MOPCON 2017](https://cheyuwu.com/zh/lab/2018/#lab-mopcon-2017) · 同一場演講的投影片 (來源關聯) 2017-10-31已公開 ### ideaSQL Instagram 爬蟲 GitHub 公開倉庫，建立與最後推送都在 2017-10-31，語言為 Python，有一顆星。README 寫明用法：在 mac 上安裝 Firefox 與 python selenium，用 -q 帶 hashtag、-n 帶數量，範例指令抓取端午節與台中兩個標籤各 3,000 筆。 - 爬蟲 - 資料蒐集 來源與相關紀錄 - [前往原始頁面 ↗](https://github.com/frank890417/ideaSQL-instagram-crawler) - [GitHub](https://github.com/frank890417/ideaSQL-instagram-crawler) - [Monoame Design work page](https://monoame.com/works/22) - [n3xt2017：雜學校展覽網站的公開倉庫](https://cheyuwu.com/zh/lab/2018/#lab-repo-n3xt2017) · 同一段接案期的公開倉庫 (策展主題) 2018官網文章頁只標到年份 2018，並把時期寫成 NYU IDM 兩年制碩士的第一年。該學期在 2018 年 9 月開學，因此實際寫作時間應在本年窗口收尾之後，窗口內的對應事件是他 2018 年 8 月入學。已公開 ### 數位時代的資訊理論演化：NYU IDM Media Theory D 期末論文 NYU IDM 第一學期 Media Theory D 的期末論文，官網文章頁把寫作年份標為 2018。論文從遠古的石壁刻畫寫到未來的資訊模型，引 Wiener 的控制論、Shannon 的通訊的數學理論與 Hayles 的我們如何成為後人類，追問訊息經過不同接收者與媒介之後能否保持一致，並提出訊息除了速度與準確度之外還有第三個特徵：存在的持續時間。文中把訊息放在靜態與動態之間的一條刻度上，並指出當代的趨勢是以動態技術製造的靜態訊息。 - 媒體理論 - 資訊 來源與相關紀錄 - [前往原始頁面 ↗](https://cheyuwu.com/zh/writing/2018-media-theory-final/) - [cheyuwu.com](https://cheyuwu.com/zh/writing/2018-media-theory-final/) - [在紐約大學讀研當助教的進化日誌](https://cheyuwu.com/zh/lab/2018/#lab-writing-nyu-ta) · 同一學期的另一份紀錄 (策展主題) 2018-01-25已公開 ### deerlight2018 公開倉庫 GitHub 公開倉庫，建立日期 2018-01-25，最後推送 2018-04-09，語言標記為 Vue。README 是 Vue.js 專案的預設骨架文件，寫著安裝依賴、在 localhost:8080 起熱重載伺服器等指令，沒有專案自己的說明。 - 倉庫 - 接案 來源與相關紀錄 - [前往原始頁面 ↗](https://github.com/frank890417/deerlight2018) - [GitHub](https://github.com/frank890417/deerlight2018) - [Vue-Studio：可互動的 Vue 元件與資料編輯器](https://cheyuwu.com/zh/lab/2018/#lab-repo-vue-studio) · 同一年的 Vue 實作倉庫 (策展主題) 2018-02-10日期取自他官網實驗頁標記的原始紀錄日期，CodePen 本站今日對程式化讀取全數擋掉，無法回到來源頁再核一次。已公開 ### Project 12 Space Invader 保存在 CodePen 上的互動實驗，官網實驗頁把原始紀錄日期標為 2018 年 2 月 10 日，作品頁提供開啟程式結果與原始碼兩個入口。標題的 Project 12 編號與他當時課程的專案編號體系同一套寫法。 - 互動實驗 - Canvas ![Project 12 Space Invader｜作品截圖](https://cheyuwu.com/static/img/covers/codepen-rkkgby.webp) Che-Yu Wu 來源與相關紀錄 - [前往原始頁面 ↗](https://cheyuwu.com/zh/work/codepen-rkkgby/) - [cheyuwu.com](https://cheyuwu.com/zh/work/codepen-rkkgby/) - [CodePen](https://codepen.io/frank890417/pen/rKKGBY) - [Music String](https://cheyuwu.com/zh/lab/2018/#lab-codepen-music-string) · 同一批 CodePen 實驗 (策展主題) - [動畫互動網頁特效入門（JS/CANVAS）：Hahow 第二門課](https://cheyuwu.com/zh/lab/2018/#lab-hahow-webfx) · 同期課程的專案編號體系 (策展主題) 2018-02-15依 YouTube 的上線日期，標題前綴 0212 指的是錄製當天，兩者相差三天。已公開 ### 0212 隨意寫程式直播：物件導向 老闆來點寇汀吧頻道的直播存檔，上線日期 2018-02-15，片長 1 小時 25 分 05 秒，累積 1,425 次觀看。標題把當天定位成隨意寫程式，主題是物件導向。這是頻道在 2017 年 7 月停下之後的第一支影片。 - 直播教學 - 物件導向 ![0212 隨意寫程式直播｜直播影片縮圖](https://i.ytimg.com/vi/HNjS4gxvy48/hqdefault.jpg) Che-Yu Wu / YouTube 來源與相關紀錄 - [前往原始頁面 ↗](https://www.youtube.com/watch?v=HNjS4gxvy48) - [YouTube](https://www.youtube.com/watch?v=HNjS4gxvy48) - [週四寫程式：Canvas 物件導向與繼承，土炮架構控制元件的小畫家](https://cheyuwu.com/zh/lab/2018/#lab-live-canvas-paint) · 同一條週四直播線 (策展主題) - [週四寫程式系列：用 socket.io 做個即時互動的遊戲](https://cheyuwu.com/zh/lab/2018/#lab-live-socketio-game) · 同一條週四直播線 (策展主題) 2018-03-02依 npm registry 記錄的 1.0.0 發佈時間，GitHub 倉庫的建立日期同為 2018-03-02。已公開 ### monoame-softscroll：整站緩速捲動套件 發佈到 npm 的小套件，倉庫描述寫 soft scroll library for whole website，npm 上的說明寫 soft scrolling for all place in website。第一個版本在 2018-03-02 上架，同一天接連推了數個修正版。README 說這是基於 jQuery 與 GSAP 的緩速捲動外掛，安裝後只要引入 softscroll 就能讓整站的捲動變緩。 - 套件 - 捲動 來源與相關紀錄 - [前往原始頁面 ↗](https://www.npmjs.com/package/monoame-softscroll) - [npm](https://www.npmjs.com/package/monoame-softscroll) - [GitHub](https://github.com/frank890417/monoame-softscroll) - [monoame-preloader：圖片資源預載套件](https://cheyuwu.com/zh/lab/2018/#lab-npm-monoame-preloader) · 同一天發佈的姊妹套件 (來源關聯) - [Vue-Studio：可互動的 Vue 元件與資料編輯器](https://cheyuwu.com/zh/lab/2018/#lab-repo-vue-studio) · 同一年自己寫給自己用的小工具 (策展主題) 2018-03-02依 npm registry 記錄的 1.0.0 發佈時間。已公開 ### monoame-preloader：圖片資源預載套件 發佈到 npm 的小套件，倉庫描述寫 preloader for website resources，npm 上的說明寫 preloader for image。第一個版本在 2018-03-02 上架。README 說這是一支基於 promise 的輕量腳本，用來載入一整個圖片陣列。 - 套件 - 資源載入 來源與相關紀錄 - [前往原始頁面 ↗](https://www.npmjs.com/package/monoame-preloader) - [npm](https://www.npmjs.com/package/monoame-preloader) - [GitHub](https://github.com/frank890417/monoame-preloader) - [monoame-softscroll：整站緩速捲動套件](https://cheyuwu.com/zh/lab/2018/#lab-npm-monoame-softscroll) · 同一天發佈的姊妹套件 (來源關聯) 2018-03-10日期取自他官網實驗頁標記的原始紀錄日期，CodePen 本站今日對程式化讀取全數擋掉。已公開 ### Music String 保存在 CodePen 上的互動實驗，官網實驗頁把原始紀錄日期標為 2018 年 3 月 10 日，作品頁提供開啟程式結果與原始碼兩個入口。作品頁把這支歸在生成類，關聯到他後來的音樂表達論文。 - 聲音 - 互動實驗 ![Music String｜作品截圖](https://cheyuwu.com/static/img/covers/codepen-wxgrer.webp) Che-Yu Wu 來源與相關紀錄 - [前往原始頁面 ↗](https://cheyuwu.com/zh/work/codepen-wxgrer/) - [cheyuwu.com](https://cheyuwu.com/zh/work/codepen-wxgrer/) - [CodePen](https://codepen.io/frank890417/pen/wXgrer) - [Project 12 Space Invader](https://cheyuwu.com/zh/lab/2018/#lab-codepen-space-invader) · 同一批 CodePen 實驗 (策展主題) - [mrt2018：台北捷運地景音樂徵選網站的公開倉庫](https://cheyuwu.com/zh/lab/2018/#lab-repo-mrt2018) · 同一年與聲音有關的實作 (策展主題) 2018-03-23已公開 ### mrt2018：台北捷運地景音樂徵選網站的公開倉庫 GitHub 公開倉庫，建立日期 2018-03-23，最後推送 2018-11-28，語言標記為 Vue。README 的第一行寫 taipei mrt 2018 music contest，其餘是 Vue.js 專案的骨架指令。對應的公開網站 taipeisoundscape.com 今日仍在線，頁面標題寫 2018 台北聲音地景計畫、捷運站體環境音樂，副標寫隱音 mrt2018。 - 聲音 - 公共空間 來源與相關紀錄 - [前往原始頁面 ↗](https://github.com/frank890417/mrt2018) - [GitHub](https://github.com/frank890417/mrt2018) - [Taipei Soundscape](https://taipeisoundscape.com/) - [Monoame Design work page](https://monoame.com/works/19) - [Music String](https://cheyuwu.com/zh/lab/2018/#lab-codepen-music-string) · 同一年與聲音有關的實作 (策展主題) 2018-04-16已公開 ### imagenthu_frontend：清華校園影像展的前端倉庫 GitHub 公開倉庫，建立日期 2018-04-16，最後推送 2018-05-23，語言標記為 JavaScript，README 是 Vue.js 專案的骨架文件。倉庫名對上他履歷裡 2018 年 2 月到 6 月在清華大學科技藝術研究中心任互動設計工程師、做名為 Image of NTHU 的物聯網展覽那段。 - 物聯網 - 展覽 來源與相關紀錄 - [前往原始頁面 ↗](https://github.com/frank890417/imagenthu_frontend) - [GitHub](https://github.com/frank890417/imagenthu_frontend) - [GitHub (OSC server)](https://github.com/frank890417/osc-server-nthu) - [NTHU Research Center for Technology and Art](https://techart.nthu.edu.tw/) - [Vue-Studio：可互動的 Vue 元件與資料編輯器](https://cheyuwu.com/zh/lab/2018/#lab-repo-vue-studio) · 同一段時期的 Vue 實作倉庫 (策展主題) 2018-04-28依 YouTube 的上線日期。已公開 ### 動態互動網頁特效入門：結合物件導向與數學建立 agar.io 頻道上的課程片段，上線日期 2018-04-28，片長 12 分 01 秒，累積 1,606 次觀看。標題把這段掛在動態互動網頁特效入門這門課底下，主題是結合物件導向與數學建立 agar.io。 - 課程範例 - 數學 ![結合物件導向與數學建立 agar.io｜直播影片縮圖](https://i.ytimg.com/vi/xvzEayUgLXc/hqdefault.jpg) Che-Yu Wu / YouTube 來源與相關紀錄 - [前往原始頁面 ↗](https://www.youtube.com/watch?v=xvzEayUgLXc) - [YouTube](https://www.youtube.com/watch?v=xvzEayUgLXc) - [動畫互動網頁特效入門（JS/CANVAS）：Hahow 第二門課](https://cheyuwu.com/zh/lab/2018/#lab-hahow-webfx) · 課程範例的直播版本 (策展主題) 2018-05-19已公開 ### Vue-Studio：可互動的 Vue 元件與資料編輯器 GitHub 公開倉庫，建立與最後推送都在 2018-05-19，倉庫描述寫 An interactive Vue component + data editor。README 說這是一個實驗互動式 Vue 元件編輯器的 Vue.js 專案，操作方式是把資料拖放進元件裡，並附了一張介面截圖。 - 工具 - 介面實驗 來源與相關紀錄 - [前往原始頁面 ↗](https://github.com/frank890417/Vue-Studio) - [GitHub](https://github.com/frank890417/Vue-Studio) - [deerlight2018 公開倉庫](https://cheyuwu.com/zh/lab/2018/#lab-repo-deerlight2018) · 同一年的 Vue 實作倉庫 (策展主題) - [imagenthu_frontend：清華校園影像展的前端倉庫](https://cheyuwu.com/zh/lab/2018/#lab-repo-imagenthu-frontend) · 同一段時期的 Vue 實作倉庫 (策展主題) - [monoame-softscroll：整站緩速捲動套件](https://cheyuwu.com/zh/lab/2018/#lab-npm-monoame-softscroll) · 同一年自己寫給自己用的小工具 (策展主題) 2018-05-25依 YouTube 的上線日期。已公開 ### 週四寫程式系列：用 socket.io 做個即時互動的遊戲 週四寫程式系列的直播存檔，上線日期 2018-05-25，片長 1 小時 18 分 52 秒，累積 23,767 次觀看，是這一批直播中觀看數最高的一支。主題是用 socket.io 做即時互動的遊戲。 - 即時互動 - 直播教學 ![用 socket.io 做個即時互動的遊戲｜直播影片縮圖](https://i.ytimg.com/vi/QVZcMx3jtG8/hqdefault.jpg) Che-Yu Wu / YouTube 來源與相關紀錄 - [前往原始頁面 ↗](https://www.youtube.com/watch?v=QVZcMx3jtG8) - [YouTube](https://www.youtube.com/watch?v=QVZcMx3jtG8) - [0212 隨意寫程式直播：物件導向](https://cheyuwu.com/zh/lab/2018/#lab-live-oop-0212) · 同一條週四直播線 (策展主題) - [前端修煉精神時光屋 Week1：Todolist 上集](https://cheyuwu.com/zh/lab/2018/#lab-live-todolist-week1) · 同一批 2018 年直播 (策展主題) 2018-06-11依 YouTube 的上線日期。已公開 ### 前端修煉精神時光屋 Week1：Todolist 上集 直播存檔，上線日期 2018-06-11，片長 1 小時 38 分 36 秒，累積 4,642 次觀看。標題開了一個新的系列名稱前端修煉精神時光屋，第一週的題目是 Todolist，這支是上集。 - 直播教學 - 前端基礎 ![前端修煉精神時光屋 Week1 Todolist 上集｜直播影片縮圖](https://i.ytimg.com/vi/dvc0IBLbUMY/hqdefault.jpg) Che-Yu Wu / YouTube 來源與相關紀錄 - [前往原始頁面 ↗](https://www.youtube.com/watch?v=dvc0IBLbUMY) - [YouTube](https://www.youtube.com/watch?v=dvc0IBLbUMY) - [週四寫程式系列：用 socket.io 做個即時互動的遊戲](https://cheyuwu.com/zh/lab/2018/#lab-live-socketio-game) · 同一批 2018 年直播 (策展主題) 2018-06-21依 YouTube 的上線日期。已公開 ### 週四寫程式：Canvas 物件導向與繼承，土炮架構控制元件的小畫家 週四寫程式系列的直播存檔，上線日期 2018-06-21，片長 1 小時 35 分 53 秒，累積 1,567 次觀看。主題是用 Canvas 搭配物件導向與繼承，自己搭一套架構做控制元件，做出一個小畫家。這是頻道在他赴紐約之前的最後一支直播。 - Canvas - 繼承 ![Canvas 物件導向與繼承 小畫家｜直播影片縮圖](https://i.ytimg.com/vi/4glvclJTbnU/hqdefault.jpg) Che-Yu Wu / YouTube 來源與相關紀錄 - [前往原始頁面 ↗](https://www.youtube.com/watch?v=4glvclJTbnU) - [YouTube](https://www.youtube.com/watch?v=4glvclJTbnU) - [0212 隨意寫程式直播：物件導向](https://cheyuwu.com/zh/lab/2018/#lab-live-oop-0212) · 同一條週四直播線 (策展主題) 2018-07-23Medium 專題 RSS 記錄的更新日為 2018-07-23，落在窗口內，文章正文自述寫於 2016 年。同一份 RSS 另記 2018-09-21 為納入專題的日期。已公開 ### 從不只是一門線上課程，而是一場推動進化的豪賭 他自己寫的長文，2016 年舊稿在 2018 年整理後重新發出。文章從第一門 Hahow 課程上線滿一個月、修課人數來到 1,667 人那天寫起，回頭數三年接案期的技術路線：從 HTML 與 CSS 進到 JS，再到 SVG 與 Canvas 動畫，為了售票系統入門 PHP 與資料庫，最後碰到 Angular.js 與 Vue.js 而愛上用資料轉換網頁。最初規劃的十三堂大綱在開錄之後被全部推翻，課程暴增到九十幾堂，原因是他發現沒有可看見的產出，學的人就抓不到概念。 - 教育 - 自述 ![Hahow 課程封面：動畫互動網頁特效入門](https://cheyuwu.com/static/lab-captures/hahow-webdesign2.webp) Che-Yu Wu / Hahow course cover 來源與相關紀錄 - [前往原始頁面 ↗](https://cheyuwu.com/zh/writing/2016-hahow-bet/) - [cheyuwu.com](https://cheyuwu.com/zh/writing/2016-hahow-bet/) - [Medium](https://medium.com/%E8%80%81%E9%97%86%E4%BE%86%E9%BB%9E%E5%AF%87%E6%B1%80%E5%90%A7/%E5%BE%9E%E4%B8%8D%E5%8F%AA%E6%98%AF%E4%B8%80%E9%96%80%E7%B7%9A%E4%B8%8A%E8%AA%B2%E7%A8%8B-%E8%80%8C%E6%98%AF%E4%B8%80%E5%A0%B4%E6%8E%A8%E5%8B%95%E9%80%B2%E5%8C%96%E7%9A%84%E8%B1%AA%E8%B3%AD-2016%E8%88%8A%E6%96%87%E6%95%B4%E7%90%86-48d90fee113a) - [釀造一門結合網頁、設計、數學與特效的線上程式課程](https://cheyuwu.com/zh/lab/2018/#lab-writing-effects-brewing) · 同一個 Medium 專題的另一篇 (策展主題) - [動畫互動網頁特效入門（JS/CANVAS）：Hahow 第二門課](https://cheyuwu.com/zh/lab/2018/#lab-hahow-webfx) · 文中提到的第二門課 (策展主題) 2018-08官網文章頁把寫作時間標為 2018 年 8 月，落在窗口收尾前；Medium 原文的更新日為 2018-09-20、納入專題日為 2018-09-21，都在窗口收尾之後 11 天左右。這裡採官網的月份。已公開 ### 釀造一門結合網頁、設計、數學與特效的線上程式課程 第二門 Hahow 課程做完後寫下的長文。他把製課期寫成 2017 年 8 月到 2018 年 8 月整整一年，起點是 2017 年 4 月經營的直播老闆來點寇汀吧，觀眾在講到三角函數做特效時一片哀嚎，他聽了很生氣，於是把課做成橫跨基礎網頁、JS 入門、Canvas 與特效動畫到 Vue 進階應用，超過 60 個範例與 400 張以上投影片。文中寫下對教育的看法：他仍希望教師的角色是一盞明燈，帶著你撥開混沌的迷霧，看見世界真實的模樣；也寫數學與科學真正的美，在於用一條式子可以預測未來。 - 教育 - 數學 ![Hahow 課程封面：動畫互動網頁特效入門](https://cheyuwu.com/static/lab-captures/hahow-webdesign2.webp) Che-Yu Wu / Hahow course cover 來源與相關紀錄 - [前往原始頁面 ↗](https://cheyuwu.com/zh/writing/2018-effects-course-brewing/) - [cheyuwu.com](https://cheyuwu.com/zh/writing/2018-effects-course-brewing/) - [Medium](https://medium.com/%E8%80%81%E9%97%86%E4%BE%86%E9%BB%9E%E5%AF%87%E6%B1%80%E5%90%A7/%E9%87%80%E9%80%A0%E4%B8%80%E9%96%80%E7%B5%90%E5%90%88%E7%B6%B2%E9%A0%81-%E8%A8%AD%E8%A8%88-%E6%95%B8%E5%AD%B8%E8%88%87%E7%89%B9%E6%95%88%E7%9A%84%E7%B7%9A%E4%B8%8A%E7%A8%8B%E5%BC%8F%E8%AA%B2%E7%A8%8B-cef5d998c707) - [動畫互動網頁特效入門（JS/CANVAS）：Hahow 第二門課](https://cheyuwu.com/zh/lab/2018/#lab-hahow-webfx) · 同一門課的製作紀錄 (來源關聯) - [從不只是一門線上課程，而是一場推動進化的豪賭](https://cheyuwu.com/zh/lab/2018/#lab-writing-hahow-bet) · 同一個 Medium 專題的另一篇 (策展主題) - [在紐約大學讀研當助教的進化日誌](https://cheyuwu.com/zh/lab/2018/#lab-writing-nyu-ta) · 同一個 Medium 專題的另一篇 (策展主題) 2018-09-10依 OpenProcessing API 記錄的建立時間，落在本年窗口收尾後一天。之前查不到任何更早的 OpenProcessing 紀錄，因此這一天就是那條練習線的起點，列在這裡當窗口的收口。已公開 ### OpenProcessing 帳號上的第一支草稿 OpenProcessing 的 API 把這支草稿的建立時間記為 2018-09-10，是他帳號上 783 支草稿裡最早的一支，同一天晚上還有第二支。草稿沒有命名，模式標記為 p5js，說明與操作欄都是空的。隔天開始出現有名字的練習，其中一支標題寫 Sol LeWitt's wall drawing。 - p5.js - 每日練習 ![OpenProcessing 第一支草稿｜截圖](https://kyoko.openprocessing.org/thumbnails/visualThumbnail587576@2x.jpg) Che-Yu Wu / OpenProcessing 來源與相關紀錄 - [前往原始頁面 ↗](https://cheyuwu.com/zh/sketch/587576/) - [cheyuwu.com](https://cheyuwu.com/zh/sketch/587576/) - [OpenProcessing API](https://openprocessing.org/api/user/139364/sketches) - [Sol LeWitt's wall drawing（p5.js 草稿）](https://cheyuwu.com/zh/lab/2018/#lab-sketch-sol-lewitt) · 隔天的第一支有名字的草稿 (策展主題) - [20180910 P5.js 動態藝術小練習](https://cheyuwu.com/zh/lab/2018/#lab-live-p5-practice) · 同一週開始的 p5.js 練習 (策展主題) 2018-09-11依 OpenProcessing API 記錄的建立時間，落在本年窗口收尾後兩天。已公開 ### Sol LeWitt's wall drawing（p5.js 草稿） OpenProcessing 的 API 把這支草稿的建立時間記為 2018-09-11，標題寫 Sol LeWitt's wall drawing，模式標記為 p5js，授權為 by-nc-sa，說明欄是空的。它是他帳號上最早一批有名字的草稿之一，同一天還有 Practice - Loop 與 Wall Problem。 - p5.js - 指令式繪畫 ![Sol LeWitt's wall drawing 草稿｜截圖](https://kyoko.openprocessing.org/thumbnails/visualThumbnail587912@2x.jpg) Che-Yu Wu / OpenProcessing 來源與相關紀錄 - [前往原始頁面 ↗](https://cheyuwu.com/zh/sketch/587912/) - [cheyuwu.com](https://cheyuwu.com/zh/sketch/587912/) - [OpenProcessing API](https://openprocessing.org/api/sketch/587912) - [OpenProcessing 帳號上的第一支草稿](https://cheyuwu.com/zh/lab/2018/#lab-openprocessing-first-sketch) · 隔天的第一支有名字的草稿 (策展主題) 2018-09-11依 YouTube 的上線日期，落在本年窗口收尾後兩天；標題前綴 20180910 指錄製當天，也在收尾後一天。已公開 ### 20180910 P5.js 動態藝術小練習 頻道上的短片，上線日期 2018-09-11，片長 30 秒，累積 1,308 次觀看。標題把日期寫在最前面，內容標記為 P5.js 動態藝術小練習。這是頻道上第一支以 p5.js 為題的影片，前面幾年都是前端框架與 Canvas。 - p5.js - 短片 ![20180910 P5.js 動態藝術小練習｜直播影片縮圖](https://i.ytimg.com/vi/kqOY39FbRYc/hqdefault.jpg) Che-Yu Wu / YouTube 來源與相關紀錄 - [前往原始頁面 ↗](https://www.youtube.com/watch?v=kqOY39FbRYc) - [YouTube](https://www.youtube.com/watch?v=kqOY39FbRYc) - [OpenProcessing 帳號上的第一支草稿](https://cheyuwu.com/zh/lab/2018/#lab-openprocessing-first-sketch) · 同一週開始的 p5.js 練習 (策展主題) 2018-12-21Medium 專題 RSS 記錄的更新日為 2018-12-21，落在本年窗口收尾後約三個多月。列在這裡是因為它記的是窗口收尾那個月開始的那段，也就是 2018 年 8 月赴紐約入學之後的第一學期。已公開 ### 在紐約大學讀研當助教的進化日誌 NYU IDM 第一學期結束後寫的長文。他寫剛開學時急著在校內找工作，投了 IT 部門的 UX Designer 沒有回音，轉投系上的研究助理並錄取，這是他第一份受聘的正職。一個學期帶超過 40 位學生，橫跨不同教授與年級，他自己建了預約制、助教日誌、週報、罐頭信模板與成效分析，理由寫在文章裡：不甘心就只坐在那邊給人問問題。 - 助教 - 系統 來源與相關紀錄 - [前往原始頁面 ↗](https://cheyuwu.com/zh/writing/2018-nyu-ta-evolution/) - [cheyuwu.com](https://cheyuwu.com/zh/writing/2018-nyu-ta-evolution/) - [Medium](https://medium.com/%E8%80%81%E9%97%86%E4%BE%86%E9%BB%9E%E5%AF%87%E6%B1%80%E5%90%A7/%E5%9C%A8%E7%B4%90%E7%B4%84%E5%A4%A7%E5%AD%B8%E8%AE%80%E7%A0%94%E7%95%B6%E5%8A%A9%E6%95%99%E7%9A%84%E9%80%B2%E5%8C%96%E6%97%A5%E8%AA%8C-b5f0d604201a) - [數位時代的資訊理論演化：NYU IDM Media Theory D 期末論文](https://cheyuwu.com/zh/lab/2018/#lab-writing-media-theory) · 同一學期的另一份紀錄 (策展主題) - [釀造一門結合網頁、設計、數學與特效的線上程式課程](https://cheyuwu.com/zh/lab/2018/#lab-writing-effects-brewing) · 同一個 Medium 專題的另一篇 (策展主題)