老闆，製作一門有教育浪漫理想的課程要花多久呢？
ans：#我用了一年（汗流浹背）。

2017/8–2018/8，整整一年時間，我在 Hahow 好學校 製作我的第二門線上課程，把我對線上課程的想像再做好做滿、做爆，做到未曾有人嘗試的東西，也希望他能夠在深度、廣度上完整超過第一堂課。


#這麼猛爆努力的原因
我也同時在探討自己對互動網頁的憧憬從何而來，我最後找到數學與科學。數學與科學的美，是終於在世界中找到秩序，所以即使聽起來艱深，這門課也能與所有人共鳴。


#回到眼前
幸好課程也得到學生們猛爆的肯定（抹額頭汗），回到眼前，課程用有趣的範例，從程式、數學、或設計，整合式的帶你走入絢麗的特效網頁世界，從解決真實的問題或創作來看見學習的目的。

從 html/css 講到 物件導向 講到 數學、音樂、遊戲的綜合應用，囊括 JavaScript 完整入門、es6 物件導向，到後來自己了解原理並做一個遊戲引擎，範例從記憶遊戲、小精靈、生成式藝術到 agar.io。

長達 3,085分鐘，超過 60 個精緻範例與 400 張的投影片，以及四個加碼單元 vue-cli、GSAP、D3、Three.js 的投影片，成為 Hahow 上最長的課程，有興趣的話，就來看看吧。

--
閱讀全文 👉 http://creativecoding.peek.link/29tA
瞧瞧課程 👉
動畫互動網頁程式入門(HTML/CSS/JS)：https://bit.ly/3wM2vtj
動畫互動網頁特效入門(JS/CANVAS)：https://bit.ly/36KD7JV

我還好好的，你們都好嗎？

疫情期間清掉了一些讀書債、
遊戲債、打掃債、學習債。

碰社群的時間少了，
思考的時間多了。

不知不覺不管是什麼形式的發文，
自己的筆觸都變得很無傷大雅、很清淡。

好像沒有什麼大起大落想透過社群表達，
因為一旦試圖描述起來，
只怕三天三夜都寫不完。（就像這篇）

大概會在社群平台的不得不樂觀正向，
和實際一點也不好的真實景況之間陷入糾結，
然後寫出些什麼不堪入目的內容來。
例如一些身在福中不知福的無聊發洩。

最近生活慢慢退回，
回到我們還沒有被一直看手機的強迫症全面攻佔的時代。
雖說「退回」，但其實是有意識的遏止自己黏著網路跟社群。

原以為是一種因為疫情而與世隔絕的能力退化現象，
但其實可解釋為被治癒或提升吧？

人類終於有機會檢視自己的精神到底需要被什麼餵養，被什麼侵佔。光是少碰手機就讓我整個人感到踏實了起來。

前段時間很想念一些朋友，
除了訊息之外也很想跟他們講講電話。

但一個人關在家裡久了，
慢慢就覺得自己對這個世界好像不怎麼重要。

擔心著自己對友人真實的關懷，
聽起來會不會是造成反效果的多管閒事？
然後慢慢的覺得自己對朋友來說好像也不重要了。

還想著我就是個臭阿宅，
沒有人會想要接到我打的電話吧？

這樣的心情，
一半說笑，一半認真啦！

為了讓自己好過點，
盡量讓自己被事情佔滿：

每天看一本書
（有時候一不小心看不完）

看了超多漫畫
（我要強調不管是實體書還是電子書都是正版）
（出清量也是前所未有）

從程式零基礎學會了HTML/CSS
（今天正往JS前進，請真正的工程師大大們，
拜託不要笑我這個剛開始的初學者，
請多多指導🙏）

一週看完至少十部片
（包含影集或動畫）

破台了兩款乙女遊戲
（正要開始破第三款）

在美股裡載浮載沉
（花了不少學費也學了不少）

前陣子復發的嗜甜習慣又戒掉了
（從每天一奶茶變回一週一杯無糖鮮奶茶）

