over 2 years ago

文章搬家囉!新文章在這裡:https://easonchang.com/2016/02/14/100sites-004-firework/

Firework - 享受臺北101的跨年煙火吧

Github
Live Demo

我一直在尋找製作前端動畫的框架,今天我終於找到了:Processing.js。它是Processing的js版本,可以讓你建構各種視覺藝術(visual arts)專案。

於是我用它來完成了今天的100sites專案:Firework,簡單的煙火動畫。

Read on →
 
over 2 years ago

文章搬家囉!新文章在這裡:https://easonchang.com/2016/02/13/100sites-003-todolist/

Github

TodoList,一個極為簡單的待辦清單。

我想儘早把後端的東西也學一學,這麼一來能做的網站就更多樣了,於是我找到了這個:Node.js學習筆記。這是一個簡單的Node.js入門指南,包含了三十多篇文章,每一篇的份量都很精簡,手把手教你做出一個簡單的Node.js網頁應用。內容也同時涵括了Express.js和MongoDB。

花了點時間讀完筆記後,這個TodoList就是我今天的成果了,它目前只能不斷新增Todo項目,沒有完成按鈕或刪除按鈕可以點選,之後有時間會補齊它的功能吧。

使用Node.js作為後端、Express.js當框架、MongoDB當資料庫並用Monk來連結、Hogan.js當模板引擎。

 
over 2 years ago

文章搬家囉!新文章在這裡:https://easonchang.com/2016/02/12/100sites-002-pomodoro/

Github

Live Demo

一個簡單的番茄鐘工作法計時器,沿用了#001Timer的程式碼做了一些修改與優化。

我Google到了一個interval函數可以自動修正誤差,如此一來時間誤差問題就解決了。

但將Pomodoro放到背景執行後,時間凍結問題依舊還沒辦法解決,title的時間依然會有極大的誤差。

 
over 2 years ago

文章搬家囉!新文章在這裡:https://easonchang.com/2016/02/12/100sites-001-timer/

Github

Live Demo

一個很簡單的倒數計時器。

使用了很基本的前端老三套:HTML、CSS、JavaScript,各一個檔案來完成這個計時器。

關鍵的計時功能由window.setInterval(function, delay)來完成,正常使用沒問題。

目前的問題是時間拉長以後就會產生時間誤差,並且當使用者切換到別的頁面後,此時Timer在背景執行,瀏覽器分配給setInterval的資源就會變少,倒數速度就會變非常慢,甚至完全停止,我目前還找不到解決方法。

 
over 2 years ago

文章搬家囉!新文章在這裡:https://easonchang.com/2016/02/12/100sites-000/

為了成為全端工程師,我決定開始做大量的side-project,從做中學,高效地提升我所需要的能力。

這就是100sites,從現在起我會寫出100個網頁並將其上傳,然後盡可能地說明我使用了哪些技術和工具。

【100sites #001】Timer
【100sites #002】Pomodoro
【100sites #003】TodoList
【100sites #004】Firework
【100sites #005】Drawer
【100sites #006】Snack
【100sites #007】Pong,使用P5.js建構的復古遊戲
【100sites #008】Showcase,單頁式網站設計展示我的作品集
【100sites #009】Flame,P5js酷炫小動畫
【100sites #010】Piano,用P5js的sound函式庫實作虛擬鋼琴
【100sites #011】LifeGame,生命遊戲模擬無限的可能性

 
over 2 years ago

文章搬家囉!新文章在這裡:https://easonchang.com/2016/01/31/go-tron/

『構。創 2016/01/25 - 2016/01/29』

「構。創」,一個由台大與交大合辦的創業營隊結束了,但它所帶給我們的悸動還清晰地留存著。

我抱著認識同伴、認清自我的心態來參加構創,而構創給我的多到超乎想像。

Read on →
 
over 2 years ago

文章搬家囉!新文章在這裡:https://easonchang.com/2015/12/31/myself-autobio-happyny/

又到了寫自傳的時候了,寫自傳實在是一種很奇妙的體驗,如何突破尺度把自己最光鮮亮麗的一面呈現出來;如何讓僅有的幾項成績展現出最大的價值;如何發揮文字的魔力掙取到最大錄取機率,這種掙扎過程真的很有趣。

昨天參加了導師時間的與校長有約座談會,重點一如預期的扯上了合校議題 ,我的看法是現在既然還在理念交換的階段,我們要做的就是把我們學生期望的交大未來藍圖提出來,我們希望交大未來朝向哪個方向發展?要如何才能達到這樣的期望?與陽明合併是最好的方法嗎?現階段在細節上吹毛求疵是無濟於事的,畢竟還未到討論實行計畫的階段。

