ubuntu12.04安裝ngnix、php、mysql套件

更新apt-get並安裝nginx、php5、mysql及php-mysql套件

設定開機自訂執行的PHP FastCGI，將下列程式碼建立於/etc/init.d/php-fcgi(若沒有此檔案則自行建立)



建立完成後將php-fcgi這個檔案設定為可執行檔，開啟PHP FastCGI，並設定開機自動執行




開啟/etc/nginx/sites-available/default，設定nginx預設執行的程式為index.php，並設定在nginx在遇到php副檔名的時候，執行PHP FastCGI



設定完成後執行「/etc/init.d/nginx restart」重新啟動nginx，即可在nginx執行php

在ubuntu安裝Git Server

• 使用「sudo apt-get update」更新套件清單
• 輸入「sudo apt-get install git-core」安裝GitServer
• 在你的home目錄建立git資源要放置的目錄（例如mkdir gitRepository）

• 進入建立的「gitRepository」資料夾，輸入「git init --bare」建立一個空的git專案

• 輸入「mkdir gitFileStore」建立一個存取git專案檔案的資料夾

• 輸入「git clone kejyun@192.168.2.12:gitRepository」抓取剛剛建立的git空專案

這樣就完成了Git Server的建置與抓取專案的步驟了

Linux CLI 提示字元的設定

提示字元變數名稱：PS1（1為數字1）

參數（鳥哥:認識與學習 BASH）：

• \d ：可顯示出『星期 月 日』的日期格式，如："Mon Feb 2"
• \H ：完整的主機名稱。舉例來說，鳥哥的練習機為『www.vbird.tsai』
• \h ：僅取主機名稱在第一個小數點之前的名字，如鳥哥主機則為『www』後面省略
• \t ：顯示時間，為 24 小時格式的『HH:MM:SS』
• \T ：顯示時間，為 12 小時格式的『HH:MM:SS』
• \A ：顯示時間，為 24 小時格式的『HH:MM』
• \@ ：顯示時間，為 12 小時格式的『am/pm』樣式
• \u ：目前使用者的帳號名稱，如『root』；
• \v ：BASH 的版本資訊，如鳥哥的測試主機版本為 3.2.25(1)，僅取『3.2』顯示
• \w ：完整的工作目錄名稱，由根目錄寫起的目錄名稱。但家目錄會以 ~ 取代；
• \W ：利用 basename 函數取得工作目錄名稱，所以僅會列出最後一個目錄名。
• \# ：下達的第幾個指令。
• \$ ：提示字元，如果是 root 時，提示字元為 # ，否則就是 $ 囉～

顏色（Color Bash Prompt）：

• txtblk='\e[0;30m' # Black - Regular
• txtred='\e[0;31m' # Red
• txtgrn='\e[0;32m' # Green
• txtylw='\e[0;33m' # Yellow
• txtblu='\e[0;34m' # Blue
• txtpur='\e[0;35m' # Purple
• txtcyn='\e[0;36m' # Cyan
• txtwht='\e[0;37m' # White
• bldblk='\e[1;30m' # Black - Bold
• bldred='\e[1;31m' # Red
• bldgrn='\e[1;32m' # Green
• bldylw='\e[1;33m' # Yellow
• bldblu='\e[1;34m' # Blue
• bldpur='\e[1;35m' # Purple
• bldcyn='\e[1;36m' # Cyan
• bldwht='\e[1;37m' # White
• unkblk='\e[4;30m' # Black - Underline
• undred='\e[4;31m' # Red
• undgrn='\e[4;32m' # Green
• undylw='\e[4;33m' # Yellow
• undblu='\e[4;34m' # Blue
• undpur='\e[4;35m' # Purple
• undcyn='\e[4;36m' # Cyan
• undwht='\e[4;37m' # White
• bakblk='\e[40m'   # Black - Background
• bakred='\e[41m'   # Red
• bakgrn='\e[42m'   # Green
• bakylw='\e[43m'   # Yellow
• bakblu='\e[44m'   # Blue
• bakpur='\e[45m'   # Purple
• bakcyn='\e[46m'   # Cyan
• bakwht='\e[47m'   # White
• txtrst='\e[0m'    # Text Reset

Prompt escapes

