Dream+Fantasy

1~100 亂數排序/產生

noreply@blogger.com (Dustdusk) — Wed, 23 Jan 2013 02:06:00 +0000

昨天遇到一個問題 ... 亂數排序1~100

之前曾用過的做法...這算是亂數產生

import java.lang.Math.*;
public class javaTest{
 public static void main(String[] arg){
  int flag=0;
  int[] array = new int[100];
  for(int i=0;i<array.length;i++){
   do{
    int temp =(int)((Math.random()*100)+1);
    for(int j=0;j<i;j++){
     if(temp==array[j]){
      flag=1;
      break;
     }
     flag=0;
    }
    array[i]=temp;
   }while(flag==1);
   System.out.println(temp);
  }
 }
}

昨天腦袋不清醒竟然用了個偷懶的寫法... 這比較像是題目要的 , 亂數排序

import java.lang.Math.*;
public class javaTest{
 public static void main(String[] arg){
  int[] array = new int[100];
  for(int i=0;i<array.length;i++){
   array[i] = i+1;
  }
  for(int i=0;i<array.length;i++){
   int position = (int)((Math.random()*100));
   int temp = array[position];
   array[position] = array[i];
   array[i] = temp;
   System.out.println(array[i]);
  }
 }
}

查詢 Port 佔用

noreply@blogger.com (Dustdusk) — Wed, 09 Jan 2013 09:55:00 +0000

因為最近常常有port 被佔用的問題發生 , 結果一查才發現竟然是 Foobar ... 挺令我感到神奇的, 再查發現是裡面一個component : foo_httpcontrol 搞的鬼~_~ 這component是讓FoobarCon這個APP能用遠端控制Foobar2k所需要的一個component , 平常他的port 可以修改 , 不過因為FoobarCon的緣故 , 造成port 被固定在 8888 .....結果沒想到這麼好死不死他的port 跟目前的case用一樣 ... 真是太悲劇, 之前就有用過這component , 基本原理就是讓Foobar能傳/收 http的訊息 , 這樣一來可以透過網頁 or APP之類能連上網路收發http訊息的管道來控制Foobar...

以上是題外話 , 以下是查詢步驟

查詢命令：netstat - ano, 查詢PID
在 "開始" => "執行" 下鍵入 cmd 會跳出 "命令提示字元視窗", 再輸入上面命令 nestat -ano 會列出目前電腦使用PORT的情形, 我們先查詢佔用程式的PID值
開啟 "工作管理員" 找尋程式
‧按下快速鍵 Crtl+Alt+Del 即可呼叫出工作管理員，或在視窗最下方的藍色工具列上按右鍵, 點選工作管理員
‧再到 "處理程序", 若無 PID的欄位, 請先至 "檢視"=> "選擇欄位" 將PID勾選便可以瀏覽
‧找出PID值的使用程式名稱即可知道佔用的程式為何

CrystalReport - CheckBox

noreply@blogger.com (Dustdusk) — Fri, 04 Jan 2013 01:40:00 +0000

第三篇的CrystalReport , 其實是要講一個特別的應用 , 在Crystal Report中根據參數的值來顯示CheckBox , 然而因為CR本質上還是個報表軟體而已, 所以像是CheckBox這樣的元件是沒有附贈的 , 只好改用特別的方法來完成這功能. 網路上很多人都有介紹過這應用 , 但是大部分都用Basic的語法XD 我因為不會用Basic所以改用Crystal的語法來做!!

在開始功能之前要先來講講一個字形系列 Wingdings , 借用了百度的介紹 , 非常的落落長, 不過簡單來說就是微軟創造出來取代一些小圖片的文字. 剛好符合我們今天的要求 , 利用文字來呈現勾選以及非勾選.

我們今天應用到這兩個小圖示

    ASCII編碼0xA8(168)
    ASCII編碼0xFE(254)

第一個方法是利用建立公式欄位來完成 , 公式欄位簡單來說就是撰寫一個公式, 然後該公式的東西會表現在這個欄位上.
建立CheckBox步驟為

    1. 欄位總管>公式欄位>新增>設定名稱
    2. 接著在中間寫入
    3. if 判斷式 then
              Chr(168)
        else
              Chr(254)
    4. 然後按下完成, 接著從欄位總管的公式欄位裡面找到該欄位並把欄位拉入表格

但是~放入以後會發現怎麼跟想像的不一樣呢! 其實是還沒做完 ,

    5. 接著對該文字物件點右鍵 > 欄位格式設定 > 字型
        把字型改成Wingdings就可以了!

另外一個方法則是改變背景顏色達到填滿的效果, 不是用公式欄位去完成這功能, 而是要先插入一個文字物件再對背景顏色的部分撰寫公式來達到判斷, 這樣就能完成此功能了

    unCheck - 背景填滿白色

    Check - 背景填滿黑色

    1. 頁面上右鍵>插入文字物件>並增加外框
    2. 文字物件上右鍵>文字格式設定>框線>色彩>背景打勾之後再進後面的公式按鈕
    3. if 判斷式 then
              crBlack
        else
              crWhite

     crBlack跟crWhite 都是內建好的顏色 , 這樣一來就不用自己去記憶色碼, 除此之外當然也可以用傳統的RGB 或是CR自身語法的Color, 效果一樣.

Crystal Report 隱藏 / 顯示

noreply@blogger.com (Dustdusk) — Thu, 03 Jan 2013 00:56:00 +0000

不得不說... CR的中文翻譯真的很鳥 , 很多時候看英文原文可能還比看中文還簡單易懂, 例如這個抑制顯示就是很好的例子 , 簡單來說就是 ... 隱藏.
但是在CR裡面要隱藏有很多方法 , 以下擷取CR的線上文件

[區段專家] 中有三種屬性可以用來設定隱藏報表區段。

隱藏 (可擷取細目)

隱藏屬性可隨時在報表執行時隱藏區段。例如，在摘要報表中可使用隱藏屬性來僅顯示摘要，而不顯示摘要背後的細目。當區段上套用隱藏屬性時，若使用擷取細目資料指標來擷取區段內容的細目，就看得見該區段。這項屬性是絕對的；不能使用公式來設定套用的條件。

抑制顯示 (無擷取細目)

抑制顯示屬性也可以在報表執行時隱藏區段。但 [抑制顯示] 屬性不像 [隱藏] 屬性，不能在套用後擷取細目來顯示區段內容。這項屬性可以用絕對的方式來套用，或使用公式來設定套用的條件。這對撰寫信件而言很有用；例如，您可能會在信件中建立兩個 [細目] 區段：當銷售量達到或超過 $X 時抑制顯示其中一個區段，當銷售量低於 $X 時則抑制顯示另一個區段。

抑制顯示空白區段

抑制顯示空白區段屬性可隨時隱藏沒有物件的區段。如果將某個物件放入區段中，而且它會在報表中產生數值，這個物件就會顯示出來。

重要的是第二部分 , 因為第一部分主要是給區段用的...詳細效果我也不太理解 , 至於第二部分就很簡單易瞭了.可以利用給予以個條件讓他選擇要顯示還是隱藏這個物件 , CR性質跟VB很相似,你可以對特定物件撰寫條件或是函示,更可以對特定屬性撰寫條件或是函式,例如今天我要讓一個物件是否出現,我可以利用以下方法

右鍵物件 > 欄位格式設定 > 一般 > 按下抑制顯示後面的按鈕
接著出現公式工作區
在中央的部份加上你所要做的判斷就可 , 例如這邊我要用傳入參數來判斷是否顯示該物件 , 傳入參數為true則顯示物件 , 反之隱藏

If {?傳入參數} = true then

false

Else

true

這裡特別要注意的是 true 為隱藏 , false 則是顯示 , 至於true/false不用指定給物件或是屬性了, 直接這樣寫就好 , 因為我們是對該屬性撰寫條件... 對我這種沒用過VB的人真的很不習慣 ... 程式幫忙做太多事情了, 反倒邏輯上會覺得怪怪的

Crystal Report 群組總和累加值

noreply@blogger.com (Dustdusk) — Wed, 02 Jan 2013 09:42:00 +0000

Crystal Report , 之前在使用Visual Stuido 就有看過 , 但是因為本身很少碰DB 所以對這套軟體還是不熟, DotJ的時候是有碰觸iReport ,不過好像也是不了了之 , 之後到了現在的專案才開始真正碰觸到CR , 第一次接觸到的CR只是單純的使用SQL語法來撈出資料(CR把這種方式叫做命令), 這次的CR則是多了很多進階的應用, 包括邏輯判斷或是輸入參數等等 .

