發表文章

如何優雅地在 Mac 上使用 dotfiles?

圖片
註:這篇文章的原始碼放在 GitHub ,會以上面的更新為主。 如果不清楚什麼是 dotfiles 的話,可以參閱 善用 dotfiles 個人化自己的工作環境 : dotfiles,顧名思義,就是檔案名稱以 . (dot) 為 prefix 的檔案通稱,若是您的作業系統是 Mac OS X 或是 Linux 這類 *nix-based 的作業系統,一般來說在視窗環境中是看不到這些檔案的,因為對系統來說,他們是所謂的隱藏檔,這些檔案有一些共通點,那就是他們通常用來儲存一些個人化的設定或是自定的拓展功能,以符合使用者本身的使用需求與習慣,有了這些設定好的檔案之後,使用者可以讓整個系統用起來更為順手,並且大幅提昇他們自身的工作效率!因此對某些使用者來說,這些 dotfiles 設定檔對他們來說,反而可能是他們機器上最重要的檔案呢! 這份 dotfiles 是 fork 自  Holman's dotfiles ,並根據個人的需求修改過,如果有興趣,閱讀完這份文件之後,歡迎 fork 一份回去配置成適合自己的 dotfiles。 更多的 dotfiles 請參考  GitHub does dotfiles 。 Quick Start 清除並安裝 OS X 安裝 Xcode 安裝 dotfiles 恢復備份 How To Use dotfiles OS X Mackup Quick Start Erase and reinstall OS X 如果你打算從乾淨的 Mac 環境開始,請參閱  OS X:如何清除並安裝 。 Install Xcode 更新 App Store。 安裝  Xcode 。 開啟 Terminal,安裝 Xcode Command Line Tools: xcode- select --install Install dotfiles 下載 或使用 git clone 一份到  $HOME  目錄底下的  .dotfiles  資料夾裡面: git clone https://github.com/amowu/dotfiles.git ~ /.dotfiles ...

AngularJS + Google Spreadsheet

圖片
概要 這篇文章主要是說明如何寫 AngularJS 的 service,以類似 $resource REST 的方式來取得 Google 試算表的資料。 本文假設讀者已讀過 AngularJS Tutorial ,了解 AngularJS 基本概念。 目錄 建立試算表 Template App Module Service Controller 注意事項 參考 建立試算表 前往 https://drive.google.com 或是參考已經建立好的 試算表 。 先建立一份新的試算表: 建立 > 試算表 。 填寫資料表,以 AngularJS Tutorial 的 phones.json 為例。 將試算表權限公開: 檔案 > 共用 > 擁有存取權的使用者 > 變更 。 共用設定 > 公開在網路上 > 存取權 > 可檢視 > 儲存 。 權限公開後,發佈到網路: 檔案 > 發佈到網路 > 內容有所變更時自動更新發佈 > 開始發佈 。 發佈完成後,公開連結中會提供一組 key,可以前往 Google Data APIs 測試看看資料是否回傳正確。 接下來進入正式寫程式的階段,這裡我們會使用到 Tabletop.js 這個第三方的 library,提供 javascript 快速取得 json 格式的試算表資料。 這裡會以 AngularJS Tutorial 的 phonecatApp 為例子,說明如何實作 Tabletop.js 的 service。 Template 建立 index.html ,並加入 angular.js , angular-route.js 和 tabletop.js 。 index.html : <!doctype html> <html ng-app="phonecatApp"> ... <div ng-view></div> ... <script src="angular.js"></script> ...