程式旅人 - 學習紀事 -

ssh via socks proxy

2013-09-17T11:37:00.003+08:00

關於ssh tunnel就不贅述，網路上有很多中文資料。以下是讓ssh connect via socks 5 proxy:

ssh -o ProxyCommand='nc -x myproxyserver.example.com:1080 %h %p' targetsshserver.example.com

參考來源: SSH via SOCKS proxies

Written with StackEdit.

用vim快速縮排xml文件

2012-10-19T10:48:00.000+08:00

文章來源: http://www.mclark.name/dlog/2010/02/format-xml-in-vim/

gg=G

不行的話，可以安裝xmllint來用。

用7zip批次壓縮資料夾目錄的功能

2012-01-09T21:51:00.000+08:00

感謝使用 7-Zip 來批次壓縮檔案 (完美版) 分享此方法!

建立批次檔，檔名如"批次壓縮.bat"

@echo off
set a=c:\program files\7-zip\7z.exe
for %%a in (%*) do (
        dir /a %%a|findstr "DIR" >nul 2>nul && (
                "%a%" a -tzip "%%~dpa%%~na.zip" "%%~a\*"
                ) || (
                "%a%" a -tzip "%%~dpa%%~na.zip" %%a
                )
        )

將bat檔放到SendTo目錄，即可使用"傳送到..."來執行批次壓縮的功能。

[VIM] Javascript auto format 好plugin, 不用嗎?

2012-01-05T11:57:00.001+08:00

jsbeautify : a javascript source code formatter

網頁版: http://jsbeautifier.org/

安裝:

將jsbeautify.vim放到vimfiles/plugin 內
在.vimrc內設定一個<leader>鍵，不知道什麼是<leader>的請:help leader
或是設一個key mapping，如
```
nmap <F6> :call g:Jsbeautify()<CR> 
```

用法:
<leader>ff

或

按<F6> (或是你自訂的鍵)

註:
預設的縮排空白是\t
如果想要用空格，在jsbeautify.vim內的295行

let s:opt_indent_char = "\t"

改為

let s:opt_indent_char = "  "

即可。

在試能不能有其他種{}的換行option...

CSS validation tools

2011-07-26T15:56:00.003+08:00

CSS Lint

CSS整形與最佳化工具

CSS大師的10條原則

[linux] dd 中bs的速度比較

2011-05-20T17:45:00.001+08:00

這篇是測試文，base on 某一台nas上。
硬碟是SAMSUNG 1T，純粹參考用。

/shares/Publilc # dd if=/dev/zero of=zero.test bs=1M count=1000
1000+0 records in
1000+0 records out
1048576000 bytes (1000.0MB) copied, 14.971962 seconds, 66.8MB/s
/shares/Publilc # dd if=/dev/zero of=zero.test bs=10M count=100
100+0 records in
100+0 records out
1048576000 bytes (1000.0MB) copied, 14.615720 seconds, 68.4MB/s
/shares/Publilc # dd if=/dev/zero of=zero.test bs=20M count=50
50+0 records in
50+0 records out
1048576000 bytes (1000.0MB) copied, 14.045518 seconds, 71.2MB/s
/shares/Publilc # dd if=/dev/zero of=zero.test bs=50M count=20
20+0 records in
20+0 records out
1048576000 bytes (1000.0MB) copied, 18.544483 seconds, 53.9MB/s
/shares/Publilc # dd if=/dev/zero of=zero.test bs=20M count=50
50+0 records in
50+0 records out
1048576000 bytes (1000.0MB) copied, 14.120041 seconds, 70.8MB/s
/shares/Publilc # dd if=/dev/zero of=zero.test bs=50M count=20
20+0 records in
20+0 records out
1048576000 bytes (1000.0MB) copied, 21.059055 seconds, 47.5MB/s
/shares/Publilc #

gvim 開檔直接開在 tabpage

2011-02-17T12:30:00.001+08:00

資料來源

autocmd BufNewFile,BufAdd,BufRead * nested tab sball

常用指令

:tab ball
把所有 buffer 轉成 tabpage

一些 Google 天氣氣象用 API

2010-10-06T12:42:00.005+08:00