首先碰到的就是計算總和, 其實在SQL的時候我個人就覺得要計算總和很麻煩 , 到了CR原本以為要用公式或是什麼下去, 後來Google了一下才發現好像可以用軟體內置的簡單方法完成, 而解決方式就是 - 累加值 , 不得不說, CR本身就附帶了很棒的中文化的使用說明 , 雖然Micro$oft 也做了一個線上的說明版本, 可是說真的... 什麼東西只要經過M$的手, 都會變得又臭又長又看不懂(個人偏見), 所以還是用軟體內建的說明來的簡單明瞭扼要.

首先是一般常見的累加 , 他不只能做到總和功能還可以做到平均等等

建立步驟

建立好你的報表 , 接著把要用到的值放進來 .
在 [檢視] 功能表上，按一下 [欄位總管]。即顯示 [欄位總管] 對話方塊。(其實欄位總管很好用 , 可以做很多事情)
選取 [累加值欄位] 並按一下 [新增]。 [建立累加值欄位] 對話方塊便會出現。
先在可用資料表與欄位(A)選擇你要做運算的欄位 , 接著按下第一個>按鈕, 資料會自動帶到摘要欄位(F)那邊
在摘要類型選擇你要做的動作 ex. 總和 , 平均
驗算區塊 , 主要是設定什麼情況下做動作,例如
- 每個資料錄 , 就是計算每一筆資料
- 欄位變更時 , 就是當特定欄位資料改變食材做動作(可以用中間的>從左邊帶資料欄位回來)
- 群組變更時 , 當群組不同的時候才做動作
- 使用公式 ... 如字面上的意思
重設區怪 , 就是當該欄位的值有變更的時候 , 重新計算 , 例如不同群組 , 不同日子
- 永不如字面上的意思
- 欄位變更時 , 例如不同的日子 , 不同的人(可以用下邊的>從左邊帶資料欄位回來)
- 群組變更時 , 不同的群組
- 使用公式 ... 如字面上的意思
按下確定以後就欄位總管就會增加一個欄位, 可以把直接從欄位總管把欄位拉入報表裡面使用．
以下稍微提供公式使用方法 , 使用公式就可以不用特地把欄位組成群組. 但是又想要用特定欄位來加總 .
1. 在對話方塊的 [驗算] 區段中，按一下 [使用公式]，然後按一下 [公式] 按鈕。
2. 會出現公式工作區，並啟用 [累加值條件公式]。
3. 在 [公式] 方塊中輸入下列公式：
  - {表單.欄位} = "需要的值"
4. 這樣便會指示程式在每次遇到{表單.欄位} 等於「需要的值」的資料錄時，對累加值進行驗算，並且累加值會忽略其他資料錄。

parseInt() 跟 "08" , "09"

noreply@blogger.com (Dustdusk) — Wed, 26 Dec 2012 01:35:00 +0000

按照常理來說08轉成數字會變成8 , 對吧? 可是前幾天我在使用的時候卻發生了個怪問題 , 竟然會回傳0 , 09也回傳0 , 這到底是怎麼回事呢? 一開始我還以為自己遇到parseInt的BUG , 後來去看了parseInt的原始使用方式才發現自己的觀念錯誤 .

一切都是誤會 , parseInt所擁有的功能比我們想像的還要強大很多 , 她遠本的樣子是這樣的

parseInt(string, radix)

他其實是兩個參數的 , 前面就是要轉成數字的String 後面的radix 則是要轉成哪種進位, 10進位 , 8進位 , 還是16進位 . 平常的時候第二個參數radix 不會特別去設定, 他是根據你傳入的字串的值去判斷要變成哪個.

例如當你字串是 0x 開頭的時候後 , 會自動判斷成16進位的字串 , 如果是 0 開頭則是變成8進位字的字串 , 在8進位裡面08 , 09 都是錯誤的表示方式自然回傳了 0 , 這時候再去測試010 , 011 也會獲得同樣奇怪的結果 , 因為010會自動被判斷成8進位的10於是被轉變成了8 , 而011則是9！

所以為了避免這種情況 , 使用parseInt的時候還是順手加上第二個參數 , 例如08 09 的情況只要加上10去告訴parseInt現在使用的String是轉換成10進位就好了XD~

另外這邊有詳細的Javascript 內 parseInt的運作方式 :D

JavaScript中parseInt()內部轉換過程

正規表示 Regular expressions 用exec跟()取代split

noreply@blogger.com (Dustdusk) — Tue, 25 Dec 2012 07:25:00 +0000

為了這東西我可以說搞到快死掉... 明明只是一個超小的程式卻遇到超OX的問題 , 首先就是inline-block這東西, 我想網路上討論他的文章很多 , 但是只有當遇到問題的時候才發現, 好像沒什麼人強調到這東西竟然是底部對齊...(放大強調)... 要向上對齊要用vertical-align:text-top , 不能用vertical-align:top , 而且還要設定在子元素才行 , 不能設置在包覆子元素的父元素上 , 跟text-align要設定在父元素不同．搞得我連position都用上了就是沒用~_~

好習慣 , 先來今天的主角

