Vince's Blog

讓朋友傳檔案至你的Dropbox!

2011-04-17T10:24:00.001+08:00

[文章原始連結]

Email夾帶的檔案格式或是容量太大之類的原因造成無法傳送或是退件
MSN今天不知道怎麼了…傳檔案很慢…
你與朋友間沒有方便的傳輸檔案管道

因為Dropbox開放了API相關應用隨之產生
這時候救星就來了要是有以上類似的困擾
JotForm提供線上表單的服務, 其中一個是與Dropbox整合的

簡單的來說未來你只需要給對方一個網址
請他用網頁傳檔案給你
而你就會在Dropbox裡面看到檔案!!!
超方便的阿!!! lol

點選下面網址就開始製作一個表單
會有精靈協助你一步一步走
基本上整個流程不用超過1分鐘就好了
JotForm Dropbox Fomrs: http://www.jotform.com/dropbox/

要是你不知道什麼是Dropbox或是還未申請
參閱下面的文章並且透過此連結申請帳號你我就會同時增加250MB的容量!!!
Vince's Blog: Dropbox - 檔案備份及同步

創見 640GB StoreJet 25M3 USB3.0 外接硬碟

2011-01-24T22:54:00.003+08:00

[文章原始連結]

兼具資料攜帶性以及速度之下…
我想…未來USB3.0 應該會比eSATA還要更普及
eSATA還要外部電源…這個可攜性就有點差
機器的屁股還多一條線
所以看到有人說Costco有在特價
剛好我哥也去逛順道幫我買了回來
近期又不會升級電腦…
所以也順便買了轉接卡
雖然轉接卡沒有比原生來的快
但是我沒有要玩SSD(RAID 0)所以應該不會因此有所差別
於是乎兩個東西入手

創見 640GB StoreJet 25M3 USB3.0 外接硬碟 - $2999
創見 2Port USB 3.0 擴充卡 - $5xx

裝機中...

效能簡測

左上角 – 剛入手的USB 3.0 硬碟 (終於不再被USB 2.0的小水管限制住了 XD)
硬碟應該是三爽的隨意啦~
Port: USB 3.0
Min: 42.6 MB/s
Max: 96.3 MB/s
Ave: 74.3 MB/s
16.7ms
右上角 - 2.5吋的 WD3200BJKT
Port: SATA
Min: 25.9 MB/s
Max: 86 MB/s
Ave: 67.1 MB/s
14.8ms
左下角 –
蛇吞象 TB-200US 雙層3.5吋RAID 0/1磁碟陣列外接盒, Seagate 500GB[ST3500418AS-3Y/P] * 2
(還沒hack外接盒那個bios, 依照個人需求改個block大小然後重新劃分磁區應該會有部分效能的上升)
Port: eSATA, RAID 0
Min: 62.5 MB/s
Max: 138.8 MB/s
Ave: 130.2 MB/s
14.3ms
右下角 - 幾百年前的硬碟 WD1600AAJS
Port: SATA
Min: 37.5 MB/s
Max: 78.3 MB/s
Ave: 63.7 MB/s
13.1ms

Facebook Profile(new) Image Slicer

2010-12-14T23:19:00.001+08:00

因為看到Now THAT is a nice profile picture. Like. 這個網頁於是無聊寫了一個小工具…

用了一些HTML 5的東西…so 我不想管IE了
目前只能用Chrome or Firefox來使用
因為我不想增加server的負擔…下載圖片一個一個點開來右鍵另存吧
至於…應該還有很多bug…我也懶得修啦XD 可以用就好卡住就刷新網頁吧

Go to Facebook Profile(new) Image Slicer

Subversion pre-revprop-change hook

2010-11-17T11:37:00.005+08:00

SVN Edit log message (TortoiseSVN)

有時候commit專案到svn的時候會順便寫入log
記錄這次大概更新了什麼之類的訊息
但是當你想要編輯的時候...會出現下面錯誤訊息

Error:

DAV request failed; it's possible that the repository's pre-revprop-change hook
either failed or is non-existent
At least one property change failed; repository is unchanged
Error setting property 'log':
Repository has not been enabled to accept revision propchanges;
ask the administrator to create a pre-revprop-change hook

