CHE-YU WU / LAB
一年的創作現場
沿著聲音、記憶與教學，走進這一年持續發生的實驗。
2017-09-09 — 2018-09-0925 筆公開紀錄
紅線：來源關聯 麻線：共同主題 移到紙上看關係名稱
完整紀錄 ↓這裡依月份往下讀，每張卡下面的小標是它的關係，點一下會跳到另一筆紀錄
2017 · 08
2017 · 10
2018 · 全年
2018 · 01
2018 · 02
2018 · 03
2018 · 04
2018 · 05
2018 · 06
2018 · 07
2018 · 08
2018 · 09
2018 · 12
完整紀錄
逐一閱讀
每筆紀錄保留日期依據、公開來源與關係說明。
動畫互動網頁特效入門（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 位。
- 教學
- 數學
來源與相關紀錄
- 釀造一門結合網頁、設計、數學與特效的線上程式課程 · 同一門課的製作紀錄 (來源關聯)
- 動態互動網頁特效入門：結合物件導向與數學建立 agar.io · 課程範例的直播版本 (策展主題)
- Project 12 Space Invader · 同期課程的專案編號體系 (策展主題)
- 從不只是一門線上課程，而是一場推動進化的豪賭 · 文中提到的第二門課 (策展主題)
n3xt2017：雜學校展覽網站的公開倉庫
GitHub 公開倉庫，建立日期 2017-10-01，主要語言標記為 Vue，最後一次推送為 2022-11-03。倉庫的 README 只有倉庫名一行，沒有說明文字，倉庫描述欄為空。
- 倉庫
- 展覽網站
以 Vue／GSAP／D3 為核心的網頁視覺動態整合與架構設計：MOPCON 2017
MOPCON 2017 第二天 R2 場的演講。官方影片的說明寫著，網頁視覺設計與程式開發時因應不同互動需求，需要在各個框架間整合與架構，以資料驅動內容與動態，並說這場分享會討論開發上遇到的案例，從視覺設計到網頁開發，整合 Vue-cli、GSAP、D3 等框架，以及以 Vuex 為使用者輸入狀態中樞、調控多頁面網頁動態的方式。影片長度 49 分 26 秒。
- 演講
- 前端架構
以 Vue／GSAP／D3 為核心的網頁視覺動態整合與架構設計（投影片）
68 頁的公開投影片，署名吳哲宇，SlideShare 頁面標記的發布日為 2017-10-29，累積約 1,995 次瀏覽。大綱涵蓋 Vue 框架基礎、動畫數學與速度曲線、用 Vuex 管理狀態以控制動態、把動畫功能抽成元件，以及生命週期與框架整合，敘述方式把資料層、轉換層與呈現層分開處理。
- 投影片
- 狀態管理
ideaSQL Instagram 爬蟲
GitHub 公開倉庫，建立與最後推送都在 2017-10-31，語言為 Python，有一顆星。README 寫明用法：在 mac 上安裝 Firefox 與 python selenium，用 -q 帶 hashtag、-n 帶數量，範例指令抓取端午節與台中兩個標籤各 3,000 筆。
- 爬蟲
- 資料蒐集
數位時代的資訊理論演化：NYU IDM Media Theory D 期末論文
NYU IDM 第一學期 Media Theory D 的期末論文，官網文章頁把寫作年份標為 2018。論文從遠古的石壁刻畫寫到未來的資訊模型，引 Wiener 的控制論、Shannon 的通訊的數學理論與 Hayles 的我們如何成為後人類，追問訊息經過不同接收者與媒介之後能否保持一致，並提出訊息除了速度與準確度之外還有第三個特徵：存在的持續時間。文中把訊息放在靜態與動態之間的一條刻度上，並指出當代的趨勢是以動態技術製造的靜態訊息。
- 媒體理論
- 資訊
deerlight2018 公開倉庫
GitHub 公開倉庫，建立日期 2018-01-25，最後推送 2018-04-09，語言標記為 Vue。README 是 Vue.js 專案的預設骨架文件，寫著安裝依賴、在 localhost:8080 起熱重載伺服器等指令，沒有專案自己的說明。
- 倉庫
- 接案
Project 12 Space Invader
保存在 CodePen 上的互動實驗，官網實驗頁把原始紀錄日期標為 2018 年 2 月 10 日，作品頁提供開啟程式結果與原始碼兩個入口。標題的 Project 12 編號與他當時課程的專案編號體系同一套寫法。
- 互動實驗
- Canvas
來源與相關紀錄
- Music String · 同一批 CodePen 實驗 (策展主題)
- 動畫互動網頁特效入門（JS/CANVAS）：Hahow 第二門課 · 同期課程的專案編號體系 (策展主題)
0212 隨意寫程式直播：物件導向
老闆來點寇汀吧頻道的直播存檔，上線日期 2018-02-15，片長 1 小時 25 分 05 秒，累積 1,425 次觀看。標題把當天定位成隨意寫程式，主題是物件導向。這是頻道在 2017 年 7 月停下之後的第一支影片。
- 直播教學
- 物件導向
來源與相關紀錄
- 週四寫程式：Canvas 物件導向與繼承，土炮架構控制元件的小畫家 · 同一條週四直播線 (策展主題)
- 週四寫程式系列：用 socket.io 做個即時互動的遊戲 · 同一條週四直播線 (策展主題)
monoame-softscroll：整站緩速捲動套件
發佈到 npm 的小套件，倉庫描述寫 soft scroll library for whole website，npm 上的說明寫 soft scrolling for all place in website。第一個版本在 2018-03-02 上架，同一天接連推了數個修正版。README 說這是基於 jQuery 與 GSAP 的緩速捲動外掛，安裝後只要引入 softscroll 就能讓整站的捲動變緩。
- 套件
- 捲動
來源與相關紀錄
- monoame-preloader：圖片資源預載套件 · 同一天發佈的姊妹套件 (來源關聯)
- Vue-Studio：可互動的 Vue 元件與資料編輯器 · 同一年自己寫給自己用的小工具 (策展主題)
monoame-preloader：圖片資源預載套件
發佈到 npm 的小套件，倉庫描述寫 preloader for website resources，npm 上的說明寫 preloader for image。第一個版本在 2018-03-02 上架。README 說這是一支基於 promise 的輕量腳本，用來載入一整個圖片陣列。
- 套件
- 資源載入
Music String
保存在 CodePen 上的互動實驗，官網實驗頁把原始紀錄日期標為 2018 年 3 月 10 日，作品頁提供開啟程式結果與原始碼兩個入口。作品頁把這支歸在生成類，關聯到他後來的音樂表達論文。
- 聲音
- 互動實驗
來源與相關紀錄
- Project 12 Space Invader · 同一批 CodePen 實驗 (策展主題)
- mrt2018：台北捷運地景音樂徵選網站的公開倉庫 · 同一年與聲音有關的實作 (策展主題)
mrt2018：台北捷運地景音樂徵選網站的公開倉庫
GitHub 公開倉庫，建立日期 2018-03-23，最後推送 2018-11-28，語言標記為 Vue。README 的第一行寫 taipei mrt 2018 music contest，其餘是 Vue.js 專案的骨架指令。對應的公開網站 taipeisoundscape.com 今日仍在線，頁面標題寫 2018 台北聲音地景計畫、捷運站體環境音樂，副標寫隱音 mrt2018。
- 聲音
- 公共空間
imagenthu_frontend：清華校園影像展的前端倉庫
GitHub 公開倉庫，建立日期 2018-04-16，最後推送 2018-05-23，語言標記為 JavaScript，README 是 Vue.js 專案的骨架文件。倉庫名對上他履歷裡 2018 年 2 月到 6 月在清華大學科技藝術研究中心任互動設計工程師、做名為 Image of NTHU 的物聯網展覽那段。
- 物聯網
- 展覽
來源與相關紀錄
- Vue-Studio：可互動的 Vue 元件與資料編輯器 · 同一段時期的 Vue 實作倉庫 (策展主題)
動態互動網頁特效入門：結合物件導向與數學建立 agar.io
頻道上的課程片段，上線日期 2018-04-28，片長 12 分 01 秒，累積 1,606 次觀看。標題把這段掛在動態互動網頁特效入門這門課底下，主題是結合物件導向與數學建立 agar.io。
- 課程範例
- 數學
Vue-Studio：可互動的 Vue 元件與資料編輯器
GitHub 公開倉庫，建立與最後推送都在 2018-05-19，倉庫描述寫 An interactive Vue component + data editor。README 說這是一個實驗互動式 Vue 元件編輯器的 Vue.js 專案，操作方式是把資料拖放進元件裡，並附了一張介面截圖。
- 工具
- 介面實驗
來源與相關紀錄
- deerlight2018 公開倉庫 · 同一年的 Vue 實作倉庫 (策展主題)
- imagenthu_frontend：清華校園影像展的前端倉庫 · 同一段時期的 Vue 實作倉庫 (策展主題)
- monoame-softscroll：整站緩速捲動套件 · 同一年自己寫給自己用的小工具 (策展主題)
週四寫程式系列：用 socket.io 做個即時互動的遊戲
週四寫程式系列的直播存檔，上線日期 2018-05-25，片長 1 小時 18 分 52 秒，累積 23,767 次觀看，是這一批直播中觀看數最高的一支。主題是用 socket.io 做即時互動的遊戲。
- 即時互動
- 直播教學
來源與相關紀錄
- 0212 隨意寫程式直播：物件導向 · 同一條週四直播線 (策展主題)
- 前端修煉精神時光屋 Week1：Todolist 上集 · 同一批 2018 年直播 (策展主題)
前端修煉精神時光屋 Week1：Todolist 上集
直播存檔，上線日期 2018-06-11，片長 1 小時 38 分 36 秒，累積 4,642 次觀看。標題開了一個新的系列名稱前端修煉精神時光屋，第一週的題目是 Todolist，這支是上集。
- 直播教學
- 前端基礎
週四寫程式：Canvas 物件導向與繼承，土炮架構控制元件的小畫家
週四寫程式系列的直播存檔，上線日期 2018-06-21，片長 1 小時 35 分 53 秒，累積 1,567 次觀看。主題是用 Canvas 搭配物件導向與繼承，自己搭一套架構做控制元件，做出一個小畫家。這是頻道在他赴紐約之前的最後一支直播。
- Canvas
- 繼承
從不只是一門線上課程，而是一場推動進化的豪賭
他自己寫的長文，2016 年舊稿在 2018 年整理後重新發出。文章從第一門 Hahow 課程上線滿一個月、修課人數來到 1,667 人那天寫起，回頭數三年接案期的技術路線：從 HTML 與 CSS 進到 JS，再到 SVG 與 Canvas 動畫，為了售票系統入門 PHP 與資料庫，最後碰到 Angular.js 與 Vue.js 而愛上用資料轉換網頁。最初規劃的十三堂大綱在開錄之後被全部推翻，課程暴增到九十幾堂，原因是他發現沒有可看見的產出，學的人就抓不到概念。
- 教育
- 自述
來源與相關紀錄
- 釀造一門結合網頁、設計、數學與特效的線上程式課程 · 同一個 Medium 專題的另一篇 (策展主題)
- 動畫互動網頁特效入門（JS/CANVAS）：Hahow 第二門課 · 文中提到的第二門課 (策展主題)
釀造一門結合網頁、設計、數學與特效的線上程式課程
第二門 Hahow 課程做完後寫下的長文。他把製課期寫成 2017 年 8 月到 2018 年 8 月整整一年，起點是 2017 年 4 月經營的直播老闆來點寇汀吧，觀眾在講到三角函數做特效時一片哀嚎，他聽了很生氣，於是把課做成橫跨基礎網頁、JS 入門、Canvas 與特效動畫到 Vue 進階應用，超過 60 個範例與 400 張以上投影片。文中寫下對教育的看法：他仍希望教師的角色是一盞明燈，帶著你撥開混沌的迷霧，看見世界真實的模樣；也寫數學與科學真正的美，在於用一條式子可以預測未來。
- 教育
- 數學
來源與相關紀錄
- 動畫互動網頁特效入門（JS/CANVAS）：Hahow 第二門課 · 同一門課的製作紀錄 (來源關聯)
- 從不只是一門線上課程，而是一場推動進化的豪賭 · 同一個 Medium 專題的另一篇 (策展主題)
- 在紐約大學讀研當助教的進化日誌 · 同一個 Medium 專題的另一篇 (策展主題)
OpenProcessing 帳號上的第一支草稿
OpenProcessing 的 API 把這支草稿的建立時間記為 2018-09-10，是他帳號上 783 支草稿裡最早的一支，同一天晚上還有第二支。草稿沒有命名，模式標記為 p5js，說明與操作欄都是空的。隔天開始出現有名字的練習，其中一支標題寫 Sol LeWitt's wall drawing。
- p5.js
- 每日練習
來源與相關紀錄
- Sol LeWitt's wall drawing（p5.js 草稿） · 隔天的第一支有名字的草稿 (策展主題)
- 20180910 P5.js 動態藝術小練習 · 同一週開始的 p5.js 練習 (策展主題)
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
- 指令式繪畫
20180910 P5.js 動態藝術小練習
頻道上的短片，上線日期 2018-09-11，片長 30 秒，累積 1,308 次觀看。標題把日期寫在最前面，內容標記為 P5.js 動態藝術小練習。這是頻道上第一支以 p5.js 為題的影片，前面幾年都是前端框架與 Canvas。
- p5.js
- 短片
在紐約大學讀研當助教的進化日誌
NYU IDM 第一學期結束後寫的長文。他寫剛開學時急著在校內找工作，投了 IT 部門的 UX Designer 沒有回音，轉投系上的研究助理並錄取，這是他第一份受聘的正職。一個學期帶超過 40 位學生，橫跨不同教授與年級，他自己建了預約制、助教日誌、週報、罐頭信模板與成效分析，理由寫在文章裡：不甘心就只坐在那邊給人問問題。
- 助教
- 系統
來源與相關紀錄
- 數位時代的資訊理論演化：NYU IDM Media Theory D 期末論文 · 同一學期的另一份紀錄 (策展主題)
- 釀造一門結合網頁、設計、數學與特效的線上程式課程 · 同一個 Medium 專題的另一篇 (策展主題)