輸入正規表示式(不用前後//)
輸入要驗證的字串
:
:

輸入的正規表示式
輸入的測試字串
是否符合
拆解後的字串
:
:
:
:

這可以讓你線上玩正規表示式XD至於教學請到 :
通用式相關列表
正規表示法 - 表單驗證

今天要講的是這兩篇文章沒講到的()的妙用, 在使用exec的時候會根據輸入的正規表示式把符合的字串拆出來 , 如果你加了()的話就等於有超越split 的功能...
例如
正規表示式 : /^(\d{2})a(a{3})$/
然後檢驗的字串 : 55aaaa
用exec拆完以後會變成 55aaa , 55 , aaa 總共三個字串!
有發現嗎?

他會先把()拿掉做第一次的配對, 把全部拿出來 , 之後根據()的內容去配對 , 把符合的拿出來 , 接著把第二個()內符合的拿出來 , 這功能用得好的話subString還有不少if else 都能省略了 , 拿來拆解字串實在是非常的好用 , 只要對要處理的字串寫好格式 , 接著exec就會自動幫你拆好變成陣列並回傳~

在這邊附上格式

字元	說明	簡單範例
\	避開特殊字元	/A\/ 可用於比對 "A"，其中 * 是一個特殊字元，為避開其特殊意義，所以必須加上 "\"
^	比對輸入列的起始位置	/^A/ 可比對 "Abcd" 中的 "A"，但不可比對 "aAb"
$	比對輸入列的結束位置	/A$/ 可比對 "bcdA" 中的 "A"，但不可比對 "aAb"
*	比對前一個字元零次或更多次	/bo*/ 可比對 "Good boook" 中的 "booo"，亦可比對 "Good bk" 中的 "b"
+	比對前一個字元一次或更多次，等效於 {1,}	/a+/ 可比對 "caaandy" 中的 "aaa"，但不可比對 "cndy"
?	比對前一個字元零次或一次	/e?l/ 可比對 "angel" 中的 "el"，也可以比對 "angle" 中的 "l"
.	比對任何一個字元（但換行符號不算）	/.n/ 可比對 "nay, an apple is on the tree" 中的 "an" 和 "on"，但不可比對 "nay"
(x)	比對 x 並將符合的部分存入一個變數	/(a) and (b)/ 可比對 "aaa and bb" 中的 "aaa" 和 "bb"，並將這兩個比對得到的字串設定至變數 RegExp.$1 和 RegExp.$2。
x\|y	比對 x 或 y	/a+\|b+/g 可比對 "aaa k bb" 中的 "aaa" 和 "bb"
{n}	比對前一個字元 n 次，n 為一個正整數	/a{3}/ 可比對 "lllaaalaa" 其中的 "aaa"，但不可比對 "aa"
{n,}	比對前一個字元至少 n 次，n 為一個正整數	/a{3,}/ 可比對 "aa aaa aaaa" 其中的 "aaa" 及 "aaaa"，但不可比對 "aa"
{n,m}	比對前一個字元至少 n 次，至多 m 次，m、n 均為正整數	/a{3,4}/ 可比對 "aa aaa aaaa aaaaa" 其中的 "aaa" 及 "aaaa"，但不可比對 "aa" 及 "aaaaa"
[xyz]	比對中括弧內的任一個字元	/[ecm]/ 可比對 "welcome" 中的 "e" 或 "c" 或 "m"
[^xyz]	比對不在中括弧內出現的任一個字元	/[^ecm]/ 可比對 "welcome" 中的 "w"、"l"、"o"，可見出其與 [xyz] 功能相反。（同時請同學也注意 /^/ 與 [^] 之間功能的不同。）
[\b]	比對退位字元（Backspace character）	可以比對一個 backspace ，也請注意 [\b] 與 \b 之間的差別
\b	比對英文字的邊界，例如空格	例如 /\bn\w/ 可以比對 "noonday" 中的 'no' ; /\wy\b/ 可比對 "possibly yesterday." 中的 'ly'
\B	比對非「英文字的邊界」	例如, /\w\Bn/ 可以比對 "noonday" 中的 'on' , 另外 /y\B\w/ 可以比對 "possibly yesterday." 中的 'ye'
\cX	比對控制字元（Control character），其中 X 是一個控制字元	/\cM/ 可以比對一個字串中的 control-M
\d	比對任一個數字，等效於 [0-9]	/[\d]/ 可比對由 "0" 至 "9" 的任一數字但其餘如字母等就不可比對
\D	比對任一個非數字，等效於 [^0-9]	/[\D]/ 可比對 "w" "a"... 但不可比對如 "7" "1" 等數字
\f	比對 form-feed	若是在文字中有發生 "換頁" 的行為則可以比對成功
\n	比對換行符號	若是在文字中有發生 "換行" 的行為則可以比對成功
\r	比對 carriage return
\s	比對任一個空白字元（White space character），等效於 [ \f\n\r\t\v]	/\s\w*/ 可比對 "A b" 中的 "b"
\S	比對任一個非空白字元，等效於 [^ \f\n\r\t\v]	/\S/\w* 可比對 "A b" 中的 "A"
\t	比對定位字元（Tab）
\v	比對垂直定位字元（Vertical tab）
\w	比對數字字母字元（Alphanumerical characters）或底線字母（"_"），等效於 [A-Za-z0-9_]	/\w/ 可比對 ".A _!9" 中的 "A"、"_"、"9"。
\W	比對非「數字字母字元或底線字母」，等效於 [^A-Za-z0-9_]	/\W/ 可比對 ".A _!9" 中的 "."、" "、"!"，可見其功能與 /\w/ 恰好相反。
\ooctal	比對八進位，其中octal是八進位數目	/\oocetal123/ 可比對與八進位的ASCII中 "123" 所相對應的字元值。
\xhex	比對十六進位，其中hex是十六進位數目	/\xhex38/ 可比對與 16進位的ASCII中 "38" 所相對應的字元。

jQuery 日期時間的驗證

noreply@blogger.com (Dustdusk) — Mon, 24 Dec 2012 07:53:00 +0000

又是一個在工作上遇到的問題了, 要對日期做出驗證 , 看使用者輸入的是不是正確的日期 , 還要在之後判定輸入的日期兩者不可相差1年 , 並是否包含今天．

DEMO :

現在時間 :

請輸入時間 : (格式yyyy/MM/dd)

Message :

為了呈現這些程式碼讓我花了快一個多小時呢... 還順便把整個版面都改掉了, 反正Plurk 跟ReadMore 好像根本沒在用XDD , 好啦... 好像有點用 ... 之後要不要加回來呢...(望
先來HTML, 沒啥特別的.

HTML 程式碼 :

<div id="jQueryCheckDate" align="center">
<div class="demoArea">
<div id="infomation" class="box">
現在時間 : <span></span><br /><br />
請輸入時間 : (格式yyyy/MM/dd)
</div>
<input type="text" name="dtMap(fromDay)" value="2012/12/21" maxlength="10"/>
~
<input type="text" name="dtMap(endDay)" value="2012/12/30" maxlength="10"/>
<div id="Message" class="box"><br />Message : <br /><span></span></div>
</div>
</div>

CSS 程式碼:

#jQueryCheckDate .demoArea{
    background-color:rgba(224,224,224,0.6);
    border-radius:15px;
    padding:20px;
    width:310px;
    height:140px;
    text-align:left;
}

JavaScript 分兩部分,第一部分是初始化$(function(){})跟blur事件, 比較要注意的點就是我利用了jQuery Selector 的*= 來完成兩個日期輸入框只用一段程式碼XD, 用了this 來抓取目前blur的到底是哪個輸入框,這算是比較小偷懶的方式(?), 正常好像要用event.currentTarget來比較比較好XD

$(function(){
    date = new Date();
    var today = date.getFullYear()+"/"+(date.getMonth()+1)+"/"+date.getDate();
    $('#jQueryCheckDate #infomation span').append(today);
   
    $('#jQueryCheckDate [name*=dt]').blur(function(){
        var errors ="";
        var fromDay = $('#jQueryCheckDate [name=dtMap(fromDay)]').val();
        var endDay = $('#jQueryCheckDate [name=dtMap(endDay)]').val();
        if($(this).val()!=""){
            if(checkDate(fromDay) && checkDate(endDay)){
            //時間格式對了才來判斷跟另外一個日期的關係
                if(parseInt(fromDay.replace(/[\/]/g,""))>parseInt(endDay.replace(/[\/]/g,""))){
                    errors = $(this).val()==fromDay ? "起始日"+fromDay+"大於迄止日"+endDay : errors = "迄止日"+endDay+"小於起始日"+fromDay;
                }else if(parseInt(endDay.replace(/[\/]/g,""))-parseInt(fromDay.replace(/[\/]/g,""))>10000){
                    errors = "起始日"+fromDay+"和迄止日"+endDay+"相差一年";
                }else{
                    if(parseInt(fromDay.replace(/[\/]/g,""))>parseInt(today.replace(/[\/]/g,"")) || parseInt(endDay.replace(/[\/]/g,""))<parseInt(today.replace(/[\/]/g,""))){
                        errors = "輸入的日期不包含今天!";
                    }else{
                        errors = "輸入的日期包含今天!";
                    }
                }
            }else{
                errors = "時間格式錯誤!";
            }
        }
        $('#jQueryCheckDate #Message span').html(errors);
    });
});

第二段JavaScript 負責檢查日期有無錯誤, 這邊的重點則是用到了正規表示式 , 一開始看到文件真的會有種想說這O小叮噹的感覺...不過在一個早上的嘗試之後也漸漸的瞭解這東西在做什麼了, 首先要感謝這篇 , 真的超有用的 !

另外這篇則是附上了正規表示式的格式 , 舉個最好的例子, replace取代字串中的字的時候,用單純字串下去比較會只取代他找到的第一個字, 這時候用正規表示式來做比較 , 就可以達到全部取代的功用唷~只要在最後面加上g就好了!

然後用()包起來搭配 | 就可以達到更加強大的效果唷 /^([0][13578])|([1][12])$/
這段就是判斷是否是 01 03 05 07 08 或是 11 12 ~ 可以省下陣列去比較呢~

function checkDate(dateString){
//重點 如果沒有用^開頭跟結尾$就不會是完全比對,而會是模糊比對了,另外\/要用[]隔起來XD
    if(/^\d{4}[\/]\d{2}[\/]\d{2}$/.test(dateString)){
        var temp = dateString.split("/");
        if(parseInt(temp[1],10)<13 && parseInt(temp[1],10)>0){
            if(/^([0][13578])|([1][12])$/.test(temp[1]))){
                if(parseInt(temp[2],10)==0 || parseInt(temp[2],10)>31){
                    return false;
                }
            }else{
                if(/^02$/.test(temp[1])){
                    if(parseInt(temp[0],10)%4==0){
                        if(parseInt(temp[2],10)==0 || parseInt(temp[2],10)>29){
                            return false;
                        }
                    }else {
                        if(parseInt(temp[2],10)==0 || parseInt(temp[2],10)>28){
                            return false;
                        }
                    }
                }else {
                    if(parseInt(temp[2],10)==0 || parseInt(temp[2],10)>30){
                        return false;
                    }
                }
            }
            return true;
        }else{
            return false;
        }
    }else{
        return false;
    }
}

jQuery HW - OX GAME

noreply@blogger.com (Dustdusk) — Fri, 21 Dec 2012 02:41:00 +0000

最近部門在做出jQuery 的教學,上一堂課教到bind 跟 unbind的差別, 學到了很多之前很少用的到函式, 不過我還是喜歡用bind解決一切,但是可以的話 , 用一次的用one , 做switcher功能的話用toggle 比較好~