• \a an ASCII bell character (07)
• \d the date in "Weekday Month Date" format (e.g., "Tue May 26")
• \D{format} the format is passed to strftime(3) and the result
•  is inserted into the prompt string an empty format
•  results in a locale-specific time representation.
•  The braces are required
• \e an ASCII escape character (033)
• \h the hostname up to the first `.'
• \H the hostname
• \j the number of jobs currently managed by the shell
• \l the basename of the shell's terminal device name
• \n newline
• \r carriage return
• \s the name of the shell, the basename of $0 (the portion following
•  the final slash)
• \t the current time in 24-hour HH:MM:SS format
• \T the current time in 12-hour HH:MM:SS format
• \@ the current time in 12-hour am/pm format
• \A the current time in 24-hour HH:MM format
• \u the username of the current user
• \v the version of bash (e.g., 2.00)
• \V the release of bash, version + patch level (e.g., 2.00.0)
• \w the current working directory, with $HOME abbreviated with a tilde
• \W the basename of the current working directory, with $HOME
• abbreviated with a tilde
• \! the history number of this command
• \# the command number of this command
• \$ if the effective UID is 0, a #, otherwise a $
• \nnn the character corresponding to the octal number nnn
• \\ a backslash
• \[ begin a sequence of non-printing characters, which could be used
•  to embed a terminal control sequence into the prompt
• \] end a sequence of non-printing characters

UI設計重點

• 一旦一個功能需要文字解釋，這個功能的設計已經失敗了 [1]
• 如果能用一個按鈕來實現，絕對不會用兩個 [1]
• 少就是多，簡單就是美 [1]
• 如果誰一上來給我拿一個產品計劃的邏輯，我要花一個小時才能看懂，那一定不是好產品。 [1]

參考資料：
[1] 張小龍：如何把產品做簡單

JavaScript & jQuery學習資源

JavaScript

基礎

• Javascript Fundamentals: Development for Absolute Beginners
• JS Pattern

jQuery

影片

• 30 Days to Learn jQuery

CSS好用工具整理

CSS參數搜尋整理

http://www.dochub.io/#css/

使用者經驗設計讀後心得

原文：
使用者經驗設計：（1）UX design 的過去
使用者經驗設計：（2）UX design 的極致挑戰
使用者經驗設計：（3）UX design 的理想與現實


原文轉錄：

「視覺與版面設計」的最基本要求是：讓使用者一眼就知道這一頁裡有哪些資訊？哪些是他要的？哪些是他不要的？

「路徑設計」的最基本要求是：讓使用者一眼就知道他可以往哪些網頁移動，而他下一步想讀的資訊剛好就在這些選項中（最小路徑設計）。但是要做好這工作，你必須了解使用者在每一個情境（網頁）裡可能會想要做哪些事。因此，你不能再止於視覺設計與認知心理學，你必須要知道「目標使用群」在你所預想到的「使用情境」裡可能會有的各種使用需求。

　　我覺得「最小路徑設計」是UX一個很核心且重要的概念，在設計網頁的時候你都必需要去定義你在這個網頁，你想要給看網頁的使用者看到什麼樣的資訊，而且要猜測使用者來你的網頁，他想要看到什麼樣的資訊（他想要做哪些事情），設定義的情境與大部分使用者想看到的情境是非常類似的，那麼你網站的設計就算是成功了；如果網頁全部的資訊都是使用者想要看的，那麼不管你UI做的多爛，你的網站也算是成功的。

　　只是要做的網頁中的所有資訊都是使用者想要的是非常困難的，你必需要知道每個使用者的喜好，且每個使用者的喜好都會不同，所以等於你要替每一位使用者去客製化他自己的網頁，只是這樣的成本太高了，所以才會讓網頁UI/UX的設計要求，能夠大部分都符合大多數人的需求，所以做UI/UX之前，要知道自己網站目標客群「使用情境」的需求，才不會讓自己的網站空有內容卻雜亂無章。

「使用者需求」是很古老的概念，業界用「市場調查」了解客戶想要的產品特性，也通過售後服務與調查瞭解客戶的抱怨，然後據此定義出一個新產品所需要擁有的正面特性和必須排除的負面特性。但是 UX 所面對的問題複雜度遠遠超過傳統電子產品或汽車等產品，只要想一想一個網站的規劃就可以知道。

想像你要規劃一個「台灣民宿入口網站」，你如何讓使用者一進入首頁都相信他要的資訊你這網站都有，而且很容易搜尋？或者，至少讓她隨便逛兩分鐘，試過數個網頁後就建立起信心？回憶一下你過去搜尋民宿的痛苦經驗，就知道所有相關的入口網站對使用者在各個搜尋階段的需要多麼地無知（或毫不關心）──它老是給你一大堆你不要的資訊，卻不給你妳要的資訊；你經常在一個網站裡浪費一整個小時，卻根本就不知道這網站裡有哪些資訊，沒哪些資訊。

　　好的UI就是要能夠在短短的1~2分鐘之內，能夠引導使用者知道你的網站葫蘆裡是在賣什麼藥，而且要讓使用者很快的找到他想要買的藥，否則你的藥再怎麼適合他，他沒找到你沒賣出去，都是一個失敗的生意。現在網站那麼多使用者事沒辦法像以前一樣，那麼有耐心的一頁一頁慢慢的翻找網站找出他想要看到的資訊，所以現在好的UI/UX才會讓我們這麼的重視。