半熟前端

軟體工程師 / 台灣人 / 在前端的路上一邊探索其他領域的可能性

本部落格使用 Gatsby 製作

本部落格有使用 Google Analytic 及 Cookie

分類

AWS

透過 AWS lambda 上傳 Medium 文章

Medium 本身不支援 code block 編輯,雖然不知道背後的原因為何(或許工程師並非主要客群),所以如果要高亮程式碼,一個作法是直接貼圖片,一個是貼在 gist 上後再 embed…

繼續閱讀...#lambda#medium
nodejs

Better Express error

Better-express-error 在 express 開發時,如果遇到錯誤,通常是直接印在 error page 上,或者在 production 端直接導到 404, 500 page。 這雖然沒有什麼值得一提的是,不過說真的,看到這種頁面,你會覺得開心嗎? default error…

繼續閱讀...#nodejs#express
前端

React16 重點整理

react 終於正式發佈 v16 了,其實官方部落格的介紹已經相當完整(而且賞心悅目)。本篇文章作為筆記與統整,精簡了部分的細節。 1. componentDidPatch(error, info) react16 最亮眼的部分,加入 ErrorBoundary 的功能,確保在 lifecycle…

繼續閱讀...#react
前端

前端面試心得

前言 終於有時間整理最近的面試歷程了。先總結一些看到的事情: 通常公司面試只考 Javascript 的熟悉度,多數關於演算法或是解釋原型鍊等等,很少考 DOM 或是 Event 的操作。 幾乎不考 CSS,就算有也只是簡單判斷 class、ID 優先度這種基本題目而已。 沒有面試考 HTML…

繼續閱讀...#面試
前端

淺談 ramda 中的幾個 API

前言 ramda 是個相當好用的函式庫,如果聽過 lodash 或是 underscore 的話,可以將 ramda 想成 functional programming 的 lodash,他們的 API 有許多相似性,差別在於 ramda 本身有 FP 的功能,任何的 API…

繼續閱讀...#ramda#javascript
rails

Rails app 自動化部屬 - hubot 與 heaven

前言 目前所在的公司裡頭是直接在本地端的 terminal 跑 cap staging deploy 指令。 capistrano 作為自動部署化的工具非常方便,但難免會遇到幾個問題: 不是團隊中的每個人都有相同的環境 大家都在部署,結果 staging 上現在到底是哪個 branch…

繼續閱讀...
前端

IT 鐵人幫完賽心得

連結 今天是鐵人賽的最後一天,感覺自己最後結尾的部分收得不是很好,也有很多部分都因為時間上的關係沒有很完整地 介紹完。 挑戰 3…

繼續閱讀...#webGL#IT 鐵人幫
前端

高度相同的排版解決方案

在前端的頁面中,我們經常會碰到需要相同高度的排版。最直覺的方法就是將容器裡的所有元素設為 float 或是 inline-block。 float 及 inline-block 如果是使用 float 排版,不但要先撐開父元素容器(clearfix),還要針對子元素設定 margin…

繼續閱讀...#flex

2016 g0v summit 心得

因為一則廣告而創立的 g0v g0v 的由來其實是因為經濟動能推升方案(就是那個史上最腦殘的廣告) 這群熱血的工程師決定組成 g0v。致力於推動政府開放,並且以網路的方式推廣給大眾。 g0v 能夠紅,是從 318 學運開始。因為 hackfold…

繼續閱讀...#g0v
程式筆記

【筆記】易讀程式碼之美學

比較短的程式碼比較好嗎? 雖然減少程式碼會提高易讀性,但縮短讀程式碼的時間才是重點。 表層結構 清楚的命名方法跟變數名稱 方法不需要用 do 選擇詞彙的時候不要用模擬兩可的名稱,ex: pop popItem 在方法名稱加入更多的資訊 找尋更明確的詞彙 send => deliver…

繼續閱讀...
前端

css variable + sass variable = 😍

之前寫過了一篇關於自己對 css variable 的想法,原本對這個屬性沒有抱持著太大的期待,自己用習慣了 SASS 變數也覺得這個 css variable 反而像個彆腳的 system,不過如果你也是這樣想的人,可以參考這篇文章 Why should you care Css…

繼續閱讀...#css
前端

令人期待的 PostCSS

從 SASS 到 PostCSS 大約在一年前,PostCSS 開始竄紅在前端生態圈裡,不外乎就是所謂的 preprocessor 的特性、高度客製化自己的 plugin、搶先使用 cssnext 的功能,還能夠搭配各種建構工具(gulp, webpack…

繼續閱讀...#postcss#sass
雜談

追求卓越中,我們逐漸平凡

以前那個愛彈鋼琴、愛看小說的自己,好像正在已驚人的速度消失當中

繼續閱讀...