總之少了指令來執行此請求
通常在svn repositories的資料夾會有如下的結構
創一個檔案並複製下面內容然後放到hooks資料夾底下

檔名: pre-revprop-change.cmd
---------

IF %5 EQU M GOTO CONT1
GOTO FAIL
:CONT1
IF %4 EQU svn:log GOTO OK
:FAIL
echo "Changing revision properties other than svn:log is prohibited" >&2
exit 1
:OK
exit 0

---------

Ref: http://blog.tfanshteyn.com/2007/12/subversion-pre-revprop-change-hook.html

[Firefox] GM Script - Facebook Chat Window Resizer

2010-11-08T23:43:00.002+08:00

Facebook Chat Resizer (Required: Greasemonkey)
Download: https://sites.google.com/site/qazxsw99/facebook_chat_resizer.user.js

v1.0

Add two buttons to adjust chat window height.

HTML Canvas: Bezier curve (貝茲曲線)

2010-05-29T00:50:00.001+08:00

Canvas的基礎應用展示

使用了jQuery取得控制點的座標
而用jQuery UI來使控制點可以被滑鼠拖移

可憐的IE系列不支援…

展示網頁：http://qazxsw99.myweb.hinet.net/msp_blog/Canvas/Canvas_bezierCurveTo.html

32位元 Vista/Win7 記憶體也可以用到4GB以上

2010-04-30T17:00:00.001+08:00

超感動的阿
但是我的A8Js還是不行….唉

使用說明：

下載 ReadyFor4GB 並解壓縮
以管理者權限執行 ReadyFor4GB.exe > 按下套用按鈕
再來也是以管理者權限執行 AddBootMenu.cmd > 按 Y
重新開機後，並於開機選單選擇
Microsoft Windows [Version 6.1.7600] [128GM with ntkr 128g.exe]
想把它設定成預設值也可以用 msconfig 工具來修改

[jQuery] magnifier plugin (放大鏡外掛)

2010-04-28T23:02:00.001+08:00

Demo site: http://qazxsw99.myweb.hinet.net/msp_blog/Magnifier/
Plugin js file: http://qazxsw99.myweb.hinet.net/msp_blog/Magnifier/jquery.Magnifier.js

使用方法

CSS - 可依據個人偏好自行更換，但一定要指定寬度及高度

<style type="text/css">
.viewport {
    background-color: white;
    width: 205px;
    height: 205px;
    border: 5px solid white;
    
    overflow: hidden;
    position: absolute;
    display: none;
    
    -moz-box-shadow: 0px 0px 12px rgb(200,200,200), 0px 0px 35px rgba(200,200,200,0.4);
    -webkit-box-shadow: 3px 3px 8px #888, 3px 3px 15px rgba(0,0,0,0.4);
    box-shadow: 3px 3px 8px #888, 3px 3px 15px rgba(0,0,0,0.4);

    z-index: 999;
}
</style>

Javscript

$('div.zoomer').Magnifier({viewport: 'div.viewport'});

參數列表

viewport(string) - 欲做為放大鏡視窗的css selector字串 [default: 'div.viewport']

使用Dropbox同步Pidgin設定檔

2010-04-26T21:48:00.001+08:00

因為我有多台電腦都有用到Pidgin
於是使用了Dropbox同步檔案機制來達成此目的
也順便帶到符號連結(symbolic link)的基礎應用 (用過 Linux 的人應該都知道 ln 指令可隨意建立 link (hard links & symbolic links)，Windows上有個軟體叫做 Junction 可以建立Windows 版的 symbolic link)

Pidgin的設定檔預設路徑為

%appdata%\.purple

或

c:\Users\username\AppData\Roaming\.purple
(username 為使用者名稱)

假使欲使用Dropbox同步設定檔的路徑為

e:\Users\username\Documents\My Dropbox\Backup\Pidgin\.purple\
(username 為使用者名稱)

把原本的.purple檔案夾剪下，貼至Dropbox裡的指定路徑

按下左下小Windows圖示，輸入cmd，並以使用者權限開啟cmd.exe程式

輸入以下指令製作符號連結(symbolic link)捷徑