學到live跟bind的差別 , jQuery讓人一個詬病的問題就是 ,他太多重複的功能的函式了. 雖然這點CSS跟html也有相同問題就是 , 看來這就是不斷改版的程式語言的宿命... 畢竟就算改版了也要向下相容呀!

課堂上出了這個作業XD, 因為本人自己的堅持(?)所以用了遞迴的方式下去做出Winner的判斷,搞得在IE上會出現當機的問題, 所以這東西只能在Firefox 跟 chrome 上面用搂~

OX遊戲

PLAYER : O

jQuery 動態修改 html select 物件 (update 2012/12/13 )

noreply@blogger.com (Dustdusk) — Wed, 12 Dec 2012 14:07:00 +0000

在工作的時候碰到的一個小問題，根據規格以為要用TextArea 來做出效果，後來發現用Select就行。

一開始還在思考要怎麼讓select 不要變成下拉選單,之後誤打誤撞發現只要使用size就可以達到這個要求，不會有下拉按鈕出現...看來我對HTML TAG不夠熟。

接著問題就是要用按鈕把左邊的textField 的值放入Select元件，再用按鈕把select 元件中的值刪除。

因為有jQuery所以程式碼變得簡單許多，在<select></select>中插入<option></option>就行。

插入的方式用append

$("select物件").append('<option>'+ 內存值 +'</option>');

至於刪除就比較麻煩，要先取得選取的索引數值再根據數值去select裡面刪掉元素。

作法分別是
1.先用 selectedIndex 取出選取的位置~~...至於為啥要有那個get(0) 我還真不曉得...~~

經過Google大神的指引才發現原來selectedIndex是HTML裡面的一種Attribute，既然這樣就簡單了，直接使用attr就可以取出值跟設定值了XD!

var 選取的位置 = $("select物件").get(0).selectedIndex

var 選取的位置 = $('[name=selectNumber]').attr('selectedIndex')

2.接著就是用remove()這個jQuery方法根據位置去刪除物件

$('select物件 option:eq('+ 選取的位置 + ')').remove();

這是動態網頁常常用到的手法，直接使用JavaScript 或是 jQuery 去插入tag達到修改網頁內容的效果，能夠憑空變出一個網頁內容而不是去隱藏/展現網頁內容。一般使用JavaScript 或是 jQuery常常都是取值或是改值，比較少人會直接寫入tag。在我製作網頁的時候我覺得這種方式能讓網頁內容更加來的有變化，另外這方式好像也被歸類在AJAX裡面?

jQuery HW draw Ten

noreply@blogger.com (Dustdusk) — Fri, 07 Dec 2012 03:19:00 +0000

HOME WORK

長：
寬：

環境變數

noreply@blogger.com (Dustdusk) — Thu, 11 Oct 2012 15:34:00 +0000

好久沒寫文章了...

因為開始了人生第一份正式工作所以打算來做個每日心得報告，至於能持續多久我也不知道。或許明天過不了幾天就因為太累不想寫了吧XD

之前裝JDK的時候就有接觸過環境變數這種東西。
他存在很久了，不過真正開始碰到他是之前使用CMD的時候，用環境變數可以讓我少打好多字，也可以讓我不用到該目錄裡面去操作，不過其實也可以直接shift + 右鍵有個在此處開啟命令視窗... 嘛，扯遠了XD

環境變數是儲存系統相關的資訊，就是將字串值指定給變數名稱。系統在開機之後，會自行設定環境變數以作為系統運作之用，至於哪裡看到環境變數呢？請跟著以下操作XD

首先可以在 "我的電腦" 上點右鍵選內容

右下角有個 "變更設定"

標籤的 "進階"

右下的 "環境變數"

上面為使用者變數
下面為系統變數

當電腦只有一個使用者的時候其實用起來差不多，但是如果你電腦有兩個以上的帳戶，那就有差別了，使用者變數只有在該使用者之下能夠使用，而系統變數則是設定以後，這台電腦的帳戶都可以使用，例如你電腦有兩個帳戶，一個是工作用，一個平常用，那你工作的環境變數可以只用在使用者變數那部份，這樣平常用的部份就不會搞混了。

另外要講的是%Variable_name%這個東西，他可以讓你少打很多字XD
例如原本是這樣的一個路徑：
C:\Document and Settings\admin\xxxx\yyyy\zzzz
你可以先宣告一個環境變數adminDoc

adminDoc = C:\Document and Settings\admin\

接下來要指向C:\Document and Settings\admin\內的資料夾的話都只要使用

%adminDoc%開頭後面接上你要的資料夾就好:D

另外有幾個預設的環境變數像是

%WinDir%：Windows目錄，預設是C:\WINNT或C:\WINDOWS
%ProgramFiles%：應用程式目錄，預設是C:\Program Files

可以利用修改這兩個變數來讓軟體預設安裝到你想要的位置，另外還有

%SystemDrive%：系統磁碟機，預設是C:
%SystemRoot%：系統根目錄，預設是C:\WINNT或C:\WINDOWS
%SystemDirectory%：系統目錄，預設是C:\WINNT\System32或C:\WINDOWS\System32
%Temp%、%Tmp%：暫存檔目錄 %HomeDrive%：使用者目錄的磁碟機
%HomePath%：使用者家目錄

（以上環境變數可以『檔案總管』試之，或在CMD裡面用echo指令顯示其內容；另外以下的環境變數只能在CMD內用echo呼叫）

%OS%：作業系統名稱，其值固定為Windows_NT
%UserDomain%：包含使用者帳號

然後有一個小要點要提醒

Autoexec.bat＜系統變數＜使用者變數

在三者都有相同的變數情況下，使用者變數的優先權最高，會覆蓋過系統變數跟Autoexec.bat，以下以此類推XD

寫一寫覺得好亂...其實還想講Path 這東西... 他要用" ; "隔開每個路徑之類的XD

The War on Sky

noreply@blogger.com (Dustdusk) — Thu, 13 Sep 2012 08:22:00 +0000

遊戲下載
早就該弄好得小遊戲... 剩下大概就敵人跟介面的改進還有關卡問題吧:P

Javascript 常用物件 - Date

noreply@blogger.com (Dustdusk) — Tue, 16 Aug 2011 01:59:00 +0000

這個物件應該蠻常用到的，如果是撰寫網頁程式的話往往會用到日期這個功能，因此Javascript跟大多數的程式一樣都有提供有關日期存取的物件，也就是本篇的主角 Date

基本上關於Date的相關網頁很多，例如w3schools就對常用的功能有解說，還有動手玩玩看給你用。基本上這邊也只是把一些相關的中文化。

文內的程式碼搭配w3school 的 Try if yourself 使用會得到現學現用的好效果XD

Date 物件本身就包涵了今天的年、月、日、時、分、秒。不過傳回的月份是從0開始，所以必須把月份+1，如同一般的宣告物件去宣告就好。

var today = new Date();

其實直接使用document.write(today);就可以得到以下資訊。

Tue Aug 16 2011 08:06:26 GMT+0800

如果沒有提供參數的話則是直接回傳目前的本機時間，而有提供參數，則可以限制取得的內容，例如：

new Date(milliseconds)　//01 January, 1970 00:00:00 + miliseconds
new Date(dateString) //日期以 Date.parse() 形式來辨認
new Date(year,month,day[,hour,min,sec,millisec]) //利用設定的時間來建立物件

建構式(constructor)講完了，接下來是可用函數一覽表。

首先是Get系列的函式

方法	描述
getDate()	傳回日期物件的天數 (from 1-31)
getDay()	傳回日期物件的日期 (from 0-6. 0=Sunday, 1=Monday, etc.)
getMonth()	傳回日期物件的月份 (from 0-11. 0=January, 1=February, etc.)
getFullYear()	傳回日期物件的年份(四位數字)
getYear()	傳回日期物件的年份 (from 0-99). 以 getFullYear 替代!!
getHours()	傳回日期物件的小時 (from 0-23)
getMinutes()	傳回日期物件的分鐘 (from 0-59)
getSeconds()	傳回日期物件的秒數 (from 0-59)
getMilliseconds()	傳回日期物件的千分之秒 (from 0-999)
getTime()	傳回千分之秒的數字 1/1-1970 的半夜起
getTimezoneOffset()	在使用者與格林威治時間裏傳回時間的差距
getUTCDate()	以全球標準時間(UTC) ，傳回日期物件的日期
getUTCDay()	以全球標準時間傳回日期物件的日期
getUTCMonth()	以全球標準時間傳回日期物件的月份
getUTCFullYear()	以全球標準時間傳回日期物件的四位數字年份
getUTCHours()	以全球標準時間傳回日期物件的小時
getUTCMinutes()	以全球標準時間傳回日期物件的分鐘
getUTCSeconds()	以全球標準時間傳回日期物件的秒數
getUTCMilliseconds()	以全球標準時間傳回日期物件的千分之秒
parse()	傳回字串日期傳，這個數字是以 January 01 1970 00:00:00 開始