取得台灣區域城市的經緯度 www.google.com/ig/cities?output=xml&hl=zh-tw&country=tw

傳回結果如

<xml_api_reply version="1">
<cities>
<city><name data="台中"/><latitude_e6 data="24150187"/><longitude_e6 data="120642999"/></city>
<city default="true" ><name data="台北"/><latitude_e6 data="25091075"/><longitude_e6 data="121559834"/></city>
<city><name data="台東"/><latitude_e6 data="22984612"/><longitude_e6 data="120987632"/></city>
<city><name data="台南"/><latitude_e6 data="23005897"/><longitude_e6 data="120182022"/></city>
<city><name data="宜蘭"/><latitude_e6 data="24692947"/><longitude_e6 data="121719546"/></city>
<city><name data="花蓮"/><latitude_e6 data="23756899"/><longitude_e6 data="121354163"/></city>
<city><name data="金門"/><latitude_e6 data="24454650"/><longitude_e6 data="118380432"/></city>
<city><name data="南投"/><latitude_e6 data="23838760"/><longitude_e6 data="120987632"/></city>
<city><name data="屏東"/><latitude_e6 data="22549506"/><longitude_e6 data="120619990"/></city>
<city><name data="恆春"/><latitude_e6 data="21977337"/><longitude_e6 data="120746490"/></city>
<city><name data="苗栗"/><latitude_e6 data="24489269"/><longitude_e6 data="120941737"/></city>
<city><name data="桃園"/><latitude_e6 data="24937587"/><longitude_e6 data="121216847"/></city>
<city><name data="馬祖"/><latitude_e6 data="26158211"/><longitude_e6 data="119928474"/></city>
<city><name data="高雄"/><latitude_e6 data="22625108"/><longitude_e6 data="120308954"/></city>
<city><name data="基隆"/><latitude_e6 data="25108981"/><longitude_e6 data="121708145"/></city>
<city><name data="雲林"/><latitude_e6 data="23755852"/><longitude_e6 data="120389665"/></city>
<city><name data="新竹"/><latitude_e6 data="24803945"/><longitude_e6 data="120964687"/></city>
<city><name data="嘉義"/><latitude_e6 data="23475449"/><longitude_e6 data="120447285"/></city>
<city><name data="彰化"/><latitude_e6 data="23992974"/><longitude_e6 data="120481845"/></city>
<city><name data="澎湖"/><latitude_e6 data="23565479"/><longitude_e6 data="119615143"/></city>
<city><name data="蘭嶼"/><latitude_e6 data="22043562"/><longitude_e6 data="121548418"/></city>
</cities>
</xml_api_reply>

取得指定城市的天氣資訊 www.google.com/ig/api?weather=Taipei 傳回結果如

<xml_api_reply version="1">
 <weather module_id="0" tab_id="0" mobile_row="0" mobile_zipped="1" row="0" section="0" >
 <forecast_information>
  <city data="Taipei"/>
  <postal_code data="Taipei"/>
  <latitude_e6 data=""/>
  <longitude_e6 data=""/>
  <forecast_date data="2010-10-06"/>
  <current_date_time data="2010-10-06 17:00:00 +0000"/>
  <unit_system data="SI"/>
 </forecast_information>
 <current_conditions>
  <condition data="陰"/>
  <temp_f data="78"/>
  <temp_c data="26"/>
  <humidity data="濕度： 63%"/>
  <icon data="/ig/images/weather/cloudy.gif"/>
  <wind_condition data="風向：  公里/小時"/>
 </current_conditions>
 <forecast_conditions>
  <day_of_week data="週三"/>
  <low data="23"/>
  <high data="28"/>
  <icon data="/ig/images/weather/cloudy.gif"/>
  <condition data="多雲"/>
 </forecast_conditions>
 <forecast_conditions>
  <day_of_week data="週四"/>
  <low data="23"/>
  <high data="30"/>
  <icon data="/ig/images/weather/cloudy.gif"/>
  <condition data="多雲"/>
 </forecast_conditions>
 <forecast_conditions>
  <day_of_week data="週五"/>
  <low data="24"/>
  <high data="30"/>
  <icon data="/ig/images/weather/rain.gif"/>
  <condition data="多雲轉陰短暫雨"/>
 </forecast_conditions>
 <forecast_conditions>
  <day_of_week data="週六"/>
  <low data="23"/>
  <high data="27"/>
  <icon data="/ig/images/weather/rain.gif"/>
  <condition data="陰短暫雨"/>
 </forecast_conditions>
 </weather>