mklink /d "%appdata%\.purple" "e:\Users\Vince\Documents\My Dropbox\Backup\Pidgin\.purple\"

(Dropbx路徑請自行更改)

大功告成!
另一台電腦也用此方法就達到同步之效了 :D

Opera Mobile 模擬器 - 在桌面使用Opera Mobile

2010-04-23T10:12:00.001+08:00

之前都用Windows Mobile模擬器裝個opera的cab來測試
現在更快的方式來了…
基於 Presto 2.4 引擎，並且可用 Opera Dragonfly 來debug…酷炫喔

Downloads:

Source: The Opera Mobile emulator: Mobile development from the comfort of your desktop

Android running on iPhone

2010-04-22T14:15:00.001+08:00

Pre-built images and sources at http://www.mediafire.com/?xqjzn12igfn. Read the README. For generic openiboot instructions, there's plenty now that you can search for.

Source: http://linuxoniphone.blogspot.com/2010/04/ive-been-working-on-this-quietly-in.html

[Flex 3] Horizontal scrolling image

2010-04-21T23:57:00.002+08:00

這是我女朋友的….作業XD 小小幫了忙一下
純粹靠我這半年斷斷續續所學來製作的
原先想看Deep zoom相關範例來做
但是後來發現單純的圖片左右滾動不用這麼複雜
全部外來檔案為了方便皆使用嵌入的方式
使編譯檔出來只有一個swf就可以完整瀏覽全部的功能

因為沒有模組化以及抽象的程式所以…淺顯易懂,
涉及的基礎知識有…

Binding
Event
Effect (easing, animation)
Style
Layout (coordinate)
Closure

Demo: http://vince.rupai.net/FlexImgScroll/
Source: http://qazxsw99.myweb.hinet.net/msp_blog/ScrollImg/srcview/
Developer / Designer: Vince Chang / Elsa

[jQuery] Remove item from array

2010-04-21T21:55:00.001+08:00

var ary = ['test1', 'test2', 'hello', 'foo', 'oh...'];
var item = 'foo';
ary = jQuery.grep(ary, function(val) {
        return val != item
      }); 

// ary = ['test1', 'test2', 'hello', 'oh...']

Volumouse v1.72 - 「懶人專用」用滑鼠滾輪控制音量程式

2010-04-14T20:13:00.001+08:00

軟體網址：http://www.nirsoft.net/utils/volumouse.html

    以前我要調整音量都要到畫面右下角的…音量圖示點一下
    然後滑鼠滾輪來上下滾調整音量…
    現在我滑鼠移到工作列就可以用滑鼠滾輪來調整了 :D

推薦閱讀：

[jQuery] Float dropdown list plugin (下拉式選單外掛)

2010-04-09T23:31:00.002+08:00

我第一個jQuery外掛程式…

Demo site: http://vince.rupai.net/DropDownList/
Plugin js file: http://vince.rupai.net/DropDownList/jquery.dropDownList.js

index.html 裡也有簡易的版本可以參考
此外掛最簡易用法如下…

$('#selector').dropDownList({target: '#list'});

參數列表

target (string, dom object) - 欲作為選單的id或是DOM Object [default: null]
position (string) - 選單與來源的相對位置, 可接受字串為 top, left, right, 其餘字串皆視為 bottom [defautl: 'bottom']
durationIn (string, integer) - 顯示特效的時間長度 [default: 'fast']
durationOut (string, integer) - 隱藏特效的時間長度 [default: 'fast']
delayIn (integer) - 延遲顯示的時間 [default: 0]
delayOut (integer) - 延遲隱藏的時間 [default: 250]
showEffect (string) - 顯示特效名稱, 可接受字串為jQuery內建的特效名稱 [default: 'slideDown']
hideEffect (string) - 隱藏特效名稱, 可接受字串為jQuery內建的特效名稱 [default: 'slideUp']
beforShowFn (function) - 選單顯示前所觸發的函式 [default: function() {}]
rePositionFn (function) - 調整選單位置的函式 [default: 外掛預設的rePosition函式] 所傳入的參數有

sourceObj - 來源物件
targetObj - 選單物件
options - 外掛定義參數

