LiveReload 網頁程式設計師必備工具

如果讀者目前從事的工作跟 Web Develop 相關,相信每天在按 Ctrl + R 的次數至少在上百次吧,也許花在這上面的時間會真的很煩,有沒有想過如果每次修改 html php css s[ca]ss js 檔案後,網頁會自動幫忙 reload 呢,這樣就可以另外買個螢幕把網頁拉過去,修改好檔案,螢幕就會幫忙重新整理,大家省下這些時間就可以專心寫 Code 了啦,解決此問題非常容易,那就是裝上 livereload 這套 rubygem 程式,底下先看看 livereload 影片:

[Read More]

Github 支援 SVN Client

Github 一年前宣佈開始支援 SVN Client,不過這是必須透過 https://svn.github.com 才可以取得資料,跟一般 git 的網址不一樣,然而就在最近宣佈了同步支援 svn 也可以存取 https://github.com/,並且過不久的將來會移除 https://svn.github.com/ 網域。 URL 處理 git 方式: $ git clone https://github.com/appleboy/PHP-CodeIgniter-Framework-Taiwan git-ds Cloning into git-ds... remote: Counting objects: 4177, done. remote: Compressing objects: 100% (665/665), done. remote: Total 4177 (delta 3544), reused 4140 (delta 3509) Receiving objects: 100% (4177/4177), 2.65 MiB | 239 KiB/s, done. Resolving deltas: 100% (3544/3544), done. svn 方式: $ svn checkout https://github.com/appleboy/PHP-CodeIgniter-Framework-Taiwan svn-ds A svn-ds/branches A svn-ds/branches/develop A svn-ds/branches/develop/README A svn-ds/branches/develop/changelog. [Read More]
git  Github  svn 

轉移 Github 上的 Private Repository 到 BitBucket …

Bitbucket
看到

gslin 大神寫了一篇 把 GitHub 上的 private repository 搬到 BitBucket 上…,最近自己也把一些不能公開的專案轉到 BitBucket 上面,由於在 BitBucket 上面可以無限開 private repository,所以我想也沒有必要付費給 Github,雖然論 Web 功能上而言,Github 還是略勝一籌,個人還是比較習慣 github 有 Network 的圖形可以看,不過平常還是都是在打指令,所以也沒差了,在 push 速度上面,感覺 BitBucket 也沒有輸 github 許多,所以決定就轉過去了,人總是為了錢所考量,當然 BitBucket 還是有些缺點的,可以參考之前寫的 Bitbucket 開始支援 Git Repository

[Read More]

輕量級 A Clean & Classy PHP Framework Laravel 簡介安裝

Laravel PHP Framework
今日作者來介紹一套輕量級 PHP Framework:

Laravel,目前還尚未發現台灣有任何人使用這套,然而 PHP Framework 實在太多種了,要把每一套都弄熟實在很不容易,如果作者有玩過一定會上來寫些教學文件,Laravel 是基於 PHP 5.3 環境的 PHP Framwork,裡面已經都是用物件及 5.3 的 Namespace 下去開發,如果您想研究 Laravel PHP Framework 可以 Follow Laravel Twitter,更重要的是追蹤 Github Source Code。也許可以看一下 2.0 的 Roadmap

[Read More]

在 CentOS 上面安裝 Ruby 環境

centos
目前開發網站都傾向於用

Compass 這套 CSS Framework 來 develop,開發之前必須把環境先弄好,就是要有 Ruby 套件才可以安裝 Compass,網路上的教學幾乎都在是 Ubuntu 底下用 apt-get 方式來安裝,其實相當方便,但是 FedoraCentOS 就是要用 yum 方式來安裝,這次碰到 CentOS 竟然 yum search git 出來的結果是空的,所以決定全部都透過 tar 的方式來安裝全部套件了。由於 Fedora 幾乎都可以找到套件,但是碰到 rubygems 需要用到 ruby 1.8.7 以上版本,所以還是乖乖的用 tar 方式吧。 大家可以試試看透過底下 yum 方式安裝:

yum install -y ruby ruby-devel rubygems
雖然 Fedora 透過上面可以安裝成功,可是 ruby 跟 rubygems 的版本根本是...太舊了吧 ... [Read More]

AWS 機器上 duplicated RPM 問題

AWS-logo
昨天幫忙升級全部

AWS RPM 套件,升級過程本來很順利,不過不知道哪一個 RPM 造成 SSH 全面斷線,接著我直接到 AWS Management Console 把機器 restart,登入系統之後下 yum update,直接給我噴出底下錯誤訊息

---> Package zlib.i686 0:1.2.3-24.7.amzn1 will be updated
---> Package zlib.i686 0:1.2.3-25.8.amzn1 will be an update
--> Finished Dependency Resolution
 You could try using --skip-broken to work around the problem