</xml_api_reply>

也可以搭配經緯度取得城市的天氣 http://www.google.com/ig/api?hl=zh-tw&weather=,,,24150187,120642999 (台中)傳回結果如

<xml_api_reply version="1">
<weather module_id="0" tab_id="0" mobile_row="0" mobile_zipped="1" row="0" section="0" >
<forecast_information>
<city data=""/>
<postal_code data=""/>
<latitude_e6 data="24150187"/>
<longitude_e6 data="120642999"/>
<forecast_date data="2010-10-06"/>
<current_date_time data="2010-10-06 17:00:00 +0000"/>
<unit_system data="SI"/>
</forecast_information>
<current_conditions>
<condition data="陰有霾"/>
<temp_f data="83"/>
<temp_c data="28"/>
<humidity data="濕度： 69%"/>
<icon data="/ig/images/weather/haze.gif"/>
<wind_condition data="風向：公里/小時"/>
</current_conditions>
<forecast_conditions>
<day_of_week data="週三"/>
<low data="22"/><high data="30"/>
<icon data="/ig/images/weather/cloudy.gif"/>
<condition data="多雲"/></forecast_conditions>
<forecast_conditions>
<day_of_week data="週四"/>
<low data="23"/>
<high data="31"/>
<icon data="/ig/images/weather/cloudy.gif"/>
<condition data="多雲"/>
</forecast_conditions>
<forecast_conditions>
<day_of_week data="週五"/>
<low data="24"/>
<high data="31"/>
<icon data="/ig/images/weather/rain.gif"/>
<condition data="多雲轉陰短暫雨"/>
</forecast_conditions>
<forecast_conditions>
<day_of_week data="週六"/>
<low data="23"/><high data="30"/>
<icon data="/ig/images/weather/rain.gif"/>
<condition data="陰時多雲短暫雨"/>
</forecast_conditions>
</weather>
</xml_api_reply>

監視DOM的copy, paste事件 (oncopy, onpaste event)

2010-10-04T11:57:00.002+08:00

根據 http://en.wikipedia.org/wiki/DOM_events 的說明

Two major types of events are added by Microsoft, and in some cases can only be used in Internet Explorer. Others have been implemented as de-facto standards by other browsers.

Clipboard events

Data binding events

Microsoft在自家的ie瀏覽器上，多自訂了以上兩種類型的事件，其中oncopy, onpaste這兩個，上週發現Firefox 3.6, Chrome 6都也可以支援。

document.getElementById(ElementID).addEventListener(eventType, fn);

eventType為'copy' 或是'paste', fn為function.

雖然不是W3C的規格，但這個監視剪貼簿的事件真的不錯用，省去監視keyup/keypress/keydown或是按滑鼠右鍵複製貼上這些實作。

開啟ubuntu 10.04的smplayer硬體加速vdpau

2010-07-10T01:18:00.003+08:00

這是筆記。在Terminal下執行。

sudo add-apt-repository ppa:nvidia-vdpau/ppa

sudo apt-get install libvdpau1 smplayer

最後到smplayer中設置視頻輸出設備為 vdpau 目前我還沒解決的問題是，影片結束時會發生錯誤訊息。

建議smplayer/mplayer升到最新版。

ps. 更新mplayer/smplayer:

sudo add-apt-repository ppa:rvm/mplayer
sudo add-apt-repository ppa:rvm/smplayer

在/etc/apt/sources.list加下面幾行:

# smplayer
deb http://ppa.launchpad.net/rvm/smplayer/ubuntu lucid main
deb-src http://ppa.launchpad.net/rvm/smplayer/ubuntu lucid main

# mplayer
deb http://ppa.launchpad.net/rvm/mplayer/ubuntu lucid main
deb-src http://ppa.launchpad.net/rvm/mplayer/ubuntu lucid main

