Clik here to view.
6to5 JavaScript Transpiler 重新命名為 Babel
先前寫了一篇 CoffeeScript 轉 ES6，裡面有提到 6to5 專案，此專案幫助開發者可以直接寫 JavaScript ECMAScript 6，該專案則會將 ES6 轉成 ES5，但是目前瀏覽器對於 ES6 的支援度還沒有很高，可以直接參考 ECMAScript 6 compatibility table，但是看到專案名稱 6to5，就會覺得如果之後 ES7 出來，不就要多開一個...
View ArticleClik here to view.
透過 https 下載套件，取代 git protocol
現在前端套件幾乎都會透過 Bower 來下載，而 Bower 預設使用 git protocol 來下載原始檔案，如果遇到 timeout 逾時，也就是無法透過 git:// 方式，就必須要切換成 https:// 下載，蠻多人遇到此問題，網路上找到這篇 bower install – github.com connection timed out 解答。在 Console...
View ArticleClik here to view.
Ruby Deploy With Capistrano 碰到 SSH Connection Closed
在 Ruby 開發環境最常用的 Deploy 工具就是 Capistrano，讓開發者可以快速部署程式碼，在部署進行中，由於大量的 js 及 css 需要處理，所以花最長的時間就是 assets:precompile，執行 cap deploy 就會發現卡在底下錯誤訊息 ** [whenever:update_crontab] exception while rolling back:...
View ArticleClik here to view.
Amazon 推出無限儲存空間方案 一年只要 60 美元
在 Wird 網站上看到這篇 Amazon’s New Unlimited Cloud Storage Is Absurdly Cheap，也就是說 Amazon 正式加入儲存空間競爭者，在儲存空間方案來說 Amazon 推出一年只要 $60 美金就可以無限制儲存任何檔案，這消息實在是太驚豔了，過去各大公司不曾有這樣的服務啊，像是 Google 每年 $120 美金只有 1 TB...
View ArticleClik here to view.
CodeIgniter 3.0 Release 終於釋出啦
從 2.2.x 版本到現在的 3.0 Release，終於等到釋出大家所期待的 3.0，此版本跟 2.2.x 版本差距極大，修正很多 bugs 重構很多程式碼，官網列出底下重大修正，要嘗鮮的請直接下載吧 CodeIgniter 使用 MIT 版權宣告 重構各種 Database Driver library 支援 PDO 所有函數 重新撰寫 Session Library，支援 Native...
View ArticleClik here to view.
Git Flow and JavaScript Coding Style
Git 已經是每日必備使用的指令，在平常工作上常常使用到 git rebase 或 git merge，發現很多工程師不知道什麼時候該用 rebase 什麼時候該用 merge，所以做了底下投影片來清楚描述 git rebase 及 merge 的優缺點及使用時機。 Git Flow and JavaScript Coding Style from Bo-Yi Wu...
View ArticleClik here to view.
Mac iTerm2 + tmux 搭配 Mouse mode
在 Mac 上必裝 iTerm2 終端機軟體搭配 copy mode 相當好用，只要用滑鼠選擇了一段文字，系統就會自動幫忙 copy，接著在任何地方就可以直接使用 command + v 貼上，如果要多視窗操作，可以安裝 tmux 多視窗軟體，如果使用了 tmux 你會發現滾輪滑鼠無法使用了，也就是看不到執行過的畫面跟指令，這時候就要調整 tmux 設定檔，補上 Mouse mode 設定檔 #...
View ArticleClik here to view.
Node.js Mocha 延遲測試
如果大家有在寫 Node.js Express Framework，一定對 Mocha Unit Testing 不陌生，各位工程師不要太相信自己寫的程式碼，產品上線前，務必要把 Unit Test 寫完整，如果是要 Code Refactor，那測試的重要性更是大。網站架構越來越大，功能越來越多，每寫一個新功能，都會產生 side effect，造成其他程式或邏輯出錯，這時候就需要 Unit...
View ArticleClik here to view.
Laravel 5.1 is released
很高興昨天收到 Laravel 釋出 5.1 版本，此版本在 Laravel 發展過程中第一個長期支援的版本，底下我們就來看看 Taylor Otwell 作者在此版本釋出有什麼新功能或變化。 長期支援 5.1 版本 (第一個 LTS 版本) 自從 Laravel 在 2011 年釋出第一個版本以來，作者都採用 “release early, release often”...
View ArticleClik here to view.
優化 Percona XtraDB Cluster for write hotspots
在 Percona Blog 上看到這篇 Optimizing Percona XtraDB Cluster for write hotspots 優化多重寫入 MySQL 的狀況，舉例來說，要計算 global counter 的時候，就會遇到很頻繁的寫入 (write hotspot)，目前是不能同時寫入資料到同一個 record，會造成 performance 降低，所以大家開始導入...
View ArticleClik here to view.
簡介 JavaScript ES6 物件及陣列
今年 2015 六月 17 號 Ecma International 已經同意 ECMA-262 6th edition 版本，這是在 ECMAScript 2015 Has Been Approved 看到的消息，而現在主流就是以 Babeljs 為主，將 ES2015 語法直接轉換成 ES5，讓各大瀏覽器可以繼續支援 ES2015 寫法。今天來介紹 ES2015 內如何使用物件...
View ArticleClik here to view.
用一張圖學習 JavaScript
在 GitHub 上的 javascript-in-one-pic 作者將 JavaScript 一些基本用法整理成 PDF, PNG .. 等版本，讓開發者可以一目了然學習基本 JavaScript 用法，這專案啟動沒多久就一堆人 Star 了，看到作者是參考之前我有參與翻譯的 JavaScript Garden 及 Professional JavaScript for Web...
View ArticleClik here to view.
Awesome List
@sindresorhus 建立一個強大的專案叫做 awesome，裡面收集了各式各樣的 Awesome List，包含 Programming Languages, Front-end Development, Back-end Development 等等，只要可以收集到非常 Awesome 的 Project...
View ArticleClik here to view.
git tips 找尋遺失的 commit 紀錄
個人每天常用的常用的三大 Git 指令分別是 git reset, git pull, git rebase，但是呢有時候手殘，常常把 git reset --soft 打成 git reset --hard 造成不可預期的錯誤，朋友圈內也有人常常問我該如何救不見的 commit，其實很容易，git 對於每隔操作後產生的 commit 都會存放在 Local 端，所以基本上不用擔心 commit...
View ArticleClik here to view.
Laravel Homestead 2.1.5 版本將不再刪除舊有資料庫
Laravel Homestead 提供一套虛擬機器，讓開發者可以快速將 Laravel 環境架設起來。在 2.1.5 版本以前，要新增新的 Site 都會透過修改 yaml 設定檔後，直接下 homestead provision 來重新啟動 VM，問題就來了，此指令會將現有的 Database 全部刪除，重先建立一次，這樣開發者就要重新跑 DB Migration...
View ArticleClik here to view.
Facebook React Jest 搭配 Webpack 測試
寫 Facebook React 就是要搭配 Webpack，Webpack 已經是前端開發的必備工具，要測試 React Component 就是要用 Facebook 開發的 Jest 框架，使用 Webpack 也許會搭配 Less or Sass Loader 讓每個 component 都可以獨立有 CSS 檔案。要在 JS 內直接引入 CSS 檔案寫法如下 import...
View ArticleClik here to view.
Laravel Presenter 在 Controller 的使用
Laravel Auto Presenter 是一套用在 view 裡的 decorates objects，搭配資料庫時，如果有需要組合或整合欄位來顯示相關資訊，這套就非常適合使用在 Laravel View 裡，如果不是透過 Laravel Auto Presenter，開發者也可以利用 Laravel Accessors & Mutators 來實現這方法，只是這要寫在 Model...
View ArticleClik here to view.
JavaScript in 2015
在這幾年的趨勢看來，JavaScript 已經環繞在各領域了，不管在 Web 前端或後端，上層或下層，都充滿了 JavaScript，其實都是托 Node.js 的福，網路上看到這篇 JavaScript in 2015，裡面講到 JavaScript 所有的工具，不管前端到後端，每一年都有新的工具跟新的 Framework，從以前寫 Backbone 到 Angular.js 到現在...
View ArticleClik here to view.
該如何寫好 git commit message
Git 已經是每天必用的工具，也是團隊間互相合作的重要角色。要寫好 Git commit message，讓團隊成員可以知道每一個 Commit 代表什麼意思，這是非常重要的。網路上看到一篇教您如何寫好 Git commit message，好的 Commit Log 可以讓其他同事快速知道這個 Pull Request 包含了哪些異動，該作者寫了七點，分別如下 將標題與內容中間多一行空白...
View ArticleClik here to view.
Pingdom 升級支援亞洲區服務
Pingdom 是一套偵測伺服器是否存在的工具，網站如果出問題掛點，Pingdom 會用 Email 及手機簡訊通知管理者。強大的地方不只這裡，還可以偵測 TCP, DNS, SMTP 只要是網路的 protocol 幾乎都有支援，個人買的是標準方案 (Standard)，之前一直讓我很困擾的是，Pingdom 只有支援美國及歐洲伺服器，所以如果要偵測亞洲區像是新加坡等地方，ping 的...
View Article