這邊是有關Set系列的函式

方法	描述
setDate()	設定日期物件的月份日期 (from 1-31)
setFullYear()	設定日期物件的年份 (4位數)
setHours()	設定日期物件的小時 (from 0-23)
setMilliseconds()	設定日期物件的千分之秒數 (from 0-999)
setMinutes()	設定日期物件的分鐘數 (from 0-59)
setMonth()	設定日期物件的月份 (from 0-11. 0=January, 1=February)
setSeconds()	設定日期物件的秒數 (from 0-59)
setTime()	設定在 1/1-1970 後的千分之秒數
setYear()	設定在日期物件的年份 (00-99)
setUTCDate()	在全球標準時間設定日期物件的日期 (from 1-31)
setUTCMonth()	在全球標準時間設定日期物件的月份 (0-11. 0=January, 1=February)
setUTCFullYear()	在全球標準時間設定日期物件的年份 (四位數)
setUTCHours()	在全球標準時間設定日期物件的小時 (from 0-23)
setUTCMinutes()	在全球標準時間設定日期物件的分鐘數 (from 0-59)
setUTCSeconds()	在全球標準時間設定日期物件的秒數 (from 0-59)
setUTCMilliseconds()	在全球標準時間設定日期物件的千分之秒數 (from 0-999)

把日期物件轉換成字串並且設定時區

方法	描述
toGMTString()	轉換日期物件為字串，設成格林威治時區
toLocaleString()	轉換日期物件為字串，設成當地的時區
toString()	轉換日期物件成字串

重要此文章主要參考 JavaScript 日期物件 :D

JavaScript 雜記

noreply@blogger.com (Dustdusk) — Mon, 15 Aug 2011 18:26:00 +0000

先說這篇不是為了教學，而是本著學過要留下點痕跡才不會因為忘記而就像沒學過一樣。這篇文章就是基於這樣的理念才生出來的，之前已經摸過JavaScript，但是卻因為沒留下點什麼而全部忘光光，重頭又學習讓我花費了不少時間。

Java Script

首先 Java Script 跟Java的關係大概只有~~名字跟都是程式語言吧~~，兩者在不少地方的寫法都不相同，所以請盡量把這兩個程式當作不同的東西來看待比較妥當。

如果把Java Script放在html裡面請用以下tag把js的程式碼包住，主要是跟Browser說我們裡面的東西是用Java Script撰寫的。

直接把Java Script宣告在html內的寫法

/*這是第一行敘述*/

document.write("A"+"b");

</script>

引用外部的Java Script

note

每行敘述完請加上";"。

// or /**/ 是註解

+ 不只可以當數字加減，也可以當作字串的連接

1.宣告變數的寫法----

var 變數名稱 = new dataType ;

var 是宣告一個變數名稱但是還未分配東西
new 則是創造一個東西出來
dataType則是你要用的資料型別(Number,String,Boolean,Array(),image()...ect)
可以只宣告(var)

另外有特殊的DataType

null : 保留字，非空字串而是表示什麼都沒有，舉個比方來說，就是不是空的牛奶瓶，而是那裡什麼都沒有。

2.宣告函式
有三種方法

1.一般的函數定義方式

function 函式名稱(變數1,變數2...){

函式內容

return 回傳值;

}

2.使用函數文字

var 變數 = function(n1,n2,op) {return eval("n1"+op+"n2")};

3.使用Function()建構子

var fun3 = new Function("n1","n2","op","return eval('n1'+op+'n2')");

3.建立物件

function 物件名稱(變數1 ,變數2...){

this.變數1=變數1;

this.變數2=變數2;

...

}

物件名稱1 = new 物件名稱("xxx",10,...);

物件名稱2 = new 物件名稱("yyy",30,...);

臨時有需要可以在物件名稱1插入一個新的屬性

物件名稱1.變數3="zzzz";

但是這樣的改動不會影響到一開始的物件名稱跟後來宣告的物件名稱2
如果要全員改動只能回一開始的物件名稱來改

要在物件中增加方法則是先寫好方法，等寫物件的建構式才放進去
example:

先宣告方法

function 顯示變數(){ document.write("變數1:"+this.變數1); }

再撰寫物件建構式的時候加入

this.顯示變數 = 顯示變數;

然後繼承方面...有點懶得談了，就利用prototype方法下去做繼承

childern.prototype=new parent();

另外可以利用 prototype 這個關鍵字來增加基底物件的屬性或方法，例如：「基底物件.prototype.屬性 = 值」，或「基底物件.prototype.方法 =方法」，衍生後的物件自動繼承了增加的屬性或方法。

4.常用物件

document物件 - 也就是網頁

document.物件名稱.物件屬性
-存取該物件的屬性

document.物件名稱.element[0]
-該物件內的第一個元素
例如

test內的第一個元素就是

<h></h>

document.write("xxx")
-此函式是把String xxx寫進網頁(document)裡面。
document.getElementById("xxx")
-尋找document元素中名為xxx的元素，其後可繼續接物件/屬性