jQuery’s triumphant march to success

2010-03-27T20:41:00.001+08:00

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.

Today, jQuery is by far the most popular Javascript library in the world and is used by over 28% of all websites on the internet.

http://royal.pingdom.com/2010/03/26/jquery-triumphant-march-to-success/

看…還不快跟進…

[Javascript] Finding DOM node(children) index

2010-01-25T21:45:00.001+08:00

for version

for (var k=0,e=elem; e = e.previousSibling; ++k);

while version

var k=0, e=elem;
while (e = e.previousSibling) { ++k;}

jQuery

var k = $('#element_id').index();

Google map: Street view in Taiwan

2010-01-22T23:10:00.002+08:00

那些車主不會罵google吧

Coming soon… jQuery 1.4

2010-01-09T00:58:00.001+08:00

jQuery will release on the birthday of jQuery (January 14th)

Welcome to The 14 Days of jQuery! We're excited to bring you fourteen consecutive days of new releases to celebrate the release of jQuery 1.4. You'll notice that we're excited about the number fourteen since jQuery 1.4 is being released on the birthday of jQuery (January 14th) . So be sure to come back each day as another announcement is made and new content is released!

http://jquery14.com/

iBUYPOWER Battalion Touch CZ-10 : 世界上第一台多點觸碰筆記型電腦

2010-01-06T14:30:00.001+08:00

Plurk 顯示攝氏溫度估計量!?

2009-12-19T12:22:00.001+08:00

Today is really cold…

TCP-Z – Win 7(include all Win) tcpip.sys Patch & Network Monitor 網路流量監控

2009-11-01T22:51:00.001+08:00

下載BT的人應該都要用這個東西
無聊的話參照我之前的原由
這次的工具我先當白老鼠測試過Win 7一定OK

下載點︰TCP-Z, Best TCP/IP Patch
就下載(版本可能有更新) V2.5.1.50, Build 20090205 (with Virtual Drive)
解壓縮後執行TCPZ.exe (for x86)
軟體界面可以選擇中文

有三種Patch方式，基本上他上面已經說明很清楚了…
怕麻煩的用第二種或第三種
但是第三種更改到系統檔案，怕有萬分之一的機率會把系統搞爛的人就不要用
第三種用了桌面也會多出浮水印…所以看個人喜好

Dropbox - 檔案備份及同步

2009-11-01T20:29:00.001+08:00

主要功能是多台電腦的資料同步 (iPhone也可以喔)
設定極為簡單，幾乎可以設後不理ㄎㄎ
還可以當作備份資料用
因為當你要同步資料同時，會將檔案上傳至Server
但是最優的是…若是Server上也有你即將要上傳的檔案時
就不會上傳了 (也許是看檔案的md5來判別的)

舉個例來說︰

我將電影檔(5xxMB)放入同步資料夾好讓另外與之同步的電腦也有這個檔案
此刻心裡想…好吧，放著給他上傳到Server
但是這個電影檔剛好也有人在Dropbox做為同步用的話，代表已有人上傳這個檔案到Dropbox
則會跳過上傳的步驟達狀態直接變成同步完成

還有…若是這個檔案你刪除了…過個幾天你突然覺得這很重要或是誤刪了…
可以去網頁管理系統Restore檔案

免費的容量2GB，可是經過邀請朋友或是滿足一定條件容量可以提昇，最大提昇至3GB，因為這樣的機制…它的會員數量成長超快短短幾個月就有幾十萬個會員

重點來了…都沒人要用這個東西啦
不是有人一堆人要把檔案從某個地方帶回家的時候做以下事情嗎?

插入USB => copy到USB => 移除USB => 拔除USB
開Gmail => 新郵件 => 附加檔案 => 寄給自己 or 存成草稿

現在免了啦，用這個就對了
害我容量卡在2.5GB很久了
如果你也需要這種東西來同步/備份/傳送資料
那你就點這個連結來申請帳號 (幫我增加容量啦)
https://www.getdropbox.com/referrals/NTI2NjIwMDE5

[SQL Server] Create XML Index

2009-10-11T16:41:00.001+08:00

-- XML主要索引