作息要正常還是有點難，
很多時候是不明原因失眠，
不像以前每天都能累到像氣絕一樣倒頭就睡，
隔天起來還能神清氣爽。

也還是害怕著越演越烈的夏天，
想像著自己走出門的瞬間，
就會被烤乾。

被取消的線下實體工作，
目前都還沒有回來，

老實說烏雲罩頂的氣氛其實還多少在我腦海裡。

記錄自己做了哪些事、報平安，
試圖藉由這樣條列顯出實存感的同時，
也擔心著出於自我激勵的內容會不會淪落成他人壓力的引爆源，如同我看到其他做了好多事的人，就會直覺性地檢討自己怎麼這麼廢。

但其實這樣列一列，
也算是有在做些什麼了吧？
也許我就不要對自己太過苛責了吧？

目前我還算是穩穩的在前進著，
也都還算身心靈健康。

新冠肺炎疫情的這關我們都還在過。

雖然有人說痛苦是比較出來的，
確實看著別人更龐大的痛苦，
也許我們就知道自己相對幸福了一些。

但我還是不想要用這樣的想法，
去看待我們面臨的艱難。

我相信每個人要面對並承認自己遭遇的困頓，
包含自己覺得無法跨越的感受面，
也才能更理性的去看見事情嚴重性、
畫分出優先次序，然後找出更全面的解決之道。

很希望自己未來無論遇到什麼樣的挑戰，
都能把這樣的理性落實在人間。

希望偶爾有不小心掉落鬱悶黑洞的朋友，
也許我們看到了對方就彼此拉一下，
一起坐在黑洞邊邊聊聊天吧。

PS.突然想剪頭髮所以隨意找了間髮廊，
結果意外地剪得我很喜歡。
還有朋友「說像綾波零呢！」
🥲真是一輩子的好朋友啊！
原來如此啊，那一定要好好拍照留念一下囉。（髮型都是剛剪完走出髮廊的那瞬間最好看）

@the_gate_hair_salon

#新髮型 #hairstyle #加油 #撐下去 #人像寫真 #写真 #人像 #cheerup #sissi #長文

NT 570 特價中

Vue 3 開發的終極指南! 建構大規模的應用程式並部署到營運環境。從零到精通!

從這 30 小時的課程，你會學到

✅ 建構企業等級的 Vue 應用程式並部署到營運中
✅ 檔案上傳、測試、PWA、國際化、Vue 3的認證
✅ 學習如何像高階開發人員一樣建構反應性強、效能好的大規模應用程式
✅ 學習 Vue 3 的最新功能，包括 Composition API、Vuex、Vue Router等
✅ 學習使用 TailwindCSS、Sass、CSS 動畫和過場特效來建構漂亮的應用程式
✅ 從頭開始掌握 Vue 開發者的最新生態系統
✅ 成為前 10% 的 VueJS 開發者
✅ 在你的應用程式中使用 Vuex 進行狀態管理
✅ 學會在效能和可擴充性方面進行權衡比較
✅ 設定認證和使用者賬戶
✅ 使用 Firebase 來建構全端應用程式
✅ 透過做出良好的架構決策和幫助團隊中的其他人來學習領導 Vue 專案
✅ 掌握 Vue 設計模式
✅ 使用 Vue Router 進行路由選擇
✅ 將應用程式轉換為漸進式 Web 應用程式
✅ 用 Jest、快照測試、甚至 E2E 測試來測試你的應用程式
✅ 使用最新的 ES6/ES7/ES8/ES9/ES10/ES11 JavaScript 來編寫乾淨的程式碼
✅ 瞭解為什麼 Vue 在開發者中的受歡迎程度超過了 React 和 Angular!

https://softnshare.com/complete-vue-js-developer-zero-to-mastery-vuex/

本次的教學主題是用 GSAP 製作直播互動動態效果，哲宇將會手把手帶大家製作彈跳表情符號、emoji 彈幕還有留言與點選動態等效果。