Date物件
-交給另外一篇談 (暈

5.常用函式

parseInt();
-把()內的字串轉成數字
parseFloat();
-把()內的字串轉成浮點數

prompt("顯示訊息","輸入區的預設值");
-會將()內訊息顯示在DiaLog裡面，並且等待使用者輸入資料，當按下確定/Enter 以後會以字串(String)方式回傳，當按下取消以後會回傳一個 null (保留字非空字串)。

alert("顯示訊息");
-會跳出一個Dialog出來

confirm("顯示訊息");
-跟alert很像，只是多了一個取消按鈕，並且會回傳一個boolean(確定=true / 取消=false)

6.在html中呼叫Java Script 函式

超連結的用法

請注意 href 的內容， javascript:函式名稱( 變數 )。
Javascript 提供了一個特別的用法，稱之為 JavaScript Pseudo-Protocol，而其 specifier 為 javascript:（請特別注意最後的冒號）；一般來說，javascript: 之後會加上一個函數名稱，函數可以是 Javascript 內建的函數，也可以是自行定義的函數。例如，你可以直接在瀏覽器輸入 javascript:alert(document.links.length) 來得知目前這個網頁總共有多少超連結（links）。當然，你也可以將這段程式碼用來取代這個範例的 href 值。

按鈕的用法

圖片上的滑鼠移動事件

重要 - 以上內容為參考以下文章 :D

JavaScript Note
這文章裡面還有一些範例跟更詳細的說明，以及蠻好用的Dom 物件表

CSS3 transition & setInterval 應用 - 小時鐘

noreply@blogger.com (Dustdusk) — Sat, 13 Aug 2011 06:11:00 +0000

基本上這個東西不用jQuery也弄的出來，不過自從用了jQuery以後我怎樣都不會想回去乖乖用JS，因為兩者在CSS Selector 的發揮上有著天跟地的差別，一個是可以直接對元素下命令，一個是要先去找出元素...

這個東西用到了CSS3新的功能圖片旋轉，舊版的CSS也是有這個功能，不過嘛...難用就算了還要扯到一堆有的沒的，一整個就是麻煩所以能用新的就用新的吧~ 不過新的問題就在徹底不鳥IE才能用(默)，想體驗新東西的人奉勸早點跟IE說掰掰吧...

關於CSS3旋轉的程式碼是參考這篇文章
CSS3 transition實現超酷圖片牆動畫效果

裡面有介紹不少好玩的transition的動畫效果，用CSS就可以作到JS操作，但是悲劇的是裡面一就要用到不少各瀏覽器的私自設定...還沒有到全部瀏覽器都能用一行語法解決的地步。

~~恩 ... Blogger 鎖住setInterval 跟 setTimeout ，真煩...這樣時鐘就不會自動更新了..~~

結果在跟Google奮戰了半天以後因為這篇文章 jQuery中使用setInterval、setTimeout的方法而解決了囧... 不會報錯真是麻煩(迷之音：誰叫你用Blogger來實驗jQuery的)。

具體來說錯誤就是不能直接在jQuery裡面用JavaScript的方式呼叫setInterval 或 setTimeout...要改用以下方法。

方法1. 直接在ready中調用其他方法，會提示缺少對象的錯誤，應用jQuery的擴展可以解決這個問題。

$(document).ready(function(){

$.extend({
show:function(){
alert("ready");
}
});
setInterval("$.show()",3000);
});

方法2. 指定定時執行的函數時不要使用引號和括號。

function show(){
alert("ready");
}
setInterval(show,3000);// 注意涵數名沒有引號和括弧！

既然提到了這兩個東西，就順便來講setTimeout跟setInterval的差別，主要差別就是setTimeout是"隔一段時間"呼叫一次 - 不會重複，setInterval則是"每隔一段時間"就呼叫一次
- 會重複，所以setTimeout要搭配Recursive來達成隔一段時間就重複呼叫來達到setIntervale的效果，既然都有更簡單的函式就快投向setIntervale的懷抱吧XD。

現在時間: 00:00:00

jQuery + 雜感

noreply@blogger.com (Dustdusk) — Fri, 12 Aug 2011 10:50:00 +0000

其實我很常常會一口氣打出一堆網誌... 畢竟我不是個喜歡天天弄網誌的人，剛剛看了一下Blogger 的後台... 我真的傻了XD ，我真感謝我選了Bogger，這後台太強了吧！

我可以跟流量偵測網站說掰掰了，Blogger給的流量偵測就超強大- - 而且比起統計流量的網站，他給的資訊實用很多，很多時候不是多就好而是要洽到好處，畢竟不是每個人都需要用到這麼多資訊，我只能說Google Good Jobs XD!!

另外剛剛有扔一篇jQuery的文章出來，嘛...jQuery出來這麼久之後我終於接觸這東西，一開始主要是不想碰Java，不過在越來越接觸網頁之後，逐漸發現不碰Java是不可能的，於是最近終於開始摸jQuery，也是為了html5鋪路。

摸了以後才知道這東西的強大，對Dom物件的強大篩選能力讓人折服，除了單純的篩選，其所提供的函式也是好用且貼心，讓整個Jsp的門檻跟行數減少許多。我想我如果想繼續開發網頁卻還不碰jQuery，我最後一定會哭出來...嘛，至少開始了。

另外用了jQuery以後我開始有了疑問... 為什麼Flash 還會盛行呢?

很多功能其實用jQuery製作會比用Flash製作還簡單許多呀... 例如很多遊戲的選單列其實根本不需要用到Flash才對，那根本是浪費效能... 不過光說不練沒用，近期目標就先來做一個純程式的menu吧XD

jQuery Demo 1

noreply@blogger.com (Dustdusk) — Fri, 12 Aug 2011 10:27:00 +0000

總之這篇文章是玩弄jQuery 的開始
等等再吃飽再來打用了哪些東西XD

Firefox 定製書籤 ( Smart Bookmark ) 其實我也不知道怎麼稱呼

noreply@blogger.com (Dustdusk) — Sun, 17 Apr 2011 06:20:00 +0000

其實我也不知道這東西該叫什麼...
總之這是之前就有發現的東西了，之前剛安裝新的火狐的時候就有在書籤列裡面發現"最近新加入的書籤"，"未排序的書籤" 這兩個可以看得資料夾，結果某次同步書籤的時候不小心把他刪掉，結果Google了很久還是找不回來...不知道是當初都沒人發現還是我的關鍵字不對...囧，就在今天早上，因為某些事情很早就起床了，順手用CCleaner掃除了一下，結果我的火狐設定檔就崩潰了...囧囧囧囧囧，就像是做了時光機器一樣，什麼都回覆到很早期的狀態...於是就狠下心乾脆整個重裝，畢竟之前Beta 版本讓我的火狐變得很亂...

就在我跟套件決戰了很久之後... 終於來到了同步書籤的時候了，自從有了同步書籤這功能以後，重灌都不怕書籤找不回來，套件那些其實要重弄都很快，書籤就不同了，畢竟那可是瀏覽的痕跡，長久以來智慧的堆疊！我常常用書籤紀錄一些好得網站跟文章，如果今天這些都消失的話我想我大概會深受打擊吧...言歸正傳，總之我看到了一個很特別的書籤資料夾"最常瀏覽"，當下我只覺得好棒！其實想要這個功能很久了，但是一直都找不到適合的套件，但是在我開心沒多久，我竟然做了非常手殘的事情...我用伺服器上的書籤把他蓋過去了呀!!!!((慘叫))，於是我又回到了Google大神的懷抱了，這次用了不同的關鍵字終於找到了這篇文章

Firefox 3 書籤內的"最近加入的書籤"刪掉後要如何恢復呢?
http://forum.moztw.org/viewtopic.php?f=2&t=23018

主要內容裡面都講了，我只是把他翻譯成中文

Step 1:創一個新的書籤

Step 2:接著在網址的地方輸入包括place:以後的內容(一次選一個輸入就好)

最常瀏覽的網站 top 10
10 Most Visited Sites:
place:queryType=0&sort=8&maxResults=10

最近加入的書籤 top 10
10 Most Recent Bookmarks:
place:queryType=1&sort=12&maxResults=10

最常加入的書籤 top 15
15 Most Visited Bookmarks:
place:queryType=1&sort=8&maxResults=15

後面這兩個比較進階，可以用關鍵自來過濾出特定字詞或是網域中最常瀏覽的網站，例如keyword 改成facebook就可以知道在facebook中你最常去哪個頁面:D

最常瀏覽的網站(用名稱當關鍵字版本 keyword可用任何你想要的字代換) top 10
10 Most Visited Sites with 「keyword」 in them:
place:queryType=0&sort=8&maxResults=10&terms=keyword

最常瀏覽的網站(用網址當關鍵字 keyword.com 可用任何你想用的網址代換) top 5
5 Most Visited Sites at the keyword.com Domain:
place:queryType=0&sort=8&maxResults=5&domain=keyword.com

Step 3:重開Firefox (重點)，成功的話就可以看到你想要的成果了！

這邊補充一下里面用到的參數的部份，根據更改參數你可以達到個人定製的效果！

queryType　–　選擇要在哪尋找結果

0 – 只在歷史中尋找
1 – 只在書籤中尋找
2 – 同時在歷史跟書籤中尋找

sort　–　選擇排序的方式

0 – Natural bookmark order
1 – Sort by title, A-Z
2 – Sort by title, Z-A
3 – Sort by visit date, most recent last
4 – Sort by visit date, most recent first
5 – Sort by uri, A-Z
6 – Sort by uri, Z-A
7 – Sort by visit count, ascending
8 – Sort by visit count, descending
9 – Sort by keyword, A-Z
10 – Sort by keyword, Z-A
11 – Sort by date added, most recent last
12 – Sort by date added, most recent first
13 – Sort by last modified date, most recent last
14 – Sort by last modified date, most recent first
17 – Sort by tags, ascending
18 – Sort by tags, descending
19 – Sort by annotation, ascending
20 – Sort by annotation, descending

maxResults – 表示要呈現多少搜尋結果 0代表全部
0 – Return all results
1~?? – Any number besides 「0〞 will indicate the number of results you want returned

以下兩個參數用來過濾用

domain – 用網域來過濾網址

terms 　– 用關鍵字來過濾網頁標題

邦喬飛：是賈伯斯毀了音樂產業

noreply@blogger.com (Dustdusk) — Thu, 17 Mar 2011 04:01:00 +0000

剛剛亂晃的時候看到了隱科技有這篇文章，看了作者的說法之後會有種作者不是不常買ＣＤ不然就是受台灣音樂工業的荼毒太深吧。

文章是這樣的:

原文---------

不是 MP3，不是 P2P，不是複製貼上的流行樂，而是賈伯斯和他萬惡的 iTunes。下面是邦喬飛在 Sunday Times Magazine 訪問裡的原話：

今天的小朋友失去了戴上耳機、閉上眼睛、開大音量，倘佯在專輯裡的樂趣；以及在不知道專輯內容之下，只靠著專輯外皮照片的想像做購買抉擇之美。

那真是個神奇、神奇的年代... 我討厭讓自已聽起來像個老人，但記住我說的話，一個世代以後人們會說：『發生了什麼事？』 -- 賈伯斯個人必須為毀了音樂產業負責。

雖然不知道邦喬飛和 iTunes 有什麼仇（明明他的歌就在 iTunes 裡賣啊？），但我有三點想法：1) 誰只靠專輯外皮選音樂啊？一張專輯裡不見得每一首歌都好聽，iTunes 的一大優勢正是讓消費者可以試聽之後再選自已想聽的買，不用碰運氣，也不用一次買整張專輯。唱片業會因此少賺很多錢沒錯，但 2) 若不是 iTunes 的話音樂產業早就敗在 P2P 的手裡了，我倒還覺得是 iTunes 救了音樂產業咧？3) 聽聽前輩們的話：音樂產業會毀在錄音帶手裡。音樂產業會毀在 CD 手裡。音樂產業會毀在 MP3 手裡。音樂產業會毀在 P2P 手裡。如果這些是真的的話，音樂產業早該毀了不是嗎？但音樂產業還在，而且拜 iTunes 所賜，主流以外的獨立樂團和新人更有機會嶄露頭角。為什麼毀不了？音樂是一種藝術創作，一種個人情感表達的形式，本身是不會死的，只是因為被套上了市儈的「產業」外衣後，才有被「毀掉」的可能性。