然後再存檔，執行

sudo apt-get update

sudo apt-get upgrade

[Mac] 同步Google與MacOSX 的通訊錄

2010-02-18T00:10:00.003+08:00

這是一篇筆記，詳細步驟我也不是很確定。

1．勾選"通訊錄" > "偏好設定" 內的"與Google 同步"

2．勾選並設定 iTunes 裡的"聯絡資訊" > "同步 Google 通訊錄" (此步驟不確定是不是必需，但剛好我也要同步iPhone的通訊錄)

3．接下來點最上面的工具列，會有一個MobileMe的同步按鈕，裡面的"立即同步"

理論上這樣就應該可以了，平常只要有改動Google通訊錄，或是Mac裡面的通訊錄，只要點步驟3的"立即同步"，就會馬上同步了。

設定好這個，就先來把兩邊重複的通訊名單好好整理一下吧，可以參考前一篇: [Google] 通訊錄 - 合併重複的聯絡人。

下列外掛程式已...

2010-02-14T21:13:00.002+08:00

這就是為什麼Apple想拒Adobe的原因之一嗎…!?

Mac上的Chrome也遇到了…lol

[Google] 通訊錄 - 合併重複的聯絡人

2010-02-12T15:47:00.001+08:00

這功能已經有好一陣子了，這兩天正好在把mac通訊錄跟google通訊錄同步，並且整理重複的部份，所以拿出來提一下。

Google 通訊錄，是GMail的一部份，可以從GMail內的連結進入，而後來也有單獨的連結可以直接開啟，網址是：http://www.google.com/contacts。

合併重複的聯絡人的方法有分為自動及手動兩種方式。

自動合併:

手動合併：

以上兩種方法都蠻方便的，自動合併應該是依照email判斷，而手動合併是自己選擇，所以彈性就更大囉。

供大家使用上參考。

[Mac] SVN的Proxy設定

2009-12-22T14:56:00.000+08:00

在~目錄(使用者目錄)下面，有.subversion目錄，裡面有個servers檔。
打開檔案，裡面有段

[global]
# http-proxy-exceptions = *.exception.com, www.internal-site.org
# http-proxy-host = defaultproxy.whatever.com
# http-proxy-port = 7000

修改這段設定，存起來後，應該會影響到svn。只是會不會成功讓svn透過proxy出去，這個我就沒成功過了囧rz

因為公司的proxy好像有問題。

[GMail] Filter 多個篩選條件寫進一條rule

2009-12-18T10:18:00.001+08:00

在Filter中，可以使用OR來建立多個from來源，但注意一定是要大寫的OR，小寫的or是無效的。另外有沒有加() 小括號是沒有差別的，但是如果加上@，搜尋起來會比較有效率，我猜是判斷是否直接對email address搜尋，或是連郵件標題也搜尋的關鍵字之一吧。

這樣就不用為了把多個朋友寄來的信都加到同一標籤入，而加了一堆Filter，看起來有點礙眼:p

如果之後Filter可以根據群組來分標籤就好了~

[筆記][jQuery] jquery.ajax在 ie6上的問題

2009-12-02T14:17:00.002+08:00

引述自該死的JQUERY AJAX函數 - AJAX - web - JavaEye論壇:


"1. IE6在本地非服務器環境下不能提供XML文件的查看功能,所以在非服務器環境下不能將
dataType 設置為xml , 但是可以設置成 json和text html之類的格式..

2. 在服務器環境下使用Jquery獲取XML時,不僅僅是XML,還有JSON,如果格式有問題,將不返回結果和任何錯誤提示.. 如果數據正確, 但是採用XPath來查找元素時 XPATH路徑寫
錯了,不會獲取任何結果,也不會報任何錯誤提示..."

今天遇到 jquery.ajax(...)裡面參數dataType用xml時，在firefox 3.5下正常走success callback，可是ie6卻跑error callback，然後上google查到了前人的經驗… 必要的話，或許還是得架個local server來測試。

[筆記][CSS Hack] 區分各ie及firefox的css

2009-12-02T14:09:00.004+08:00

引述自CSS hack:區分IE6，IE7，firefox-網站標準化:

區別不同瀏覽器，CSS hack寫法：

區別IE6與FF：
     background:orange;*background:blue;

區別IE6與IE7：
     background:green !important;background:blue;

區別IE7與FF：
     background:orange; *background:green;

區別FF，IE7，IE6：
     background:orange;*background:green !important;*background:blue;

註：IE都能識別*;標準瀏覽器(如FF)不能識別*；
IE6能識別*，但不能識別 !important,
IE7能識別*，也能識別!important;
FF不能識別*，但能識別!important;


IE6  IE7  FF
*  √  √  ×
!important  ×  √  √


另外再補充一個，下劃線'_',
IE6支持下劃線，IE7和firefox均不支持下劃線。

於是大家還可以這樣來區分IE6，IE7，firefox
: background:orange;*background:green;_background:blue;

註：不管是什麼方法，書寫的順序都是firefox的寫在前面，IE7的寫在中間，IE6的寫在最後面。

jQuery Tip : 取得select tag中option

2009-12-01T10:42:00.003+08:00

jQuery Tip - Getting Select List Values: jQuery, Tutorial

取得<select id="s1">中選取的<option>方法：

$("select#s1").val();
$("select#s1 :selected").text();

Ubuntu 下的Wine中文字型設定

2009-11-18T17:20:00.001+08:00

在Ubuntu裡面的Wine常常看到□□的中文字?

那就來學著如果讓中文字能正常顯示吧。

參考來源：

"開始設定中文字型吧！Ubuntu 8.04 內預設安裝上海新宋字體，為了節省硬碟空間，可以使用軟連結，將字型指定到 Wine fonts 目錄內。 ln -s /usr/share/fonts/truetype/arphic/uming.ttc ~/.wine/drive_c/windows/Fonts/uming.ttc接著我們需修改下述3個檔案，指定字型使用 uming user.reg system.reg win.ini 1. 修改user.reg gedit ~/.wine/user.reg 在文件最底下加入以下內容:[Software\\Wine\\X11 Driver]"ClientSideAntiAliasWithRender"="N"[Software\\Wine\\Fonts\\Replacements]"System"="AR PL UMing CN""Arial"="AR PL UMing CN""Fixedsys"="AR PL UMing CN""Microsoft Sans Serif"="AR PL UMing CN""MS UI Gothic"="AR PL UMing CN""Tahoma"="AR PL UMing CN""Terminal"="AR PL UMing CN""MingLiU"="AR PL UMing CN""PMingLiU"="AR PL UMing CN" 2. 修改system.reg gedit ~/.wine/system.reg 在文件最底下加入:[Software\\Microsoft\\Windows NT\\CurrentVersion\\FontSubstitutes] "Arial"="Arial" "Arial CE,238"="AR PL UMing CN" "Arial CYR,204"="AR PL UMing CN" "Arial Greek,161"="AR PL UMing CN" "Arial TUR,162"="AR PL UMing CN" "Courier New"="Courier New" "Courier New CE,238"="AR PL UMing CN" "Courier New CYR,204"="AR PL UMing CN" "Courier New Greek,161"="AR PL UMing CN" "Courier New TUR,162"="AR PL UMing CN" "FixedSys"="AR PL UMing CN" "Helv"="AR PL UMing CN" "Helvetica"="AR PL UMing CN" "MingLiU"="AR PL UMing CN" "MS Sans Serif"="AR PL UMing CN" "MS Shell Dlg"="AR PL UMing CN" "MS Shell Dlg 2"="AR PL UMing CN" "System"="AR PL UMing CN" "Tahoma"="AR PL UMing CN" "Times"="Times" "Times New Roman"="Times New Roman" "Times New Roman CE,238"="AR PL UMing CN" "Times New Roman CYR,204"="AR PL UMing CN" "Times New Roman Greek,161"="AR PL UMing CN" "Times New Roman TUR,162"="AR PL UMing CN" "Tms Rmn"="AR PL UMing CN" [System\\CurrentControlSet\\Hardware Profiles\\Current\\Software\\Fonts] "LogPixels"=dword:00000060 3. 修改win.ini 這裡修改 dialog window buttom 字體大小 gedit ~/.wine/drive_c/windows/win.ini 在文件最底下加入: [Desktop] menufontsize=12 messagefontsize=12 statusfontsize=12 IconTitleSize=12修改完，重新開啟 Wine 執行的軟體，中文可正常顯示了。Wine 又邁向無敵的一步啦！"
- 宅男不出門，能知天下事: Wine 字型設定 (在「Google 網頁註解」中檢視)