現在許多電商、遊戲甚至課程平台都有了直播的功能，如何透過網頁特效動態來為互動加分，讓使用者好有參與感，就來跟哲宇一起切磋切磋吧。

(1:50:13) 哲宇大型 debug 現場

#GSAP
--

追蹤老闆的 IG：https://www.instagram.com/bosscodingplease/

Hahow 線上課程：
動畫互動網頁程式入門 (HTML/CSS/JS) 👉 https://bit.ly/3i6OTEU
動畫互動網頁特效入門（JS/CANVAS）👉https://bit.ly/3i3sCYy
互動藝術程式創作入門 (Creative Coding) 👉 https://bit.ly/3yliGiV

Creative Coding 台灣站：https://bit.ly/3iQ8iZF

暫時有多短 永恆有多長
每個永恆的自我 都只是時間暫時的記號
但每個暫時的念頭 卻能牽動永恆的脈動

之於世界，這一生，如此渺小
相互聚集或分離，仰頭大笑或哭泣
這一刻 那一秒 都將翻動永恆的去向

葛大為透過情感面的抉擇取捨，「每個一念之間便是無窮宇宙」，將整個宏偉的宇宙觀放入歌曲裡面，整張專輯從廣大與無限的總結導出。人生之於永恆，不過是短暫的歲月，然而，想成為怎樣的記號，正是JJ想透過這首歌誘發深思的問句。
當每個念想都只是時間流裡短暫的記號，那麼或許也該學著在生命這個開放式系統中懂得放下限制與執著，去接受各種不同的發生。

人的記憶通常停留在一段過程的某一個瞬間，是暫時，也是永恆。

MV 聚焦於歌曲的意境與意義，再度邀請余靜萍擔任導演，余靜萍將角色從平面攝影師到動態影像攝影師，進而延伸至MV導演，透過各種面向與方式參與這張專輯的概念，善於用畫面說故事的她選擇跳脫MV的概念並採用他最擅長的方式，用大量的平面照片說故事。以不同故事線堆疊的片段組合而成，傳達了不同狀態、不同階段的人生，每一刻的情感都是全世界，而這些片段將牽引著最終的去處。而導演安排JJ用同一個身分從倖存者貫穿來到這支MV，將情感與理念繼續延續下去。然而最後這些MV中的角色也都跟JJ站在一起望向同一個地方，故事價值回到每一個人身上，體現了整張專輯的概念。

#林俊傑暫時的記號
#JJ林俊傑倖存者如你
#JJDrifterLikeYouDo
#JJXIV #JJDoubleEP
_
暫時的記號 詞：葛大為 曲：林俊傑

陽光並不普照
什麼都看不到
攤在手中的
反而虛無飄渺

試論誰不孤傲
容不下結局 太跳躍
卻把餘生鋪成 雷同的軌道

每次當我沾染了 黑暗的色調
想像自己 有對照
在此刻 在某處 那個我 他很好

每次當我迷惑在 眼前的美好
提醒自己 更善良
這一生 只是永恆 暫時的記號

人的心很奇妙
越寂寞越喧囂
抉擇 讓你得到 幸福
也帶來煩惱

表象只是通道
喜或悲最終 同樣單調
我們只是旅程 其中的一條

每次當我沾染了 黑暗的色調
想像自己 有對照
在此刻 在某處 那個我 他很好

每次當我迷惑在 眼前那些美好
提醒自己 更善良
這一生 只是永恆 暫時的記號

存在的 逝去的 故事線 都很像
在終點 還會再遇到
各種我 各自在 各宇宙 個別哭或笑
都在這一秒

每次當我沾染了 黑暗的色調
想像自己 有對照
在此刻 在某處 那個我 他很好

每次當我迷惑在 眼前那些美好
提醒自己 更善良
這一生 只是永恆 暫時的記號
身為我 只是時間 暫時的記號
_