create primary xml index IPXML_SurveyTest_XmlProfile on [SurveyTest](XmlProfile);

-- XML路徑索引 xml.query('XQuery'), xml.exist('XQuery')

create xml index IXML_SurveyTest_XmlProfile_Path on [SurveyTest](XmlProfile)

using xml index IPXML_SurveyTest_XmlProfile for path

-- XML屬性索引 xml.query('data(XQuery/@attribute)')

create xml index IXML_SurveyTest_XmlProfile_Property on [SurveyTest](XmlProfile)

using xml index IPXML_SurveyTest_XmlProfile for property

-- XML內容索引 xml.value('XQuery', 'datatype')

create xml index IXML_SurveyTest_XmlProfile_value on [SurveyTest](XmlProfile)

using xml index IPXML_SurveyTest_XmlProfile for value

看看使用索引前後的容量差異…
想必它以後一定很偉大

name        rows reserved  data   index_size   unused
SurveyTest  18   32 KB     16 KB  16 KB        0 KB  
SurveyTest  18   576 KB    16 KB  144 KB       28 KB

[SQL Server] EXEC sp_executesql – Trick to use outer @variable

2009-10-11T13:45:00.001+08:00

情況1：資料存到外部變數

ALTER PROCEDURE [dbo].[Test]

    @QueryXML nvarchar(max),

    @Result xml out

AS

BEGIN

    declare @tmpCmd nvarchar(max);

    set @tmpCmd =    '@Result = (select ' + @QueryXML + '

                     from [GA_Survey_ForXML]

                     for xml auto);';

    EXEC sp_executesql @tmpCmd;

END

上面會出錯... Must declare the scalar variable "@Result".
需要用別種方式

ALTER PROCEDURE [dbo].[Test]

    @QueryXML nvarchar(max),

    @Result xml out

AS

BEGIN

    declare @tmpCmd nvarchar(max);

    -- 所要執行的SQL

    set @tmpCmd =    '(select ' + @QueryXML + '

                     from [GA_Survey_ForXML]

                     for xml auto);';

    -- 執行結果丟到暫存變數

    set @tmpCmd = N'set @x = ' +  @tmpCmd;

    -- 執行exec executesql的時候

    -- 定義變數@x的型別及可輸出資料至外部行程使用

    -- 再來使用原行程的變數@Result來接手@x的資料

    EXEC sp_executesql @tmpCmd, N'@x xml output',@x = @Result out;

END

若用debug模式來看程式碼的運作程序
當在執行EXEC sp_executesql時會另起程序 (inner)
所以SQL字串內部的變數與原先執行SQL程序(outer)的變數…毫無相干
也就是不行調用其他程序的變數 (我目前的知識跟我說的...可能2008改的有辦法也不一定XD)

情況2：操作外部變數的資料

ALTER PROCEDURE [dbo].[Test]

    @QueryXML nvarchar(max),

    @QueryXML2 nvarchar(max),

    @Result xml out

AS

BEGIN

    declare @tmpCmd nvarchar(max);

    set @Result =    '(select ' + @QueryXML + '

                     from [GA_Survey_ForXML]

                     for xml auto);';

    SET @tmpCmd = N'set @x = ' +  @tmpCmd;

    EXEC sp_executesql @tmpCmd, N'@x xml output',@x = @Result out;

    -- 暫存的Table

    IF OBJECT_ID('tempdb..#t') IS NOT NULL

    BEGIN

        DROP TABLE #t;

END

    CREATE TABLE #t(

        ResultXML xml

);

    -- 將變數資料存到暫存Table

    INSERT INTO #t VALUES (@Result);

    -- 內部程序藉由暫存Table取得外部程序變數資料

    set @tmpCmd  = '(select ResultXML.query(''' + @QueryXML2 + ''') from #t);'

    set @tmpCmd = N'set @x = ' +  @tmpCmd;

    EXEC sp_executesql @sql, N'@x xml output',@x = @Result out

END

此預儲程序的@QueryXML和@QueryXML2
因專案所需，是server傳入動態生成的XML query的指令…
不然也用不到sp_executesql

按...雖然XML對我這次的專案擴充性很佳
但拎北對XML的操作真的還不是很熟且杜蘭...