除了併效議題之外,有同學問到導師時間的意義何在?這真的是一針見血的問題呀,學務長打太極我們就別提了,導師時間到底為何而存在?就我觀察,現在導師時間實行成效就是把我們抓在一起聽演講、或是宣傳一些活動,僅此而已,所謂促進師生良好互動,或是遇見生命中的貴人之類的美好願景,效果不大,至少我自己是這樣。

我自己是滿喜歡聽演講的啦,有些演講著實不錯,例如天下雜誌的志氣論壇,就算沒有導師時間我也會主動參加,有些就真的挺浪費時間的啦,硬把我們綁在一起聽我們沒有興趣或根本沒有意義的演講。

但這也許是我們心態上的問題,我們不夠開放,不願接受我們沒興趣的東西,但難道這樣校方就可以打著「為了你好」的旗號,強迫我們接受他們認為我們應該聽的東西嗎?還是如果把這段時間省下來,讓我們去自由探索自己有興趣的東西,會比較有意義一些?

今天也看到了一部很勵志的影片,這是Violin Noobie,一位二十多歲的女孩子,她從2013年三月開始學習小提琴,她將她這兩年的練習過程整理成了下面這部影片,你可以很明顯的看見她的進步,從最初驚人的Happy Birthday,到現在令人讚嘆的River Flows In You。

https://www.youtube.com/watch?v=DaugRxMz7tw

進步是需要長期累積的,新的一年,給自己許下一個新的目標,並且持之以恆的實踐它吧!

新年快樂!

 
over 2 years ago

文章搬家囉!新文章在這裡:https://easonchang.com/2015/12/29/github-expo-school-merge/

Github之旅

今天做了很多事情。早上貢獻了一下Github上的cdnjs,把arbor的license給補上了,感謝peter的建議,我學會了如何只pull特定檔案、如何更新fork出來的repository、如何rebase到最新的branch上。明天應該會把餘下尚未補齊的license資訊給補齊,這真的很有趣,我想我愛上Github了。

Read on →
 
almost 3 years ago

文章搬家囉!新文章在這裡:https://easonchang.com/2015/11/09/aiesec-nctu/

前天下午,我參加的AIESECxNCTU的大人物講座。這場講座的講師陳時霖,分享了如何「創造語言的力量」。

這是一場「探索人生的簡報課」,主題聚焦在「簡報技巧」及「積極人生」。

關於做好簡報,時霖分享了許多核心觀念與實用技巧,

  • 簡報要滿足聽眾的需求,而更高竿的則是「創造」聽眾的需求。
  • 拿到麥克風的前30秒是最重要的時刻,你要讓你自己和聽眾們都熱起來。想一個最與眾不同的開場白吧!
  • 溝通的三要素,肢體動作最重要,聲音語調是其次,最後才是實際的內容。
  • 用眼神的「時針移動法」環顧會場裡的每一位聽眾,讓他們感覺受到重視。
  • 可以嘗試用這四項內容做開場:聽講益處、核心問題、經典數據、引人故事。
  • 結尾則能選用這四種方法: 統整重點、說故事、感召大家做行動、一句話做結論。
Read on →
 
almost 3 years ago

文章搬家囉!新文章在這裡:https://easonchang.com/2015/10/27/lever-reading/

《槓桿閱讀術》
作者:本田直之(Honda Naoyuki)
譯者:葉冰婷
出版社:漫遊者文化


目的:
提升商業書「閱讀效益」,以「投資」的角度進行閱讀。
 
哲學:
  • 根據作者經驗,讀書的投資報酬率為10000%。
  • 僅僅做「輸入」的動作,只不過是自我滿足而已,如果能「輸出」使用,才是真正勝負的關鍵。
  • 槓桿效益閱讀術是徹底把書用盡,直到一本書支離破碎。
  • 如果經常帶著閱讀筆記,並反覆閱讀幾次的話,逐漸會對該內容融會貫通。猶如用慣的工具和手掌結為一體一般。
方法:
  1. 秉持「目的」意識,捨棄不重要的部分,進行「掃讀」。
  2. 培養即戰力,挑選「經驗類型」的書籍。
  3. 徹底閱讀同類別書籍,每一本書都提到的內容就是該領域的重點。
  4. 在實體書店發現新書,在網路書店主動購買。
  5. 在書上劃線、紀錄想法、摺角,徹底發揮書籍的最大效益。
  6. 製作「閱讀筆記」(我認為是本書最有價值的部分),之後就反覆閱讀你的筆記,除非書籍超好,否則不要再去讀那本書了。


 圖片引用自Anobii:
http://www.anobii.com/books/槓桿閱讀術/9789866858192/01fdecafeff15f5c07