使用FreeRapid Downloader 下載高畫質(HQ)的Youtube影片

2009-10-31T13:58:00.001+08:00

FreeRapid Downloader 是一個方便好用的下載工具，使用java開發，內建有很多plugin，可支持非常多的免費空間下載，以及常見的影音網站(如Youtube)。

FreeRapid Downloader 首頁

程式預設會監視剪貼簿，所以只要把想下載的Youtube影片網址copy起來，程式就會跳出視窗提示你是否要下載。預設的狀態下，是下載普通畫質的flv檔案，如果想要讓FreeRapid幫你下載高畫質(High Quality)影片，需要改一下設定。

開啟選項 > 個人設置 > 插件，裡面找到youtube.com的插件，點右下角的選項。
將quality level改選為 maximum available ，按下確定即可。

之後在下載youtube影片時，FreeRapid會自動幫你下載現有最高畫質的影片，這樣就方便多囉。

[Firefox Extension] Greasefire

2009-07-23T17:31:00.001+08:00

幫你自動偵測符合目前url的userscripts，如果有相關的script的話，狀態列的猴子會冒火。

推薦這個Extension。

安裝頁面

Visual Studio C# Winform 多國語言開發

2009-07-23T17:23:00.001+08:00

這兩天研究這個的結果，整理一下筆記。

主要從下面兩篇文章得到的資訊:

這裡我參照上面的文章，寫了兩個範例：

範例1 | 範例2

Project使用的環境為 Windows 平台、.NET Framework 2.0，Visual Studio 2008 撰寫

範例1

這是從資源檔讀取介面文字的範例，我根據 .NET Magazine的一篇文章所撰寫的。

範例2

我整理的步驟摘要:

將Form的屬性Localizable設為true
設定介面上所有Control的文字(Text)
此時的介面Form屬性Language為Default時的設定，也就是沒特別指定對應的語言
現在把Form屬性Language設為Chinese (Taiwan)，然後去修改所有Control的Text，或是重新Layout
如果有修改的話(沒修改不會產生，會用default)，會產生對應的resource檔(如 Form1.zh-TW.resx)
也可以同上建立Language為English (United States) 的文字及排版
在 InitializeComponent 之前，就先決定要使用的語系 (沒決定的話，系統會幫你偵測，沒對應到的話就用Default，因為我有建立zh-TW，所以有對應到就會用這個)

用這個方法的優點是，直接在元件的Text屬性修改要顯示的文字，Visual Studio就會自動幫你產生對應的資源檔，不需要自己加，自己手寫一個一個讀進來。但是首先，還是得一個一個從IDE去改 :P
還有Layout的部份，不同語系的也可以不同排版(有動過排版才會儲存)，但這點可是有好有壞 :P
其他可以看一下原始碼，基本上想要動態改變CultureInfo 來改變介面的話，還是要自己寫code去重讀介面。
CodeProject 有人寫好元件來做這件事，可以參考看看。

[Greasemonkey Script] 自動載入Google圖片搜尋原始圖片

2009-07-14T11:30:00.001+08:00

升上了Firefox 3.5後，發現原本用的 Google Image Ripper 失效了，後來找到了這一個 Google Image search Direct results 也有同樣效果的script，而且還多了Checkbox可以切換原始圖，更加方便。

另外，在搭配AutoPager使用下，也可以運作的很正常。 :)

連結: Google Image search Direct results - by Futuros

iPhone / iPod Touch / iPod Firmware 韌體下載

2009-07-14T10:46:00.001+08:00

包括iPod Touch 2G的Firmware，也可以直接更新到OSX 3.0~

http://www.felixbruns.de/iPod/firmware/

另外，手動選擇韌體檔案安裝的方法，是按住Shift再點"更新鈕"，就會跳出選擇檔案的視窗。