JiunJiun: 4月 2013

2013年4月25日星期四

LiveReload

在寫網頁的時候，時常在改一段code然後需要回去browser按個ctrl+r(F5)去重新整理畫面

來觀看改寫的內容，但現在要介紹一個好物！！！

那就是 LiveReload !!!!

簡單來說只要安裝就可以解決上面了問題！！

可以去官網安裝 LiveReload

原則上就下一步下一步沒什麼太大問題！

接著再依序你所使用browser來安裝

下面是for chrome的擴充套件

https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei

來了來了

在Mac上需要 $300大洋

為了不想花錢

還是有別的方法！就是下面

https://github.com/guard/guard-livereload

使用方法很簡單

首先你必須先有install Ruby這邊就不介紹

接著再下

gem install guard-livereload

就安裝完成！！

接著再你的網頁目錄下

guard init livereload

就會在你的目錄下產生一個

Guardfile

產生的規則是以rails為主，可以從裡面做參考

若你沒有想特別去指定要偵測的檔案，可以用下面附檔名的方式去設定

接著你只要去修改成下面

# A sample Guardfile
# More info at https://github.com/guard/guard#readme

guard 'livereload' do
  watch(%r{.+\.(css|js|html?|php|inc|module|info)$})
end

可以再依你需要的偵測的附檔名做調整

接著再去執行他

guard

就可以執行了，接著一樣再去browser的Enable LiveReload就完成了

以上若有問題還請大家指教

參考資料
http://blog.wu-boy.com/2011/10/how-to-install-livereload/
http://wp.xdite.net/?p=3088

MacVim 切畫面及切換

在用Vim的時候，常會希望你可切畫面切左右來工作

在Vim可以切左右和上下

切上下

:split

切左右

:vsplit

這個時候你一定想問，我切換的畫面每次都要用滑鼠去點才能編寫

接下面是教你怎麼切換你所切的畫面

只要按

ctrl+w w
ctrl+w <方向鍵>

切回去的話

ctrl+w shift+w

參考資料
http://www.openfoundry.org/tw/tech-column/2383-vim--buffers-and-windows
http://hi.baidu.com/fox000002/item/0e962353f8e71f958c12edff
http://hi.baidu.com/southhill/item/724c9bcf6330f413b77a246a

Mac Mysql

在Mac install mysql有很多方法

可以用port, brew或是直接從官網下載

在這裡是用 brew來下載

brew install mysql

之前有用過port版本更新就沒有那麼快

再來就是要啟動需要打的指令比較多也比較繁瑣

啟動mysql方法

mysql.server start

2013年4月19日星期五

2013年4月18日星期四

解除Mac Retina封印

在Mac Retina的狀態下

雖然官方說在13/15吋有2560*1600/2880*1800的解析度

但實際上在系統只能讓你調用到1680 x 1050/1920 x 1200

現在來打破限界

首先先到這裡下載

http://wineskin.urgesoftware.com/tiki-view_blog_post.php?postId=51

接著在上面Key上欲轉換的解析度

XXX YYY（用空白代替*)

就可以轉換成功

參考資料：

http://www.macuknow.com/node/19933

http://wineskin.urgesoftware.com/tiki-view_blog_post.php?postId=51

2013年4月16日星期二

MacVim plugin (持續更新中...)

在MacVim是一個非常強大的編輯器

他強大之處就是可以plugin套件，經過學長推薦有幾該個還不錯放在上面

ctrlp.vim
https://github.com/kien/ctrlp.vim
https://blog.othree.net/log/2012/11/10/ctrlpvim/

ZenCoding.vim
https://github.com/mattn/zencoding-vim
http://nootn.com/blog/Tool/23/
http://www.zfanw.com/blog/zencoding-vim-tutorial-chinese.html

nerdcommenter
可對程式碼做註解

使用方法可以參考這裡

https://github.com/scrooloose/nerdcommenter

vim-powerline
可以顯示漂亮的介面
https://github.com/Lokaltog/vim-powerline

snipmate (這個大大的推薦)
這個可以針對不同的附檔名，使用tab鍵快速產生code
http://www.vim.org/scripts/script.php?script_id=2540

vim-css-color
可以在css下對應color顯示
https://github.com/ap/vim-css-color

surround
方便的編輯器，可以去做修改刪除的功能
https://github.com/tpope/vim-surround

NERDtree
檔案編輯器
http://www.vim.org/scripts/script.php?script_id=1658

SuperTab
只要按Tab就可以呼叫最近使用的變數
http://www.vim.org/scripts/script.php?script_id=1643

PIV
這個對於php開發者很重要，不僅可以縮程式碼最重要的是IDE只要
在-> or :: 輸入

<C-X><C-O>

就可以幫你找對應的函式

參考連結及說明：
http://blog.eddie.com.tw/2012/06/01/screencast-3-vim-plugins/

iTerm2

使用了幾天Mac 常常使用command line（我的好朋友阿！）

卻沒有快捷鍵可以馬上呼叫，最近的還只能呼叫到應用程式，還要經過點選等等等等步驟...

實在讓人有點不便

經過學長的推薦, iTerm2實在是太方便而且又可以馬上呼叫，真的是利器

連結在下面

http://www.iterm2.com/#/section/home

關於iTerm2一些基本設定可以參考這邊

http://www.yangzhiping.com/tech/iterm2.html

http://loukafai.blogspot.tw/2012/05/iterm2.html

Eclipse Retina

在Retina上去執行Eclipse那畫面真的還蠻不好看

搜尋了一下只要做幾個步驟就可以支援

mvim ~/{存放路徑}/eclipse/Eclipse.app/Contents/Info.plist