其實從某些程度來說，我倒是同意 iTunes 確實是毀了音樂「產業」沒錯，但正因為如此，反而使被綁架已久的音樂得到解脫。

原文---------

音樂真的是解脫嗎?綁架的是唱片公司而不是音樂人，今天老邦是從一個音樂人的角度來談論iTunes這東西，一片歌手越來越氾濫，往往錯得是唱片公司而不是音樂人，星光大道的出現讓不少愛唱歌的素人都得以有出頭天的時候，不過事後的隱憂呢？越來越多的歌手，然而幕後人員還是那幾個，寫詞的，編曲的人並沒有以同樣的速度增加！唱片公司承諾會給出專輯會給怎樣怎樣，搞得一直做新的歌曲來塘塞，搞得新歌聽起來都一樣，搞得越來越多的"一首歌"歌手，現在根本是人人都可以出專輯了。

專輯通常都有一個概念在裡面，像是Linkin Park 的專輯曲目之間就有不小的關聯性，甚至有些時候曲目是彼此連接的, 完整的專輯裡面有著作者想表達的一些元素，Linkin Park還曾經，甚至專輯也會以特定的想法挑選歌曲，更有聽過歌手為了維持專輯的完整性而放棄掉一些更有可能大賣的經典款式歌曲，大部分時候專輯是在一堆歌裡面挑，而不是有歌曲就塞進去。

就像回應裡面很多人提的, 去餐廳吃飯往往不只吃主餐，還有前菜們，彼此的搭配有些時候能夠讓美味得到提昇。然而分開賣這點卻讓這種想法被拋之腦後，iTunes這種模式比較適合日本的單曲戰術... 他們都是先出單曲然後挑主打歌湊成一張專輯接著塞個一兩首歌，或是那種精選+新歌，可是那精選只是從20挑18這種笑話.....這種時候就很需要iTunes這種能夠單曲下載的管道，但是對於西洋比較傾向一次出一整張專輯的樂團就會有打擊的負面效果在，當然有人一定說，那就整張專輯賣就好啦，不過現實就是一旦牽扯到銷售量，很多堅持都不再是堅持。

畢竟能賣得好誰不想呢？