創意概念Creative Concept｜余靜萍 Jin Pin Yu、林俊傑 JJ LIN
導演Director｜余靜萍 Jin Pin Yu
監製Executive Producer｜陳寶旭 Rachel Chen
攝影指導Director of Photography｜余靜萍 Jin Pin Yu

Cast 主演
男子｜夏騰宏
女子｜李玲葦
嬰兒｜王楀甯
爺爺｜張天祥
奶奶｜曾彩雯

特別演出
舞者｜劉奕伶 I-Ling Liu

演出
人偶男 ｜王郁仁
爺爺｜孫秉森
奶奶｜孫敏芳
男孩｜潘奕縑

諮商室友人｜陳立軒、王榮鑫、張智盛
人群｜張瀞蔆、楊鈞訸、莊珮宸、林承勳、李宥慈、李由、杜鑫、林美玲、孫伊璉、陳端慶、陳俊諺、林秋文、汪勇軍、謝肇明、杜興益、黃莉婷、劉維琳、陳宝玉、陳光敬、張智凱

音樂製作 Music Production｜JFJ Productions Corp. Ltd.
詞Lyrics｜葛大為
曲Composer｜林俊傑 JJ LIN
製作人Producer｜林俊傑 JJ LIN
配唱製作Vocal Production｜馬毓芬
製作協力Production Assistance｜黃冠龍 ALEX.D、周信廷 SHiN CHOU、蔡沛蓁
編曲＆鍵盤Music Arrangement & Keyboards｜吳慶隆
弦樂編寫Strings Arrangement｜吳慶隆
第一小提琴First Violin｜张浩、张琴、杨爽、张晗、高言、梁怡、杨思雨、倪冰雪
第二小提琴Second Violin｜简培、侯宇红、闫红、崔晓蕾、荆磊、崔方晗
中提琴Viola｜李季泽、何辉、毕芳、方振华
大提琴Cello｜张平、郎莹、王瑶、石云博
法國號 French Horns｜Jordan James、Kyra Sims、Judy Lee
吉他Guitar｜黃冠龍 ALEX.D
低音吉他Bass Guitar｜甯子達 Michael Ning
鼓Drums｜Brendan Buckley
和聲編寫Background Vocal Arrangement｜馬毓芬、林俊傑 JJ LIN
和聲Background Vocals｜林俊傑 JJ LIN、簡朝崙
錄音室Recording Studios｜JFJ SANCTUARY (Taipei)、East West Studios & Reflector Music Studio (Los Angeles)、九紫天成录音棚
錄音師Recording Engineers｜林俊傑 JJ LIN、周信廷 SHiN CHOU、Wil Anspach、Brendan Buckley、黃冠龍 ALEX.D、李昕达
弦樂錄音助理Assistant Strings Recording Engineer｜胡静成
混音室Mixing Studio｜mixHaus Studios (Los Angeles)
混音師Mixing Engineer｜Richard Furch
混音助理Assistant Mixing Engineer｜Domenic Tenaglia

音樂錄影帶製作Music Video Production｜逆光電影公司 Touch of Light Films Ltd.
製片Production Manager｜童思玫 Gypsy Tung
副導演Assistant Director｜郭婉柔 Wan Rou Kuo
執行製片Line Producer｜張瀠之 Amo Chang
製片組Production team｜汪億展 Martin Wang、周盈秀 Ying Shiow Chou、蔡惠貞 Tricia Tsai
選角指導Casting directer｜陳加倚 Lico Chen
選角助理Casting assistant｜徐敏 Min Hsu
平面攝影Photographer｜蔡秉孝 Bing Xiao Tsai
平面攝影助理Photographer assistant｜劉韋伶 Sarah Liu、王映涵 Ying Han Wang
跟焦師Focus Puller｜黃得祐 Matt Huang
攝影助理Camera PA｜李煜宬 Li,Yu-Cheng、陳彥名 Yan Ming Chen
空拍Aerial Photography｜毛庭軍 Ting Chun Mao、蔡隆鑫 HIGHER FPV
燈光師Gaffer｜林宏洋 Yang
燈光助理Best Boy｜許原毓 Hsu Yuan Y、鄭智遠 Cheng Chih Yuan、林盈宏Ying Home Lin
美術指導Art Director｜王筱恬 Xiao Tian Wang
美術執行Set Decorator｜王家瑜 Jia Yu Wang
美術場務Art Department｜光圈映像有限公司