接著在倒數第二行加入幾行，記住不能有空白！

NSHighResolutionCapable

參考資料：
http://bbs.weiphone.com/read-htm-tid-5031366.html

Install MAMP Development stack on Mountain Lion using MacPorts

這是一篇從網路上轉載的別人寫好了MAMP(Mac, Apache, MySQL, PHP)使用MacPorts來完成

因為Mac本身就有預載Apache, PHP，不過版本可能不是最新的

前半步驟都在先更新軟體

接下來在做設定

大家可以參考下面的連結：
https://gist.github.com/TeamOneJ/4210358
http://2tbsp.com/content/install_apache_2_and_php_5_macports

在Mac上使用PageUp/Down, Home, End

在Mac上的terminal使用vim的時候

使用PageUp/Down, Home, End 不是針對vim, 而是整個terminal都跳

可以設定下面去讓他不會亂跳

打開 terminal -> Preferences -> Settings -> Keyboard
增加以下四個 Key / Action

home \033[1~
end \033[4~
page up \033[5~
page down \033[6~

接著只要搭配 fn ＋上下左右鍵就可以了

參考連結：
http://trully622.blogspot.tw/2012/01/mac-vim-pagedown-pageup-home-end.htmlterminal

2013年4月15日星期一

Mac Ports

Mac Port

就很像BSD的port tree，都可以透過這邊去更新需要程式

參考連結：

http://blog.lyhdev.com/2011/09/macports-mac-os-x-open-source.html

PHP Install in Mac

在Mac都有預載php，不過版本可能會不是最新

可以參考這裡

http://docs.moodle.org/dev/PHPUnit_installation_in_OS_X

MacVim

MacVim

Install url：https://code.google.com/p/macvim/

dotfiles

經過學長提點

他推薦我一個dotfiles

至於dotfiles我還不清楚是什麼（如果有人知道跟我說一下）

似乎是一個基礎設定，像是.vimrc, .vim, .bashrc, etc.

最明顯的狀況就是MacVim, command line 都有顏色的改變!!

在安裝之前需要先安裝 git

https://github.com/mathiasbynens/dotfiles

git clone https://github.com/mathiasbynens/dotfiles.git && cd dotfiles && source bootstrap.sh

Mac Pro Book Retina!!

這篇完全沒有任何技術或是任何說明

單純的想說

我終於加入Mac開發環境了!!

以後文章會開始慢慢轉成Mac環境下執行

哈哈...

2013年4月11日星期四

關閉自動完成輸入

在HTML的INPUG有的時候會出現曾經key過的List

可以透過

autocomplete="off"

去關閉!!

範例如下

參考資料：
http://css-tricks.com/snippets/html/autocomplete-off/
http://www.htmlcodetutorial.com/forms/_INPUT_AUTOCOMPLETE.html

2013年4月1日星期一

在其他的Service讀取PreferenceActivity所設定的值

經過上次 http://jiun-blog.blogspot.tw/2013/03/preference.html

發現到如果要在其他Service同步偵測，發現在PreferenceActivity所設計的值會有錯誤或抓不到

搜尋後找到了這個方法

public class BackgroundService extends Service {
 
 SharedPreferences.OnSharedPreferenceChangeListener listener;
 
 @Override
 public IBinder onBind(Intent arg0) {
  // TODO Auto-generated method stub
  return null;
 }
 
 @Override
 public void onStart(Intent intent, int startId) {
  EnableSharedPreferences();
 }
 
 @Override
 public void onDestroy() {
  // TODO Auto-generated method stub
  super.onDestroy();
 }
 
 private void EnableSharedPreferences() {
  SharedPreferences prefs = PreferenceManager.getDefaultSharedPreferences(this);
  listener = new SharedPreferences.OnSharedPreferenceChangeListener() {
   public void onSharedPreferenceChanged(SharedPreferences prefs, String key) {
    
   }
  };
  prefs.registerOnSharedPreferenceChangeListener(listener);
 }
}

這樣當在PreferenceActivity做了改變，這邊就會偵測到

參考資料：
http://stackoverflow.com/questions/2542938/sharedpreferences-onsharedpreferencechangelistener-not-being-called-consistently

eclipse 無法copy

在Eclipse有時會遇到無法copy的問題

雖然找不到比較直接的問題，但有解決方法可以

Window > Preferences > Java > Editor > Typing
取消勾選 Update imports

參考資料：
http://rocking5566.blogspot.tw/2013/03/eclipse.html

訂閱：文章 (Atom)

JiunJiun

2013年4月25日星期四

LiveReload

MacVim 切畫面及切換

Mac Mysql

2013年4月19日星期五

MacVim plugin nerdcommenter

2013年4月18日星期四

解除Mac Retina封印

2013年4月16日星期二

MacVim plugin (持續更新中...)

iTerm2

Eclipse Retina

Install MAMP Development stack on Mountain Lion using MacPorts

在Mac上使用PageUp/Down, Home, End

2013年4月15日星期一

Mac Ports

PHP Install in Mac

MacVim

dotfiles

Mac Pro Book Retina!!

2013年4月11日星期四

關閉自動完成輸入

2013年4月1日星期一

在其他的Service讀取PreferenceActivity所設定的值

eclipse 無法copy

追蹤者

2013年4月25日 星期四

2013年4月19日 星期五

2013年4月18日 星期四

2013年4月16日 星期二

2013年4月15日 星期一

2013年4月11日 星期四

2013年4月1日 星期一

2013年4月25日星期四

2013年4月19日星期五

2013年4月18日星期四

2013年4月16日星期二

2013年4月15日星期一

2013年4月11日星期四

2013年4月1日星期一