Andy's Blog~*

Wikiwand 自動切換至繁體中文

noreply@blogger.com (Andy Pan) — Tue, 07 Apr 2015 11:25:00 +0000

好久沒寫新文章了，感覺跟之前的文有超大斷層...？

Wikiwand是個美化維基百科頁面的附加元件，安裝以後，瀏覽維基百科的條目就會被重新導向到重新排版過的頁面，更方便的目錄導覽、圖片以全版顯示等等，可以自訂字體、字型大小、頁寬、顏色(亮/暗)等等，甚是方便。

但是慣用繁體中文的使用者可能會對一點十分困擾，就是頁面預設往往不是繁體中文。對於這個問題有人已經回報過，但是這問題遲遲未被修正。因此我用GreaseMonkey(在Chrome上為TemperMonkey)寫了一小段JS code，可以有效率的自動將中文頁面自動重新導向成「繁體中文」，程式碼如下：

觀察維基百科的網址內部導向、再被Wikiwand導向的過程，依序是：

http://zh.wikipedia.org/zh-tw/玻璃
http://zh.wikipedia.org/wiki/玻璃
http://www.wikiwand.com/zh/玻璃
維基百科會用Cookies來記錄你使用的是「哪一種中文」，但Wikiwand不能存取這個資訊，只能單純從網址轉換，繁體中文資訊就這麼消失了。

幸好，Wikiwand的網址對應的維基百科網址似乎是類似的，因此只要補回語言資訊，便能正確存取繁體中文頁面。當然，"zh-tw"也可以視需要修改。

在JavaScript函數中屏蔽外部變數

noreply@blogger.com (Andy Pan) — Tue, 07 Oct 2014 13:32:00 +0000