林俊傑造型Stylist for JJ Lin｜韓忠偉 Justin Han
林俊傑造型助理Styling Assistant for JJ Lin｜俞舒泰 Tiger Yu
林俊傑化妝Makeup Artist for JJ Lin｜高秀雯 Jasmine Kao @prettycool_makeup
林俊傑髮型Hair Stylist for JJ Lin｜胡智豪 Peter Wu @peter_wu_coloriste_
劇組化妝髮型Makeup Artist｜黃若宜 Ruo Yi Huang
劇組服裝管理Costumer｜伍婷婷 Ting Ting Wu
劇照師Still Photographer｜李欣哲 Hsin Che Lee
花絮側拍師Behind The Scenes｜沐旅影像製作工作室mulustudio（動態）/陳小烈LieChen（平面）
九巴車隊Tranprotation｜陳建生大車隊 詹曜營 Yao Ying Zhan、張明雄 Ming Xiong Zhang、翁志鋒 Chi Feng Weng、潘扶邦 Fu Bang Pan
攝影器材Camera Equipment｜和寬攝影器材有限公司
燈光器材Lighting Equipment ｜利達數位影音
場務器材Equipment ｜永祥影視器材
剪接Editor｜謝佩芬 Summer Sha、黑光 black kuang
預告剪接Teaser Editor｜黑光 black kuang
特效設計VFX Artist｜頂樓創意設計製作有限公司
動畫師Animator｜沈富霖 Shen,fu-lin 、呂竑憲 Lu Hung Shien
調光Colorist｜謝佩芬 Summer Sha
後期製片Post Producer | 賴俊亘 Jyun Lai

製作協力Production Support ｜JFJ PRODUCTIONS Corp. Ltd.
藝人經紀Artiste Management｜徐佩雲 Yvonne See
執行經紀Artiste Management Executive｜韋佩佩 Wee Peipei、孫凡崴 Gaspard Sun、李文元 Yuan Lee、陳明君 Kirsten Chen
藝人助理Artiste Assistant｜彭靖深 JS Pang
數位行銷Digital Marketing｜游巧媃 CJ Yu、張皓婷 Carol Chang

發行Published by｜華納國際音樂股份有限公司 Warner Music Taiwan Ltd.
出品人及監製Publisher & Executive Director｜周純如 Ruby Chou
首席內容及創意總監Chief Content Director｜梁兆林 Terry Leung
產品企劃專員Product Planning Executive ｜陳昭岑 Verna Chen
行銷副總監Assistant Director of Marketing Promotion｜張雅婷 Georgina Chang
行銷經理Manager of Marketing Promotion｜卓郁函 Yuhan Cho
行銷主任Supervisor of Marketing Promotion ｜劉慧君 Jean Liu
行銷專員Executive of Marketing Promotion ｜余岱凌 Dolly Yu
社群媒體行銷專員Digital Media Executive ｜張又琳 Catherine Chang
數位客戶服務經理Account Servicing Manager｜曾柏翔 Austin Tseng

Special Thanks 特別感謝
新北市政府
新北市政府文化局
新北市文化基金會
新北市協拍中心
新北市政府交通局
府後立體停車場
惠心婦幼診所

哪部作品是各位最印象深刻的呢？
其實看到這個表單 我真的覺得很特別
各位也把自己的表單貼上來吧

馬上訂閱我
https://goo.gl/ndRC6A
訂閱我的遊戲頻道
https://ppt.cc/fqtrHx
訂閱小豬
https://goo.gl/LebpwE
訂閱早御田博士
https://ppt.cc/fX18cx
老爹粉絲專頁
https://www.facebook.com/farmercrazy/