真的自己不想，上頭也未必會給他這樣搞，雖然老邦還是說得太偏激了一點，這不只是iTunes的問題，音樂產業自己也要負責任，越來越多的一片歌手也是造成分開賣得原因之一，商人呀...((嘆

對努力維持整張專輯完整性的人來說的確是一種不小的負面的影響...不過該說這是趨勢嗎，當下載開始盛行以後，周遭越來越少人是一口氣聽完整專輯的了，都只挑主打歌，很多時候聽到非主打歌還會很驚訝呢= =||| 難道有些時候曲風跳很大不會怪怪的嗎

打一打覺得是在抱怨居多XDDD不過我很努力克制自己的火力了，我真的很想婊一些人，像是日本的專輯就讓我很無言www看那精美的戰術，沒錯！就是那個人數很多的某女子團體，啥？你跟我說很多個！？當說出這種話的時候不覺的更加的哀傷了嗎~? 當然這篇文章完全沒有對單曲策略的攻擊，我反倒是非常的欣賞出單曲這種行為，畢竟我也討厭一整張專輯只有一兩首好聽呀~

早上睡不著, 談一下IE 9 新介面擁擠的分頁跟網址

noreply@blogger.com (Dustdusk) — Tue, 08 Feb 2011 00:48:00 +0000

首先呢...

我很討厭IE

所以這篇絕對不是歌功頌德的文章，當然也不是只是罵而已，如果只是罵的話只要以一言而蔽之就好，那就是....　

M$的腦袋一定是有洞！！

我想很多人一定都這麼想，不過嘛...要說別人有洞也要仔細講講這洞是長怎樣或是怎長得。
先來看一張圖，下圖是IE 9 最新介面

有沒有覺得哪裡不對勁?... 首先從標題列來說，一般來說左上角的空白是以前為了放標題所以才空的那麼大，然而現在標題就直接在Tab 上顯示，請問微軟空那麼大的地方是要做什麼?你好歹像Opera 或是 Firefox 放個東西上去你右下角的App其實都可以扔上去(?，接著是那悲劇般的網址列...有仔細看過網址的人都知道，網址通常都是落落長一串，Firefox 可以靠套件來分色網域以及直接點擊網址列的區域來移動，結果微軟你把網址列縮成那麼小是要給誰看，還是說你認為用戶都是笨蛋都不需要看網址?接著是Reload 跟 Stop ... Chrome 很早就合併...其他瀏覽器也不少跟隨了這個腳步，你為什麼不讓他們早點~~相親相愛~~重疊一起呢，最後是中間的Tab.... 也是最大的敗筆，我說微軟你真的不懂的Tab 是拿來做什麼的對不對?...你當初抄襲Tab的時候一定沒有仔細思考觀察過這東西到底有什麼用對不對，還是你認為反正IE使用者都不會開一堆Tab ? 你Tab bar 那麼小是要放幾個網頁?當每個人都寬~~~~~螢幕到不擔心位置不夠用嗎? 你這麼愛抄，怎不學Chrome 放大時會把Tab 放到 titlebar ? 這介面一整個就越改越回去...都有這麼多介面抄襲參考，自己思考固然不錯，不過弄巧成拙就貽笑大方了。微軟你不像FF有廣大的套件當後盾，就算FireFox一推出的介面跟功能使用者覺得不好用，但是靠著一些方法就可以讓使用者滿意，Chrome雖然跟IE 一樣都沒什麼功能，不過就速度來說，IE你就算改版了還是墊底...而且最近Chrome的套件也開始成長了，至於Opera則是有工程師的~~奧金肝~~毅力，以上這些微軟你可是都沒有，為什麼推出的時候卻一點都不思考每個元件的用途跟長處。然後自己改版又是一次恆久遠，一版永流傳...

不過講了這麼多... 我一點都不期待他會改進((茶，我只是單純的唸一唸順便鍛鍊一下自己的腦袋，多動腦有益腦袋活絡。其實我根本沒在開IE，所以我完全不懂，既然要改UI...為啥會改成這樣，還是我應該說：」微軟，不意外」 XD?把花在小光身上的時間拿過來一點點就很夠用了。

----------------------------------------------------------------------------------------------

2/12更新

在IE9 RC出來之後，已經可以調整網址列跟分頁列的位置了，原本Beta版本是不行的。首先是網址列可以調整長度，然後在分頁列上點右鍵可以選擇把分頁置於另外一列。

算M$覺醒的快，不然這介面大概會被罵到翻吧

(茶)

---------------------------------------------------------------------------------------------

另外罵了這麼多，來看一下其他瀏覽器的介面

Opera 11

不得不提新功能-頁籤群組(tab stack)，這功能真讓我有耳目一新的感覺...雖然FireFox有Ponorama，不過Opera 的這個比較直覺也比較快速。Ponorama則是在A群組就看不到B群組的視窗，只能透過一個桌面來看全部群組，更像是多重桌面的OS概念，群組跟群組之間的聯繫很弱，Opera的則是群組跟群組之間的聯繫強，但是開多還是會亂...Tab Stack 可以由Tab kit 在FireFox上實踐，不過沒Opera的特效還有順手~ 而且會比較喜歡Tab Stack 的方式是因為Ponorama讓我常常都忘了某些網頁在別的群組開過((掩面。

但是就」管理」這個概念來說Ponorama卻是嶄新，是瀏覽器從未有過，多重桌面的概念。

Chrome

沒什麼好說得... 除了快，介面剛出來的時候也讓不少人驚為天人，現在更是各家爭相傚法...另外還開啟了瀏覽器的上網~~(版號)~~競速時代，靠著Google當後盾，實力不可小覷。

最後是 Firefox 4 的介面,不過這個經過我改版過...

Firefox 的Panorama 還有 App tab 這兩個功能，以及右上角的Menu Button 也是新的創新，透過Addon可以讓書籤跟歷史訊息全部整合到裡面去...強的哩(?

以往Firefox 3.6的介面其實讓我有點受不了，畢竟隔壁Chrome 的介面實在是精實，讓人看得口水直流，要不是Firefox有太多好用的套件，不然我早跳槽了。至於Opera ...說真的沒什麼興趣((掩面))...

尤其是Google的理唸著實讓我佩服，功能不求多，只把該做的做到最棒最好。

造就了Chrome市佔率大幅提昇，希望Firefox 能夠在不拋棄舊有的特點之下學習Chrome的特色讓自己更強大 ~至於IE嘛 ... 微軟還是好好的做好小光OS就好了((看

Windows Live Writer 測試文章

noreply@blogger.com (Dustdusk) — Wed, 20 Oct 2010 05:07:00 +0000

這篇文章是用Windows Live Writer 寫得=w= 就總的來說我以前也沒想要用這東西來寫Blogge,不過還是想說來試試看好了,因為比起線上編輯,桌機這邊編輯好然後上傳對我來說會更加的習慣,最主要是編寫環境的問題啦,因為在桌機這邊編寫可以有更加豐富的文本編輯工具可以使用,在線上還要牽扯到一堆HTML語法,雖然不是看不懂,不過往往為了一個簡單又白痴又無聊的自我要求效能而弄的老半天讓我想寫Blogger的心情都消失了。最主要是雖然Blogger會幫你線上儲存,不過還是會有遇到Firefox 忽然當機的問題, 好啦= =我承認以上都是我懶得打文章的藉口.
以上....為測試文章+抱怨

題外話, 就在我編輯這邊文章的時候外面開始下雨了呢!! 他X的那我下午要怎麼出門呢,究竟我能不能再次見到我思念許久的棉被呢?

我想這又會是另外一個故事了,而現在我該進行的故事則是把這邊文章打完,接著把我眼前的這便當盒裡面的飯吃完... 好久沒吃得自助餐, 因為感冒不敢亂吃東西,所以乖乖的跑去吃自助餐 , 因為營養最均衡嘛,不過說真的….好快就膩了....感冒呀~ 快點好吧~

很好...我遇到逆境了,該怎麼打…標題呢XDDDDDDDDDDD!?剛剛用預覽功能看了一下,嗯, 比網頁版的好用, 但是好像外掛元件都沒辦法使用,據說可以設定....不過這大概要等我有"心情"再去研究摟

我看到滿坑滿谷的蜘蛛絲呀!!

noreply@blogger.com (Dustdusk) — Mon, 22 Mar 2010 06:53:00 +0000

As title ... 沒了((被打死

嗯...就是沒有思緒寫文章咩，Plurk上面多打了幾個字就讓我才思枯竭了...囧!
來稍微回顧一下近況好了...算是近期回顧(?)...是說看著這個網誌，後面的圖也該換了呢，已經是好久以前的圖了，不過又要重新改版我就懶了呀！認識的人都知道我是~~超級無敵懶惰~~的人，雖然我很想改掉，不過看來來日方長我還要再接再厲，~~要超越國父的紀錄我想是綽綽有餘((被打~~。

不過事實上是最近大概分配了70%在Mabinogi，30%在畫圖...~~研究所的書都不知道多久沒動了呀~~Orz...雖然如此我的懶惰病還是延續到了Mabinogi跟畫圖上了，再這樣下去我大概沒有事情不懶惰了吧。會來寫這篇網誌也是因為這個原因...給自己一個停損點，讓情況停止惡化下去。

那給自己個目標吧...雖然可能有些很瞎，不過還是寫出來吧！
１每個禮拜生一篇網誌出來
其實這個目標反倒比較容易達到就是了，因為目前腦中有好幾篇東西，光是最近生活中添購了不少生活產品，繩椅，Wi-fi Router，微軟的X8遊戲鼠，每個幾乎都有點感想，還有去年就想發的耳機開箱文((被打，以及最重要得！我最愛的Browser Firefox 更新到3.6了...而且發現了更多的套件可以讓我徹底貫徹最小的工作介面，最大的瀏覽空間！

我家火狐 : 只有分頁列，整合網址列，狀態列四條。

２每個禮拜生一張圖！
看起來最簡單，但是要持之以恆好難唷！

３每天讀書四小時
最難的選項。
４兩個禮拜要60等
這其實是個人娛樂...囧
５每個月生出一個小程式(flash為主)
嗯...吃飯的工具...

隨記 1/14

noreply@blogger.com (Dustdusk) — Wed, 13 Jan 2010 20:56:00 +0000

最近的專注力變得好差- -
只要稍微看到需要動腦的東西就很容易分心
思考應該是一件令人愉快的事情呢...

話說最近Blogger首頁都不能貼影片了= =|||
這件事情讓我蠻不開心的，我這個Blogger主要是貼MV的說...

嘛- -是說點進文章裡面還看得到就是....哈
好....就這樣...

好短((眼神死

V6 - Change The World

noreply@blogger.com (Dustdusk) — Tue, 01 Dec 2009 05:24:00 +0000

已經算一首老歌了，大概是我高中的時候吧(?，還是國中呢..忘了，雖然是偶像團體，不過割得旋律卻意外的一直留在我腦海裡，嘛...已經變成回憶了。

--歌詞--

I WANT TO CHANGE THE WORLD
風を駈け抜けて
    擺脫颶風
何も恐れずに　いま勇気と　笑顏のカケラ抱いて
    不要害怕此刻擁抱勇氣和笑容的碎片
CHANGE MY MIND
情熱絕やさずに
    熱情不會停止
高鳴る未來へ　手を伸ばせば
    向著令人激動的未來伸出雙手
輝けるはずさ
    一定會閃耀光輝
IT'S WONDERLAND

灰色の空の彼方　何か置いてきた
    灰色天空的彼岸那裡有什麼
君は迷いながら搜しつづける
    讓你如此迷茫的不停搜索
君の心震えてた　明日の見えない夜
    你的心在顫抖看不到明天的夜晚
何も信じられず　耳を塞ぐ
    什麼都不相信塞上雙耳

君に出逢えたとき　本當の居場所見つけた
    和你相遇的時候找到了我真正的歸宿
何気ない優しさがここにあって
    這裡有無意的溫柔
僕ら目覚める
    讓我們覺醒

I WANT TO CHANGE THE WORLD
二度と迷わない
    不要再次迷惑
君といる未來　形どれば　どこまでも飛べるさ
    想像著有你的未來飛遍天涯海角
CHANGE MY MIND
情熱絕やさずに
    熱情不會停止
知らない明日へ　翼ひろげ　羽ばたけるはずさ
    向著未知的明天展開翅膀翱翔
IT'S WONDERLAND

僕らは同じ世界を　泳げ続けてる
    我們在相同的世界裡游動
お互いの願いへ屆く日まで
    直到互相傳遞到願望的那天為止
みんな同じ不安抱えて　支えあえるよ
    大家都抱著相同的不安互相支持
立ち止る瞬間に　見つめてる　この場所にいる
    在停止的瞬間發現就在這裡

I WANT TO CHANGE THE WORLD
この手離さずに
    這雙手不會放開
見守る瞳を　受け止めたら　何だって出來るはず
    停止了守護的眼眸什麼都會發生
CHANGE MY MIND
一人にさせない
    不會讓你一個人
みんなここにいる　どんな事も　突き抜けていこう
    大家都在這裡不會有事穿透
IT'S WONDERLAND

I WANT TO CHANGE THE WORLD
風を駈け抜けて
    擺脫颶風
何も恐れずに　いま勇気と　笑顏のカケラ抱いて
    不要害怕此刻擁抱勇氣和笑容的碎片
CHANGE MY MIND
情熱絕やさずに
    熱情不會停止
高鳴る未來へ　手を伸ばせば
    向著令人激動的未來伸出雙手
輝けるはずさ
    一定會閃耀光輝
IT'S WONDERLAND