** Found 155 pre-existing rpmdb problem(s), 'yum check' output follows:
audit-libs-2.1-5.15.amzn1.x86_64 is a duplicate with audit-libs-2.0.4-1.14.amzn1.x86_64
authconfig-6.1.12-5.14.amzn1.x86_64 is a duplicate with authconfig-6.1.4-6.13.amzn1.x86_64
basesystem-10.0-4.9.amzn1.noarch is a duplicate with basesystem-10.0-4.8.amzn1.noarch
bash-4.1.2-8.14.amzn1.x86_64 is a duplicate with bash-4.1.2-3.13.amzn1.x86_64
binutils-2.20.51.0.2-5.20.17.amzn1.x86_64 is a duplicate with binutils-2.20.51.0.2-5.12.15.amzn1.x86_64
cloud-init-0.5.15-16.amzn1.noarch is a duplicate with cloud-init-0.5.15-8.amzn1.noarch
coreutils-8.4-13.13.amzn1.x86_64 is a duplicate with coreutils-8.4-9.12.amzn1.x86_64
coreutils-libs-8.4-13.13.amzn1.x86_64 is a duplicate with coreutils-libs-8.4-9.12.amzn1.x86_64
cpp-4.4.5-6.35.amzn1.x86_64 is a duplicate with cpp-4.4.4-13.33.amzn1.x86_64
[Read More]

在 Windows 底下安裝 Compass CSS Authoring Framework

Compass Home   Compass Documentation

Compass 是一套 base on Sass Language 的一套 CSS Framework,它提供了豐富的 CSS3 原件,讓您可以加速開發 CSS,也繼承 Sass Language 的開發方式,支援 variables, mixins, selector inheritance…等,今天就來介紹如何在 Windows 底下快速安裝開發環境。如果想更瞭解 Sass 可以參考之前的文章: 加速開發 CSS 工具: Sass

安裝步驟 (Install Compass) 在安裝 Compass 之前,您必須要先安裝

Ruby 開發環境,在 Ubuntu 或 Debian 底下可以透過 apt 的方式安裝:

$ sudo apt-get install ruby1.9.1-full
如果你想裝 ruby 1.8 可以透過底下:
$ sudo apt-get install ruby-full
[Read More]

Bitbucket 開始支援 Git Repository

Bitbucket
很高興剛剛收到

Bitbucket 寄來一封會員信,標題非常吸引大家的注意,那就是 Bitbucket now rocks Git.,是的,你沒看錯,Bitbucket 現在開始支援 Git repository,不再只有 Mercurial 可以使用,這還不算什麼,Bitbucket 更是推出**無限制免費 private repos for free **,這樣的推出,不知道會有多少 Github 用戶轉移到 Bitbucket 上面,還有另一項主因就是 Unlimited disk space 無限制硬碟容量,不過也許不用高興的太早,Bitbucket 在使用者人數上面有些限制,可以參考 Plans & Pricing,免費方案每個 Repository 只能有5個 User,反觀 Github 並沒有這限制,不過我想這也不是問題,大家可以 Fork 到自己的專案,在 Pull Request 即可。 補充官方網站提供了轉換各大 Source Hosting 工具,目前支援 GithubSourceForgeGoogle CodeSubversionMercurial…等。

版本控制 svn move 移動或更名

公司採用 svn 當作版本控制,而我最近在整理 svn 上面全部的 source code。基本上我都會將 git 跟 svn 也一起搭配著用,因為個人比較熟悉 git 的操作方式,然而跟同事討論了專案目錄的架構,進而要把一些目錄轉換大小寫,本來的 App 就改成 app,這個在 git 底下(OS: Linux)操作非常容易,直接 git mv App app,之後看 git status 可以發現底下輸出: # On branch develop # Changes to be committed: # (use "git reset HEAD ..." to unstage) # # renamed: nav/hacks.txt -> Nav/hacks.txt # renamed: nav/moo.fx.js -> Nav/moo.fx.js # renamed: nav/moo.fx.pack.js -> Nav/moo.fx.pack.js # renamed: nav/nav.js -> Nav/nav.js # renamed: nav/prototype.lite.js -> Nav/prototype.lite.js # renamed: nav/user_guide_menu. [Read More]

Git Submodule 介紹與使用

自己用 Git 已經很長一段時間了,沒用過 git submodule 的話真的是對不起自己,今天來筆記 Git Submodule 一些操作步驟及說明。

git Submodule 使用時機

大家在開發新專案的時候,不知道有沒有用到其他專案的程式碼,像是 Web 專案,也許會用到 Blueprintcss CSS Framwork 或者是 Sass,這些專案目前都放在 Github 上面進行維護,以前的作法就是先 git clone 下來,把要的檔案分別複製到自己專案,可是問題來了,如果官方更新了程式碼,那自己的專案如何更新呢?難道是重複步驟把檔案複製到原來地方嗎?這樣會不會太麻煩,這時候就是需要 git submodule 來幫助大家進行程式碼的更新,這樣隨時隨地都可以取得最新的程式碼。補充說明一點,git 目前無法針對單一專案底下的單一檔案或目錄進行 clone,而必須 clone 整個目錄,這點跟 svn 有很大的不同,所以 git 可以建立各個不同的 submodule 來整合成一個大型 Project。換句話說就是: 在您的專案底下,你可以任意將其他人的專案掛載在自己任何目錄底下

[Read More]