眾所周知，JavaScript的閉包(Closure)之所以強大，在於它可以捕捉當下執行環境的變數到閉包裡面來用。這給予了整個程式語言靈活的特性(不過從Schema學來的)。不過，若是要深入解釋閉包，可能要花非常多的精力與時間(參看：http://stackoverflow.com/a/111111/2281355)，因此這裡省略。
讓我們把重點放在閉包的應用上，考慮以下例子：

(function(){
var foo="world";
var bar=function(){
return "Hello, "+foo;
}
return bar();
})() //Hello, world

可以看到，當在bar裡面找不到foo的定義時，就往上一層找到foo="world"。假如還是找不到，就繼續往上找，直到真的找不到的時候，拋出Error。這是因為JavaScript在執行每個函式的時候，會先從執行到的地方建立一個scope chain，由裡到外把變數參考丟進去，這也是為什麼盡可能不要宣告全域變數，因為它們永遠在scope chain最外面，存取它們會比較慢。
全域變數有個特性：隨處都可以存取。這是個很方便的特性，不過在某些情況下卻會造成問題。例如我們有時候要直接執行使用者或其他網站提供的JavaScript，卻要防範跨網站指令碼(cross-site script，XSS)，或只是單純想要一個「乾淨的空間」(沙盒)，那要怎麼做呢？顯然，如果我們拿的到最上層的變數，我們只需要在scope最前面，用其鍵值(key)覆蓋掉全域變數的參考，然後再將最上層變數的參考也一起蓋掉即可。下面是我想到的做法，假設我們是在瀏覽器的環境下運行下列的程式碼，而最上層變數通常為window。

將每一行指令都用try ... catch包起來，是因為鍵值允許任意字串，但是宣告不行，所以要避免用特殊符號宣告變數造成錯誤。然而，若覆蓋掉最上層的物件，理論上我們也無法直接利用鍵值取得其屬性，因此宣告失敗了也沒關係。
如此一來，在isolate函數內部就完全取不到任何關於最上層物件的參考了！然而，這卻未消去JavaScript的其他功能，比如基本類型、陣列、物件、函式等等，只不過，如果函數本身沒有洩漏任何內容的話，他們在內部的運作不會影響到外面，如被隔離了一樣。不過，依然要注意效能問題，由於是呼叫eval函式，在同一個地方大量宣告變數，這個動作是非常慢的(一次大約幾個毫秒，視全域變數有多少而定)。一個解決的辦法是把產生出的程式碼快取起來，但是這樣依然很慢，因此只有隔離帶來的效益足夠大，才推薦使用這個方法。

[JS] LearnMode Client Alpha 補丁

noreply@blogger.com (Andy Pan) — Sun, 15 Dec 2013 15:36:00 +0000

這篇的內容有點狹隘，大概只有懂的人會知道這個平台是做什麼玩意的。

嗯，沒錯，這是LM網頁版的補丁。
LM是什麼？不解釋。

Learn Mode Client Alpha $rev.22$

http://ggt.tw/learnmode/

我把它寫成Bookmarklet的形式，有點肥大，不過執行起來當然是沒有差的。

把這段加到我的最愛或拖到書籤列就可以囉！

至於詳細怎麼操作就不說了。

延遲自動調整大小的SWF(與throttle)

noreply@blogger.com (Andy Pan) — Sun, 03 Nov 2013 12:48:00 +0000

常常在製作一個Flex專案的時候，我們不希望自己已經排好的版面因為使用者任意拖曳視窗邊框或螢幕大小不同而走樣，所以會用強制指定像素的方式來讓物件排好。Flash沒有這些問題，可以透過scaleMode來調整，然而，Flex因為內容的大小已經寫死，如果視窗比內容大，周圍會有白框不好看；如果視窗比內容小，則會出現捲軸(如果有的話。如果沒有就...)，參考範例如下。

也許這時候需要改用百分比(%)來指定版面樣式，可是一般需要比較多時間設計，字型當然也要配合版面調整，甚是麻煩。因此我一直在想，有沒有一個一勞永逸的辦法？
Google之後，查到頗簡單的做法是在Application加入

preinitialize="systemManager.stage.scaleMode = 'showAll'; systemManager.stage.align='';"

即可。這樣會造成什麼結果呢？

可以做出想要的效果，很顯然有個可以改進之處：「如果我希望在改變大小完成的時候才完成縮放，要怎麼做？」

這需要一點技巧，關鍵在於「完成」這個動作是不會引發任何事件的！那我們難道要持續追蹤這個事件才能知道什麼時候才可以開始調整嗎？當然不用。網路上有高手已經把這個方法包裝成一個名叫throttle(後來改名為debounce)的函數，參見：
http://remysharp.com/2010/07/21/throttling-function-calls/。

範例程式碼如下，必須用Flash Builder 4編譯。
範例就省略了。不過Flash似乎只支援整數大小的字型，所以縮放之後會有點卡卡的。如果有更好的做法之後會再補上。

Flash Player與VB6共同開發的框架

noreply@blogger.com (Andy Pan) — Sun, 29 Sep 2013 10:35:00 +0000

這應該是個很古老的話題，但是VB6的支援性很好，從Win98一直到Win8，因此相較於.Net我還是一直偏好著VB6。不過，有人會說，VB6的應用程式介面已經老掉牙了，就連視覺化樣式的用途都非常侷限，因此可以借用Flash的特長來製作介面，需要用到的功能再跟VB要就好。兩者之間的溝通不算容易，但需要雙向傳輸的情形很少，可以滿足一般小程式的需求。下面是筆者自行製作的按鈕列小程式，用Flash Builder開發，好處是需要修改、調整按鈕大小的時候只需重新生成swf文件即可，不須將整個程式重新compile。

加入Flash Player

在VB表單上放入Flash Player的方法非常簡單，如同一般控制項的設定方式。唯獨要注意的是，存檔時表單上不可以殘存任何Flash控制項，否則會引發下圖的錯誤。

建議在輸出前加入就好。
除了要將swf嵌入需在設計階段製作以外，其他都可以透過執行階段設定完成，因此可以採用預設的名稱ShockwaveFlash1，並在Form_Load中加入如下：

為了將程式碼寫得更易懂，上面程式碼用到下面兩個輔助函數：

如此一來就可以正常於VB中使用Flash了。

swf嵌入的方法

SWF中有個EmbedMovie屬性，可以於設計階段將影片放入執行檔。先在Movie中填入swf的路徑，待表單顯示影片完成後，將這個屬性設為true，播放測試swf是否正確播放，再型輸出。如此一來就不需要於執行時指定movie，也不再需要外部的檔案就可以正常執行。

傳訊-FSCommand

再來是傳訊的部分，Flash可以直接發命令給外部容器(FSCommand)，而VB端則會引發FSCommand事件，兩個引數分別填入，可以用switch case來區分。

Private Sub ShockwaveFlash1_FSCommand(ByVal command As String, ByVal args As String)
Select Case command
Case "aaa"
MsgBox "aaa triggered."
Case Else
MsgBox "收到意外的FSCommand指令：" + vbCrLf + command + "," + args + vbCrLf + "如果此問題持續發生，請詢問程式製作者。", , "資訊"
End Select
End Sub

至於VB和Flash互傳有點複雜，主要是透過XML傳遞，VB可以用字串的方式製造出來餵給Flash，有興趣的讀者不妨自行嘗試。

Aegisub將字幕壓到影片上

noreply@blogger.com (Andy Pan) — Sun, 14 Jul 2013 06:03:00 +0000

2013/7/22 更新，接續

其實我不知道要怎麼命這個標題，主要是這個「動作」在網路上沒有明確專有名詞可以形容。不過，這不是我的專長(略懂)，只是怕以後會忘記，留個備份。

Aegisub使用方法

網路上資料很多，這裡省略。但是將音樂和影片匯入卻有可能會有點困難，這時把音樂單獨抽出是最保險的作法(註：可以用格式工廠或Windows Movie Maker達成)。品質不必太高，因為這個音樂檔只是用來做字幕輔助用的，之後就不會用到了。

AviSynth使用方法

AviSynth是AVI Synthesizer的縮寫，一個處理影片很有用的小程式，可以在影片畫面或音樂上處理並混成一個新的影片，方便播放，或將其輸出轉檔。首先建立一個包含特定命令的文字文件，再以avs格式存檔，便可使用KMPlayer播放。

AviSynth官方網站：http://avisynth.nl/index.php/Main_Page
載點：http://sourceforge.net/projects/avisynth2/files/AviSynth%202.5/

在這個例子中，我們需要導入字幕檔並覆蓋在影片本體的上方，因此腳本可編寫如下：

LoadPlugin("主程式資料夾路徑\DirectShowSource.dll")
LoadPlugin("主程式資料夾路徑\plugins\vsfilter.dll")
video=DirectShowSource("影片位置")
audio=DirectShowSource("音效位置")
AudioDub(video,audio)
TextSub("ASS檔位置")
ConvertToYV12()

主程式資料夾路徑到Program Files裡去找，而音效位置可以和影片位置相同，代表從中抽出音效，以KMPlayer測試；但是如果這樣沒有聲音的話，就真的要轉出一個音樂檔再合併進去了。
之後，很容易的可以用MeGUI這個小程式來轉換成MP4檔。

MeGUI

其實我不懂為何GUI會併進名稱裡(題外話)。

載點：http://sourceforge.net/projects/megui/

這又是另一個轉檔軟體，因為介面有些複雜在此不便詳述。

...(To be continued.)
以後應該會更新吧。

[JS]師大附中簡易成績查詢系統

noreply@blogger.com (Andy Pan) — Sat, 13 Jul 2013 14:26:00 +0000

這是一個暑假內做好的小網頁，主要是為了解決學校封鎖成績查詢系統的困擾。剛上高一就有點(夢)想做一個手機版的查詢系統，擱著一段時間主要是不知如何下手，這次不經意的弄好了。

請進：
http://andy0130tw.droppages.com/score
使用Firefox或Chrome以獲得最佳瀏覽效果。
注意網址不要在後面加"/"，否則CSS會無法運作(還是你想看簡樸版的也可以)

緣起

可能會有人問擱著是因為什麼原因。我原先想到實作有兩種方式：遠端伺服器登入(伺服器做proxy)或iframe(框架整合，套換裡面的JS使手機瀏覽器能夠正常運作)，不過兩種方法各有難處。前者，我不太熟悉proxy的寫法，而且自己申請的server好像不是很穩，我這次採用後者，原本以為母元件(parent)可以存取子元件(child)，卻因為瀏覽器安全性禁止了存取iframe內的元素而需要加工。

技術

iframe的定位技術是很關鍵的，因為我剛開始沒有想到，介面的部分真的讓人很挫折。此外內容用了 JQuery的UI之一：Accordion，作流程的控制，並設計了登入、登出的功能，讓整體便利性大大提升。
超感謝現在不能用的學生資料查詢系統http://crc.hs.ntnu.edu.tw/~lsc36/hsnugrades/，這給了我很多靈感。

---

時間不多，僅以短短的內容記述始末。

[VB]ConnectifyAgent - 脫離當當的Connectify介面吧！

noreply@blogger.com (Andy Pan) — Tue, 05 Mar 2013 13:28:00 +0000

歐，好久沒po一些什麼上來了，再不寫點程式貼上來，部落格就要這樣荒廢掉了！

Connectify是一個可讓Windows 7筆電開啟無線AP(Access point)的軟體。
自從在班上用以分享學校網路給班上同學使用，發現免費版已經很夠用，又加上先前的活動，可以學生的Email免費獲得1年序號，從此迷上這個軟體了！（注：這個活動已經結束了QAQ）分享網路、開區網、互傳檔案都很方便。

Connectify Hotspot 官方網站：http://www.connectify.me/hotspot/

進入正題。把Connectify安裝好以後你會漸漸發現管理網路有一點麻煩，因為程式的主畫面跑得實在有點慢。啟動慢、點開鈍鈍的，連開關都有點遲緩，尤其是裝在Tablet PC上觸控非常難用。
於是我想到：何不寫一個程式控制網路的開關呢？可是介面是圖形化的，無法用命令列操作，因此必須要找一個能溝通的介面才行。

根據經驗，許多程式都有命令列操作的選項，於是找到主程式來執行看看，結果失敗。
同目錄下找一找，還真的有！而且網路說明還親切的很，連用法都詳細解說，容我把它放在下面。

Connectify Hotspot Command Line Interface Syntax
http://support.connectify.me/entries/20338992-Connectify-Hotspot-Command-Line-Interface-Syntax

於是我就用VB寫了一個小程式來包裝這個介面，介面雖不漂亮，卻能提升更改設定的速度，可謂瑕不掩瑜。

最難下手的地方莫過於：怎麼把命令列的輸出導到VB內部？可以不做，但是使用者每次下指令就得面對一個黑色的命令提示字元視窗，不是很理想。況且如果沒有輸出這個程式能擴充的地方就沒了。經過了死命的資料查詢後，找到了一個能讓VB在程式執行時同步讀取、寫入主控台的使用者控制項：ShellPipe。(感謝這位神手包裝了這個類別

http://www.vbforums.com/showthread.php?660014-VB6-ShellPipe-quot-Shell-with-I-O-Redirection-quot-control

於是乎就把這個程式順利地做出來了。

這個程式能做到的功能如下表：

把大部分指令都放到List裡，方便尋找、節省打字時間。
把標準輸出導入到buffer裡再放入Textbox當作主控台。執行時不會有額外視窗跳出。
Event mode模式，開啟後可以即時偵測網路的情形、使用者連入連出等即時資訊，搭配主控台使用，充分掌握基地台資訊。
自動判斷Connectify安裝在32bit或64bit的情形。
錯誤時自動關閉程式與I/O流，並提示使用者。
有個可愛的icon (隨便從電腦裡搜刮來的
當然，還有一些沒做好的功能，等我遇到問題再試著重寫吧！

語法的參數沒有做齊需自行輸入
UPnP、nxdomain等指令未加入
沒有原本介面那麼多功能XD
不能縮小到右下角XDD

脫離原本的Connectify介面吧！

載點@Box.net
https://www.box.com/s/4k3lqwqcnnmlydr6ta8o

如果要原始碼的話請留言。

[FLEX]八皇后問題-遊戲

noreply@blogger.com (Andy Pan) — Thu, 23 Aug 2012 08:50:00 +0000

啊！終於抽空把這遊戲刊出來了！我看就直接進入正題吧！
遊戲：https://dl.dropbox.com/u/87130/HSNU/EQ/EightQueenFlash.exe
講義：https://dl.dropbox.com/u/87130/HSNU/EQ/Information.pdf
解答：https://dl.dropbox.com/u/87130/HSNU/EQ/AllSol.pdf

[JS]改寫自動戳回去

noreply@blogger.com (Andy Pan) — Sat, 04 Aug 2012 09:55:00 +0000

在遙遠的前一篇中，我們已經詳細介紹撰寫這個小工具的方法了，在這篇中，我將簡要的修改這個工具...
FB不知道在什麼時候多了一個「戳人建議（Poke Suggestions）」的側欄，隨機挑選你的朋友，方便戳人。很顯然的，這會干擾小工具的運作。因為只要符合條件就會被戳，因此你會非預期的戳了一些可能沒戳過你的人。很快地，戳戳樂就會如滾雪球似的湧進來了。

Poke Suggestions Panel

因此，「是戳回去連結」這個條件顯然不夠，必須把條件改的嚴格一點。也就是說，要繼續尋找能夠指定的條件。

再往上觀察一下，會發現主頁面是由一個名（id）為"contentArea"的div所包住。而id需要用到"#"這個符號篩選：

#contentArea

把這個條件和原本條件合併成「在 #contentArea 裡面的 a[ajaxify*='/ajax/pokes']」。那麼，「在...裡面」要怎麼表示呢？

其實是用空白符號區隔！

#contentArea a[ajaxify*='/ajax/pokes']

因此只需要把條件改一下，就可以很容易的達成這個需求！

自動戳回去rewrite

補充

另外還有幾個常用的selector，可以便捷地在網頁結構中篩選需要的標籤，列在下面以供參考：

" "（空白）：在...裡面
">"：在...下一層
"+"：緊接在...之後
"~"：與...同級

有些意思很像，常會混淆，因此先搞清楚是有必要的。

０１<a>
０２    <b>
０３        <c>
０４            <c/>
０５            <c/>
０６        </c>
０７    </b>
０８    <c>
０９        <d/>
１０    <c>
１１</a>

就拿上面這個為例，

c c 會選到第4、5行。
b + c 或 b ~ c 會選到第8、10行。
b > c 會選到第3、6行。
...

Kutar 遊戲紀錄器

noreply@blogger.com (Andy Pan) — Mon, 23 Jul 2012 13:24:00 +0000

沒錯，這個排行榜出2.0版了！
https://dl.dropbox.com/u/87130/KutarGAMER.exe
等我有時間再更新這篇文囉！

[C++] 巢狀迴圈與圖形輸出

noreply@blogger.com (Andy Pan) — Sun, 20 May 2012 06:54:00 +0000

最近的資訊課上到了雙層迴圈與圖形的輸出。不管是什麼語言，只要談到「巢狀迴圈」，習題大都與圖形輸出有關。當然，不是"畫圖"，倒比較像是"拼圖"，用寬度相同的字元把圖形拼出來。

從聚寶盆談起

資訊課的時候，有一題「聚寶盆」，他的輸出是這個樣子的：

題目一出來，有的同學就開始輸出了一些很有趣的圖，有平行四邊形，有梯形...而只需要修改一小部分，圖形就截然不同。
我的程式碼如下：
<Code 0>

不過，某同學的答案更漂亮：

<Code 0-修改>

這就引發了我的一個想法......

座標化的圖形輸出

先看一個簡單的例子：

#include<iostream>
using namespace std;
int main(){
    int a,b;
    while(cin>>a>>b){
        for(int y=1;y<=b;y++){
            for(int x=1;x<=a;x++){
                cout<<( /*_ 條件 _*/ ?"*":" ");
            }
            cout<<endl;
        }
    }
    return 0;
}

程式開始時，我們先讀入兩整數a、b，依照條件輸出星號或空白。
在這篇文章裡面，我們要考慮的就是圖中的「條件」。
如果「條件」是true，結果就是a 乘 b 的矩形區域被星號填滿。

那修改條件之前，可以這麼想：
迴圈需要兩個座標，由左而右(通常是 x 座標)、由上而下(通常是 y 座標)，那麼就建立一個直角坐標系統，而上圖中所有星號都是第一象限的格子點：

這就好像在座標軸上挖出一矩形區域(1<=x<=a,1<=y<=b)然後作圖。

試試修改條件，讓 x+y 是奇數時才輸出星號，結果會是什麼呢？
<Code 2>

/*條件*/ (x+y)%2==1

動手畫畫看：

Chessboard!

更上一層樓

1. 改變座標軸的起始值、終止值

Pretty Simple! 只要在for迴圈的開始處修改即可。
至於把y軸正向改成平常使用的上方亦可如法炮製。

2. 畫座標軸?!

需要一點小技巧，而且會把圖形蓋掉（或是圖形蓋掉座標軸也可以），想想看！作法如下：
<Code 3>

if(x==0||y==0){
cout<<(x==0?(y==0?"+":"|"):"-");
} else{
//...
}

箭頭呢？這就有點複雜，可以自己設計！
(提示：在進入第一個for前多加1行"^y"、
執行完x迴圈之後判斷x是否為0再多加1字">x")

2. 綜合運用：絕對值圖形

為求更加方便，可以引入一個函式庫cmath，這樣就可以用abs()來回傳絕對值...。

例如這個圖形，作出來會是什麼？[AJ題改編]

把條件那欄改為"abs(abs(x-2)-3)+abs(abs(y-2)-3)<=3"，並且記得引入cmath，你就可以畫出來了！而且...畫上座標軸後感覺更精緻！
Try it!!

#include<iostream>
#include<cmath>
using namespace std;
int main(){
    int a,b;
    while(cin>>a>>b){
        for(int y=b+1;y>=-b;y--){
            for(int x=-a;x<=a;x++){
                if(x==0||y==0){
                    if(y==b+1){
                        /*畫y箭頭*/
                        cout<<(x==0?"^y":"");
                    }else{
                        /*畫x,y座標軸*/
                        cout<<(x==0?(y==0?"+":"|"):"-");
                    }
                } else{
                    cout<<( abs(abs(x-2)-3)+abs(abs(y-2)-3)<=3 ?"*":" ");
                }
            }
            /*畫x箭頭*/
            cout<<(y==0?">x":"");
            cout<<endl;
        }
    }
    return 0;
}

完！

[JS]Bookmarklet實戰！Facebook自動戳回去！

noreply@blogger.com (Andy Pan) — Thu, 26 Apr 2012 14:27:00 +0000

承上篇[JS]Bookmarklet搭配jQuery，強大的書籤小工具！，我們終於可以開始實戰了！這次要實現的功能是，當使用者停在「戳戳樂」的頁面時，只要按一下這個Bookmarklet按鈕，就可以完成戳回所有人的按鈕。讓我們一起來看看要如何完成吧！

** 注意：以下的jQuery語法並不重要，只是為了讓我們完成實際功能而已。當然能夠學一點是更好的。 **

第一步：程式框架

還記得是什麼嗎？快快回到上一篇複習吧！要先有結構才能開始呀。
javascript:(function(){try{jQuery();}catch(e){s=document.createElement('script');s.type='text/javascript';s.src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js';document.getElementsByTagName('head')[0].appendChild(s);} setTimeout(function(){程式碼放這裡},100)} )()

觀察頁面元素，選擇合適的Selector！

好，讓我們打開Facebook的戳戳樂頁面，在「戳回去」的按鈕連結上，按右鍵選擇「檢測元素」，畫面會呈現如下圖所示：

莫急莫驚慌！讓我們研究一下這個連結有什麼特性可以辨識。

我們將可以用的特質(attribute)分析如下：

a <標籤名稱> 表示這是連結。
class="uiIconText"：CSS Class 名稱，但是不確定有沒有其他連結跟它用一樣的class。
ajaxify="/ajax/pokes/..."：網址。似乎是表示按下它之後的動作，而且也有"poke"之類的字眼。
rel, href ... ：看來沒啥用。

接著我們可以藉此設計出它的selector：(*=表示「包含下面資料」)

a[ajaxify*='/ajax/pokes']

撰寫程式碼...完成！

說了這麼多，接著我們就可以開始寫出最基本的程式碼！
先把功能所需要的程式碼補齊：
首先，我們需要一個jQuery物件，用「逐個執行」的方式運作。這時，可以用each方法！
第二，我們要怎麼模擬使用者「按」連結的動作呢？可以使用click方法！

問題就這樣，很簡單吧！我們這樣寫：

$("a[ajaxify*='/ajax/pokes']").each(
function (index, domElement){
this.click();
});

之後刪掉換行符號，把它塞到框架裡就大功告成了！

於是最後的程式碼是...？

最後一步就留給你做！我把完成的程式封裝成連結：自動戳回去(簡單版)。

習題

這個非常簡單的練習，其實還有很多可改進的地方，需要一點小技巧。這裡的習題，讀者可以自行上網查詢所需資料來完成。

戳回去之後，彈出一個警示窗顯示回戳了多少人。
提示：用alert("文字");
改變一下程式，只要視窗開著，就每隔120秒戳回去一次。
提示：用setInterval()取代setTimeout()就可以重複執行！

旗艦版

其實...我自己也做了一個給自己用喔！
把它分享出來吧！自動戳回去(by Andy~* 20120426rev.)
練習分析它，並自己動手修改看看！

[JS]Bookmarklet搭配jQuery，強大的書籤小工具！ (以FF11測試)

noreply@blogger.com (Andy Pan) — Fri, 23 Mar 2012 06:19:00 +0000

讓我們來仔細的研究這個藏在書籤列上好用的功能...。

介紹

將一些常用的工作放在書籤列上，方便取用而且簡單明瞭，這就是Bookmarklet！如果你有用過崩壞の天空の城，必定就知道它的方便之處。一般來說，Bookmarklet在瀏覽器中，以書籤的形式儲存，點選時，瀏覽器會執行這個書籤內的程式碼，並且直接作用在當前的網頁上。(這也是為什麼我們可以騙過網頁上的「讚」按鈕，或是將YouTube中的影片截下來)

Bookmarklet 的架構

嘗試修改一下Bookmarklet上的網址，你會發現它其實是JavaScript (下簡稱JS)！不過，我們不是在HTML中加入<script>...</script>標籤，因此要先告訴瀏覽器它是JS。所以網址開頭是

javascript:

然後我們將要執行的內容包裝成匿名函數，接在後面即可。然後再用括號包住，使成為一個function物件，之後再呼叫這個物件，像是

javascript:function() /*錯誤宣告*/
javascript:(function())() /*正確宣告。這是一個物件，因此函數可以匿名*/

這樣子這個函數會在定義完後立刻被執行。

因此基本的框架會長得像是這樣：

javascript:( function(){ /*你要執行的東西放這裡*/ } )()

然後放在任何一個書籤的網址欄上。在這裡我把它寫成連結，把粗體字部分拖進書籤列之後試著點點看吧。

操作頁面

這個方面需要具有JS的相關經驗，稍嫌煩瑣，在這裡只是簡單介紹一下。在JS中要插入文字、圖片、CSS、Script等等，可以透過document這個物件中的函數達成。像是

document.getElementById('物件的id')[0].appendChild(物件);
或是
document.HTML的Tag路徑.appendChild(s);

使用jQuery

至於更進階的技巧較為複雜，所幸透過jQuery這個函式庫可以簡化許多(當然，這也是要學過JS才會這麼認為)。如果網頁中並沒有引入jQuery，就必須仿照上面的語法，匯入Script：

try{
/*先測試有沒有jQuery，沒有將產生錯誤而被捕捉*/
jQuery();
alert('此網頁已經支援jQuery了！');
}catch(e){
/*偵測到不支援，匯入*/
s=document.createElement('script');
s.type='text/javascript';
s.src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js';document.getElementsByTagName('head')[0].appendChild(s);
alert('未支援jQuery，已經匯入成功。');
}

~~接著就可以拿它來做事情了。~~但是這樣子之後還不能立即使用！因為jQuery的載入需要一點時間，因此必須利用setTimeout這個函數來等待瀏覽器處理。

setTimeout( function(){ /*要稍後執行的程式碼*/ } , 等待時間);

等待時間以毫秒(ms,1/1000秒)計算。

jQuery的框架？

先整理一下，到目前為止的框架是下面這樣：

javascript:(function(){try{jQuery();}catch(e){s=document.createElement('script');s.type='text/javascript';s.src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js';document.getElementsByTagName('head')[0].appendChild(s);} setTimeout(function(){$(".bd").css("text-shadow","navy 1px 1px 5px");},100)} )()

綠色部分是匯入jQuery的部分，藍色部分是要執行程式碼的部分。
接著就可以開始使用了。jQuery常用 $ 來簡單代表這個物件，最普遍的用法就是

$(selector). 方法...

如果符合selector的標籤不只一個，那麼全部都會套用進去，而不需用迴圈一個物件一個物件去改，這就是它其中一個特色，例如，下面這一段會讓網頁中的所有連結變紅色：(在之後的範例有)

$("a").css("color","red");

還可以連續使用，讓程式更清楚易懂，例如

$("a").css("color","red").css("font-family","標楷體").css("font-size","150%");

實作

這篇文章所敘述的內容主要適合對JS的語法稍有概念者。不過限於篇幅，不太能徹底的將用法說明清楚。那麼，這裡就補上一點範例，以方便讀者學習測試用。

怎麼找到我要修改的地方？

在Firefox 10以後，增加了「檢測元件」功能，只要在你要檢測的元件上選擇這個選項，螢幕底下就會出現其在HTML中的位置，相當好用。

至於Firebug則更為方便，不過這是Plugin，在此便不介紹了。

Ex1. 把Yahoo!奇摩網頁中框內文字加上陰影 -> 示範連結1

Ex2. 把FB上動態時報的前10條抓下來！-> 示範連結2

Ex3. 逐次更換圖片的陰影 (IE無效) -> 示範連結3

javascript:(function(){try{jQuery();}catch(e){s=document.createElement('script');s.type='text/javascript';s.src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js';document.getElementsByTagName('head')[0].appendChild(s);}setTimeout(function(){ $("img")
.css("-moz-transition","box-shadow 400ms ease-out")
.css("-webkit-transition","box-shadow 400ms ease-out").css("-o-transition","box-shadow 400ms ease-out").toggle(
function(){$(this).css("box-shadow","5px 5px 10px rgba(255,0,0,0.5)")},
function(){$(this).css("box-shadow","5px 5px 10px rgba(0,255,0,0.5)")},function(){$(this).css("box-shadow","5px 5px 10px rgba(0,0,255,0.5)")}) },10)})()

**這程式碼有點長，稍為分行。不過只要知道它是可以連續使用就可以了。套用在Google之後，點點看它的圖片！**

結語

好像是該結束的時候...還沒有完！如果對JQuery有興趣...不妨看看http://api.jquery.com/browser/，體驗一下jQuery操作網頁的樂趣...多點巧思，Bookmarklet也可以DIY，成為好用的小工具！

完

RocketDock v1.3.5 Packed by Andy~*

noreply@blogger.com (Andy Pan) — Tue, 13 Mar 2012 14:13:00 +0000

最近好久沒有發文了！主要是忙於課業(?)，沒有連續的時間好好寫出一個「堪用物件」(usable object，暫譯)。我想回鍋是最好證明這個Blog還「活著」的方法，把以前從來沒對外發布的東西拿出來。

恰好，RocketDock受到我的關注已經很久了，有鑑於它在我發現以後的一年內都沒有更新，我決定把幾個好用的工具和它放在一起，精簡了一下壓成壓縮檔，從此束之高閣。就在這將滿一年之際，我又發現了它！那就把它放上來和大家分享吧！

到底是什麼？
有看過Mac電腦中充滿動感的工具列嗎？這就是在Windows上模擬它的小工具！你可以把東西掛在上面(不論是檔案或資料夾都可以)，點選以執行，甚至還可以安裝小插件(左下角的時鐘就是內附的插件，只是在這裡不去討論)。其次，樣式繁多、可自訂性高，幾乎能完全取代Windows的工具列了！最棒的是它是可攜式的，而且對中文有良好的支援，因此可以縮放自如地使用。

基本操作

新增物件：

按右鍵，從選單中選取欲新增的項目
把東西直接拖上去就好啦！

移除物件：

按右鍵->移除項目
把東西拖到選單列之外

其他功能

選擇浮動區塊、設定自動隱藏、鎖定圖示位置...等
在程式設定中有更多選項！

還是最重要的...
支援Windows XP/Vista/7。
載點@Dropbox：http://db.tt/sCaqaEpQ

關於Small Basic

noreply@blogger.com (Andy Pan) — Sat, 14 Jan 2012 10:49:00 +0000

想要寫程式，又需要自學，卻怕一打開設計軟體，功能就多到使你不知所措嗎？從這個極致簡單的Small Basic開始吧！

Small Basic下載：
http://smallbasic.com/

ps.安裝的時候，不要被可怕的英文安裝畫面嚇到了，只要一直按下一步，執行程式的時候是中文的！(不過翻譯實在是有點糟，附上中文化檔案，~~請見後面~~還沒弄好。)

開始

嗯，似乎沒有圖形化的設計界面，不過正好可以練習一下如何用文字表達，那要怎麼開始呢？試著打下第一個字，你會看到：

貼心的自動完成，用上下鍵選擇，用Enter鍵採納。

上下瀏覽之後會發現，其實裡面的類別並不多，好好嘗試一下吧。
比較重要的是，如果你有用過Scratch，大概對於它的「舞台」不陌生吧。Small Basic的特點是，它有兩個舞台，其中一個是純文字的，另外一個是圖形化的。也可以把兩個一起叫出來看看。程式碼如下：

TextWindow.show()
GraphicsWindow.show()

資源

其實Small Basic還是有自己的說明書和範例喔！只不過是英文的，想要學的可以在開始功能表裡面找到：

然而，這裡的介紹清楚的顯示了：只要動手試試，應該就可以掌握部分功能了。至於全部的

功能，等我有時間再加以補充。

完成

最後我想要談談一個特別的功能：輸出執行檔。

談到輸出執行檔，其實就是先將專案存檔，再按下「執行」，即會在專案的資料夾中建立一個同名的執行檔及一個.dll檔案。

此外，Small Basic寫好的程式，可以輕易地輸出到正規的Visual Basic中呢！不過經過實際測試發現，似乎還是需要原本的.dll檔案才能正常執行。至於要不要，就見仁見智囉。按鈕如下：

畢業，輸出成正式的VB專案！

總評

雖然Small Basic是個非常平易近人的軟體，但是功能相對的也弱了不少，主要有下列各項：

物件導向並不完整 (連宣告變數Dim都沒有！)
不能自訂函數，只有子常式Sub可以使用。
類別很少，而且只能執行少部分的功能。
沒有控制項的概念，與正牌的Visual Basic相去甚遠。
...

不過，既然有個簡單的工具可以利用，那麼做點什麼出來，至少有了工具吧！期盼Small Basic能夠帶給你一個寫程式的起點！

完

[更新]終於換上新的Logo了！

noreply@blogger.com (Andy Pan) — Sun, 11 Dec 2011 08:57:00 +0000

請看上方...一個可愛的Logo終於誕生了！從暑假的時候就很想要幫我的Blog弄個Logo，於是想到：美術天分那麼差的我，要放什麼好呢？
就用程式碼堆砌吧！盡情地把code貼上圖片，最能表達這個網站的訴求。但是沒有足夠的程式碼，貼起來就不好看了。

然後，又過了說長不長說短不短的幾個月。
我弄完了！
圖片有點大，但是非常非常的豐富(哪有人用豐富形容圖片的啊...)

剛好，新年也快要到來，就貼上來吧！當作新年禮物吧。這樣一搞，也勾起了不少回憶呢。(請參見：2011 暑假回憶錄)雖然我一直以Flash菜鳥自居，但是無庸置疑的，寫下每一支程式，都代表著一點點的新嘗試、一滴滴的進步。就用這些舊的程式碼帶領出新的靈感吧！

不過老實說，換這張圖片還有一個好處，那就是當我的blog在fb上預覽的時候，才不會總是空空的(小聲)。

再來，我要改背景圖了！不過...又沒梗了。

[FLEX]河內塔問題

noreply@blogger.com (Andy Pan) — Sat, 10 Dec 2011 10:34:00 +0000

最近數學課剛上到河內塔問題，頗有趣的，恰好有看過類似的書籍，在探討遞迴，說的也是這個經典的範例，就做一個玩玩，如此而已。

話說我好久沒寫Flex了。這次除了找回以前的感覺外，還增加了不少技巧，像是文字排版之類的。而且啊...裡面有個「復活節彩蛋(Easter Egg)」，這倒是我第一次放(這句話絕對是千真萬確的，但是也歡迎回去看我以前的作品)，不過實在沒什麼-.-。

話不多說，趕快來看看...

Dropbox:http://db.tt/reBbpmuS

[FLASH]打字機----簡單卻有力的作品

noreply@blogger.com (Andy Pan) — Wed, 23 Nov 2011 12:46:00 +0000

終於，段考考完了，耶。如釋重負之餘，我突然想起自高中以來，好久沒有寫新的程式了。只不過梗實在是太少，實力也不足，加上課業壓力比以往大，都沒辦法好好寫一個獨創的程式(OS.你自己又曾幾何時寫了有梗的程式)那我就發個以前的project吧！

這個打字機是個還蠻常見的特效，如果拿來跟社群網路整合，效果應該不錯。

製作日期是：98年3月1日，哇！好久以前了啊。那個時候的程式功力不夠，寫得超級簡陋。初學嘛！應該沒有人會想要它的原始碼，所以不打算放出來了。

Dropbox：http://dl.dropbox.com/u/87130/flash-typewriter/typing_doc.swf

其實...我是有想要重新寫個更完整的，但就要看看有沒有時間了。另外，如果能夠繼續，我覺得我應該要一次顯示多則一點的訊息，這是我要努力達成的目標。

[VB6+FLEX]Kutar遊戲紀錄器

noreply@blogger.com (Andy Pan) — Mon, 12 Sep 2011 08:50:00 +0000

這是個一年多前，我自己小試身手所製作的迷你排行榜。
排行榜其實需要使用到一些演算法，例如氣泡排序，不過我是直接叫組件排序(懶)，這部分沒什麼好炫耀的。最重要的是我這個排行榜能做「多遊戲」、「附圖片」的形式。還有，容量是無限制的，所以不會有把人家擠下去的壓力(這也算壓力嘛？)這就比遊戲裡面附的排行榜好一點了吧？

當時是用ActionScript2製作，所以似乎非常的簡單，按照直觀的資料庫操作，是非常輕鬆容易的，因為變數不用先宣告，要存什麼就存什麼。這東西我從來沒有發布過，不過可以放張圖片xD...見證我以前的程式腳步。

登入畫面很陽春，對吧

反正只是給自己用，功能就簡單即可

是不是很陽春啊？(別懷疑，上面的日期就是我製作的日期)
現在新版的內容使用Flex開發(所用的當然就是ActionScript3嚕)，大致上以介面的美化為主，當然加入了少許新功能。如果你跟我一樣閒的話，不妨下載下來，當作自己的遊戲排行榜吧。

載點
v1.22 Rev.4 主程式、還有通用的資料夾結構表<必要！>
http://www.box.net/shared/cit72ys0k0riklki4rju

v1.22 Rev.4 只有主程式
http://www.box.net/shared/l907ve9p1vbe860rsx4k

啊，差點忘記，這個程式裡面所用到的兩個小圖，~~可以在這裡免費下載~~！但是作者的網頁似乎已經連不上了，如果想要，是可以跟我要啦...
http://www.freegroup.org/2011/04/hand-drawn-web-icon-set/

概念引導
這個程式的製作策略實現了我先前想要做的External Flash Player。只不過...只不過...因為沒辦法存檔的緣故，每次繼續做的時候都有一點點麻煩-.-。
反正，就是利用框架的概念，把我的VB6程式當作一個播放器，用來接Flex所傳遞過來的訊息，用這個方法可以做讀/存檔案的動作，而不必受限於Flash的安全性原則~

實際操作
好，先把結構下載下來，如果資料的結構不對，你會看到像這樣的錯誤訊息......

所以...請先把檔案的內容加進去。

這是正確操作的樣子。

不過紀錄是我瞎掰的。

總之，這只是個概念性的程式，可以把許多小遊戲整合起來。
不過要整合還要有一個條件，那就是必須能在排行榜中直接啟動遊戲，這點真的要透過VB6才能達成。不知道你發現了沒有：很簡單的點圖片兩下就可以啟動遊戲了！

如果你也喜歡玩Kutar，不如自己把檔案複製進去，像上面那樣，如何？
完

[Windows] 如何以程式操控關機？(Shutdown指令)

noreply@blogger.com (Andy Pan) — Fri, 02 Sep 2011 14:35:00 +0000

有人想到要怎麼用程式開關機嗎？其實最簡單的方法，就是直接引用showdown.exe程式去呼叫關機。
不僅如此，還可以登出、重新啟動，諸如此類的(因此也可以拿來作為病毒....)。因為這是第一次如此說明，我想先介紹「命令提示字元」。

警告！在做下面的範例之前，請先把你的檔案什麼都先存檔好，以免手殘去關掉電腦！

命令提示字元
按下開始->執行(或用快速鍵Ctrl+R)，輸入cmd，執行即可(部分命令要系統管理員的權限，請Vista/7之使用者，在cmd上方按右鍵，選取以系統管理員執行本程式)。

在命令提示字元下，你只能利用文字輸入指令，可能會蠻不習慣的，語法又很多，幸好，大部分的指令都可以透過加上 /? 取得相關說明。現在先我們將焦點放在shutdown這個指令上。

Shutdown
首先，你可以透過輸入 showdown /? 取得下面這段文字(記得，輸入完要按Enter...)
(下面這一段比較長的，是Vista/7出現的結果，比XP還要詳細的多)

C:\Users\User>shutdown /?
使用方式: shutdown [/i | /l | /s | /r | /g | /a | /p | /h | /e] [/f]
    [/m \\computer][/t xxx][/d [p|u:]xx:yy [/c "comment"]]

    No args    顯示說明。與輸入 /? 意義相同。
    /?         顯示說明。與不輸入任何選項意義相同。
    /i         顯示圖形化使用者介面 (GUI)。
               這必須是第一個選項。
    /l         登出。不能和 /m 或 /d 選項一起使用。
    /s         將電腦關機。
    /r         將電腦關機並重新啟動。
    /g         將電腦關機並重新啟動。當系統
               重新開機後，請重新啟動任何已登錄的應用程式。
    /a         中止系統關機。
               只有在等候逾時期間可以使用這個選項。
    /p         沒有等候逾時時間或警告就關閉本機電腦
               能和 /d 與 /f 選項一起使用。
    /h         讓本機電腦休眠。
               能和 /f 選項一起使用。
    /e         記錄電腦意外關機的理由。
    /m \\computer 指定目標電腦。
    /t xxx     將關機前的等候逾時時間設定為 xxx 秒。
               正確的範圍是 0-315360000 (10 年)，預設值為 30。
               若逾時期間大於 0，則會隱含 /f 參數。
    /c "comment" 重新啟動或關機理由的註解。
               最多僅允許 512 個字元。
    /f         沒有事先警告使用者就強制執行中的應用程式關閉。
               為 /t 參數指定大於 0 的值時，
               會隱含 /f 參數。
    /d [p|u:]xx:yy 提供重新啟動或關機的理由。
               p 代表重新啟動或關機是已計劃的。
               u 代表理由是由使用者所定義。
               若未指定 p 或 u，則重新啟動或關機
               是未計劃的。
               xx 是主要的理由編號 (小於 256 的正整數)。
               yy 是次要的理由編號 (小於 65536 的正整數)。

看不懂複雜的語法沒關係，我們只注意紅字標起的地方。

語法範例
先介紹一下旗標(flag)的概念：上面那些附加在指令後面的文字稱為旗標，用來指明動作的目的，旗標之間以空白隔開。

最簡單的用途--關機：shutdown /s
設定一小時後自動關機：shutdown /s /t 3600
要是反悔想要取消也很簡單：shutdown /a

如果你想要告訴眾人你關機的目的，還可以這樣寫：shutdown /s /t 120 /c "我就是要關機，你最好現在存檔！"

貼心提醒...發揮創意改造一下，但是不要不小心把自己的電腦關掉喔~

很好用吧！ 那現在教的這招你也要學會：把命令變成捷徑。
請打開記事本...輸入任何一條指令，按另存新檔，但是要記得，存成.bat的副檔名。

如果很閒，現在就可以點點看啦，你會看到右下角出現...

看到這個，別懷疑，趕快再叫出命令提示字元，輸入 shutdown /a，要不然...嘿嘿！等個120秒你就知道了...

完

[FLEX]拉霸機 BAR

noreply@blogger.com (Andy Pan) — Sun, 28 Aug 2011 09:21:00 +0000

* 20110904 Update 已經修正完畢。請用原本的連結進入，重新下載。
* 20110901 Update 目前測試會有點問題，目前已經知道是由於Flash安全性原則造成的讀取失敗，正在試圖修正中...
剛看到標題，是不是跟我的想法一樣：做這種東西，到底能做什麼？好像沒什麼必要性吧！
不管你的想法是什麼，這個用Flex做出來的小程式，可以在你舉棋不定的時候，給予隨機式的建議，同時看著它亂亂跑，同時能夠達到娛樂的目的(你騙誰啊你)，反正做出來了，就po上來吧。
這個程式事實上是我以前曾經做來娛樂我弟的VBA程式(VBA，Visual Basic for Application)。當時是用迴圈來延緩程式輸出的速度，就會有一直跳一直跳的感覺，感覺像不像拉霸？

其實不怎麼樣，實際玩比較有感覺嗎？

我個人認為，有七八成像了啦(只是沒有777連線，這不是賭博遊戲)放輕鬆，來看看載點吧！

載點

Box.net：http://www.box.net/shared/kd68yc7amysttl82sccl
附帶一提，這東西沒有線上範例=)

自製教學

範例影片

這是示範的影片xD

最後，好好玩吧~

2011 暑假回憶錄

noreply@blogger.com (Andy Pan) — Wed, 17 Aug 2011 10:32:00 +0000

看看時間，今天已經是8月17日了，2011年暑假之中，最安靜的一天。
夏天惱人的熱氣已經收斂不少，而我也即將在附中自科營和新生訓練的薰陶下，展開我的燦爛生活。而原先的程式寫作，似乎會稍作暫停。但是回憶這暑假，我還真的做了不少事耶！

首先我要先介紹這個可愛的想法，也是我北北基聯測前手癢po的EFP，後來因為Flash Player壞掉而胎死腹中，之後，因為我看到畢業紀念冊，決定來做一本電子書，在網路上看到了某篇文章而靈機一動，就用ActionScript2.0製造了這個能伸能縮，展示自用兩相宜的Premium Page Flip Plus!。後來，因為硬體功能大致完成，也不知道要怎麼繼續發展(這好像是藉口吧)，也就漸漸停止更新。
之後時序進入暑假的燦爛時光：7月份，我就開始了反編譯小遊戲一途，而且也意外認識了祭忥，而我一直認為是個奇蹟啊~而為了解決大大小小的開發問題，我又寫了「文字取代器(附流水號)」和研究了FSCommand以及ExternalInterface。
還有，因為林姿秀給了我她的樣式，靈機一動讓我做出了Plurk的樣式生成器，也不錯用(吧)。這應該是我第一個獨立Flex開發的應用程式(難道先前的都不算數?)，有興趣的人請先備妥計算機，因為這是我的破數學所無法補救的缺陷。
大致上就這樣了，暑假應該就要結束了。希望以後的日子還有更多新的idea能迸出來，但也要有時間做就是了。

[FLEX]Plurk樣式生成器 - 閃耀登場！

noreply@blogger.com (Andy Pan) — Fri, 12 Aug 2011 08:47:00 +0000

最近收到林姿秀給我的可愛樣式之後，一頭栽進CSS的研究裡。啊？CSS3？是遠古時代的某個神祕元素嗎？最近都在做Flash、Flex和一點點的JavaScript，感嘆太久沒碰網頁了，哈哈。

重要的地方：載點
Yes! The most important thing is almost here! 請點這裡下載吧！
版次：Ver1.0 20110811Rev.
[SWF版]http://db.tt/B4V3ktO
[EXE版]http://db.tt/ewgo85V

創作的根源
好，直接進入正題，這個程式似乎是一個無心插柳的產物，因為我發現當創作者與使用者的喜好不同的時候，代溝就產生了。我想要的顏色，和樣板原始的顏色不同，通常的辦法就是開始咒罵創作者(對不起，可憐的創作者)，但是CSS很幸運一點就是，它的顏色不是用PhotoShop什麼的編輯器霧裡探花的改，而是用非常親切可愛的記事本，一個一個找、一個一個改。於是很方便的，你只要對數字稍微有概念，改出來也不會亂到什麼程度。

但，
(1) 顏色要配的好看，不是紅配綠配藍，我想要保有原創作者的Style，可是又要融入自己的，怎麼辦呢？
(2) 要是你的樣式有幾千幾百行，不知道要改到幾千幾百年，又該怎麼辦呢？

因此就研發出了這東西...請看使用方法~！

使用方法[附圖]
像下面這張，是我原本的Plurk~


原本的黑色Plurk版面...

然後，先將樣式複製出來，存檔...

把檔案存成純文字文件，記下檔名

好，接下來把樣式生成器打開。如果你記得剛才那個檔案的名字，而且放在同個資料夾，那就先打檔名，按「開啟」，如果你的電腦亂七八糟，那就按「瀏覽」慢慢找吧！

把檔名打上去，或者用瀏覽尋找檔案。

接下來就是設定參數了。這是我最喜歡的深藍色參數...希望大家可以「試」到或「算」出自己最愛的參數值喔！


R=0.9r+25；G=0.9g+25；B=0.6b+115

之後就可以按下最底端的輸出樣式。

很快的，我們已經得到輸出的樣式了！

之後，用圖片上面任一種方式，把樣式複製下來喔！

接下來你要做的事就是貼到Plurk上。

上面有版權文字，希望大家不要移除喔！

最後，大致上就可以看看成果如何了喔！

是不是很棒啊？

希望各位踴躍分享(但盡量不要違反授權條款)，感謝各位！

[技術文件]淺談色彩轉換 *警告：頭暈腦脹者請跳過
下面的東西你或許要看一下討厭的代數課本，但我相信讀者應該對 y=ax+b 這可惡的線性方程式不陌生。當你想要對色彩進行轉換的時候，你需要針對R.G.B每種顏色各列出一組聯立方程組，解出的兩個未知數，而這個轉換方程式，就是程式的核心啦！

如果這樣還是不清楚的話，這是萬用公式了(我怎麼沒有如釋重負的感覺？)：

y=mx+n，
假設A1,A2(不得相同)為原始色系的任意兩個顏色之R或G或B值；
a1,a2(可以相同)為欲轉換色系的任意兩個顏色之R或G或B值
，則
m=(a1-a2)/(A1-A2)
n=(A1a2-A2a1)/(A1-A2)
有興趣者可以自己算算看喔~(相信我，如果這個程式能夠做到這個地步，我也不是人了)

好啦，再整理一下，如果你想要的是「黑->任意顏色」，「白維持白」的色系調整，下面這個方程式也可以用：(小寫字母表示「你要的顏色之R,G,B」)

完

[FLEX]專題：文字取代器(含流水號功能)

noreply@blogger.com (Andy Pan) — Sun, 24 Jul 2011 10:34:00 +0000

這是個很普通的東西，從最基本的記事本、Wordpad到文書處理軟體，基本上都是必備的功能了。但是最近有人問到要取代的東西稍微複雜一些，於是就設計一個很簡單很簡單的取代器。......
可別小看取代這功能，運用得妙(搭配萬用字元、特殊字元、常規表示式 RegExp)可是無攻不破的！那麼流水號呢？這也很簡單啦！請看下面範例：
例如：有一段文字，我希望在裡面找"a"，第一次找到標示成"a(1)"，第二次找到標示成"a(2)"，依此類推，那麼如果用傳統取代就無法達成啦！
那我們來看看怎麼運作：

其實就是「取代+流水號」的功能吧。

我要下載 載點(Dropbox)：http://goo.gl/fk77y

這個程式，設計上就是讓人省點功在無聊的取代上(偷懶！？)，功能陽春了點，而且還沒有做完，不過用起來可說是綽綽有餘了。常規表示式這部份很多軟體都有，但是再加上序號...不知道耶，或許是個不錯的點子。