一開始先在網頁中使用RequireJS，以及設定引入的第一個檔案：
<script data-main="/javascript/main.js" src="/javascript/require.js"></script>
接著在main.js中設定好相關路徑：

require({
  paths: {
    jquery: 'lib/jquery-1.7.2.min',
    underscore: 'lib/underscore-min',
    backbone: 'lib/backbone-min',
    templates: '../templates'
  },
  priority: ['jquery']
}, [
  'app',
  'lib/jquery.serialize'
  ], function(
    App
  ) {
    App.start();
});

重點是設定priority讓RequireJS先載入jQuery，讓載入後面的jQuery相關外掛時不會出錯。再來是app.js：

define([
  'jquery',
  'underscore',
  'backbone',
  'router'
], function(
  $,
  _,
  Backbone,
  Router
) {
  'use strict';
  var App = {};
  App.start = function() {
    App.router = new Router;
    Backbone.history.start();
  };
  return App;
});

以上大概就是一個標準的Backbone + RequireJS使用樣版。

重頭戲來了，工具先準備好，nodeJS跟npm裝好後再：
sudo npm -g install requirejs
安裝好r.js後，在專案底下新增一個build.js來描述處理的相關參數：

{
    baseUrl: 'javascript',
    dir: 'scripts',
    modules: [
      {
        name: 'main'
      }
    ],
    paths: {
      jquery: 'lib/jquery-1.7.2.min',
      underscore: 'lib/underscore-min',
      backbone: 'lib/backbone-min',
      templates: '../templates'
    }
}

baseUrl是要處理的目標路徑，dir則是設定輸出的新增資料夾名稱，得跟前面不一樣以免原始檔案被覆蓋，modules則是要處理的模組檔名，最後但也很重要的是要把paths在這裡也宣告一次。此外如果不想讓它一併處理CSS，可以設optimizeCss: none，更完整的設定項目可以看r.js給的範例。

接著一邊大喊「指揮艇，組合！」一邊帥氣地敲下指令：
r.js -o build.js
就可以在設定的輸出資料夾裡看到輸出的成果了。

透過這樣的處理，現在網站只剩require.js和main.js兩個檔案要載入了，那麼有沒有辦法連require.js也一起合併進來呢？是有這樣的作法，不過requireJS的檔案壓縮後只剩10幾Kb，如果要再精打細算，可以用較輕巧的almond.js來合併，將下載的almond.js重新命名為script.js然後擺在原本未處理前的main.js旁邊，再修改剛剛的build.js，在modules的部份：

modules: [
      {
        name: "script",
        include: ['main']
      }
    ],

這個新的鍊成陣使用include設定讓script.js同時引入main的內容再做最佳化處理。這樣在網頁的部份就只要載入一份最佳化後的script.js就可以了：
<script src="script.js"></script>

使用almond代替require有一些使用上的限制，畢竟壓縮後不到2Kb，有不少RequireJS的功能無法支援，可以看Github專案頁面的說明，例如它就無法處理A模組定義引用B模組，同時B模組也定義引用A模組的情況，不過會寫成這樣，應該要先檢討專案的架構跟寫法才是。

要是遇上真的無法使用almond代替的場合，是不能把require.js丟進去用的，因為r.js會自動略過requireJS不處理，這樣只能把自己把壓縮後的require.js串接到壓縮後的main.js前面了。

延伸閱讀：
Module, AMD, RequireJS
初探 Require.JS
利用 RequireJs 將 Backbone.js 程式模組化

XBMC 110

值得一提的是這次發表了XBMCbuntu Live ISO，以LXDE作為桌面環境，不過開機後當然是直接進到XBMC畫面。

接下來就繼續期待XMBC完善它的PVR功能了。

Add-on Builder的線上編輯界面

既然目的是熟悉跟練習，就挑個簡單的題目來做好了，我想把NOWnews上有分頁的文章，合併回一頁，才不想浪費時間再點下一頁。

首先用page-mod判斷在載入NOWnews.com時觸發content scripts，然後在content scripts做抓取其他頁內容跟修改頁面的動作，只用到一項元件就完成了！

接著丟上AMO送審，非常高效率，很快就有結果，被退回了，理由是我把其他頁面的內容抓回來沒有用nsIScriptableUnescapeHTML之類的消毒過就丟innerHTML變成DOM，可能會有script標籤之類的偷藏惡意程式碼，好吧，再努力改一下。

問題來了，因為content scripts只能用來跟頁面互動，XPCOM的東西不能在content scripts裡面用，所以抓到的內容要送去add-on scripts消毒，然後再送回來，但是nsIScriptableUnescapeHTML的parseFragment()方法傳回來的是DocumentFragment物件，要給它一個DOMElement讓它掛上去，不幸的是，跟剛剛提到的相反，add-on scripts只能碰瀏覽器這邊的東西，沒辦法碰document這些頁面上的內容，所以我要去哪生DOM給它掛啊Orz

幸好小犬幫我想到了，用api-uptils裡面的hidden-frame來作為消毒場所，然後再把處理完的字串傳回去。

這裡提一下，content scripts要和add-on scripts通訊，只有postMessage跟port兩種方法，為了安全隔離，所以只能互傳字串，而用port能方便自訂事件名稱來設定多個管道，不像postMessage只有一個能用。

檢查一下消毒過後的內容，有沒有少了什麼東西，發現文章裡面用來內嵌YouTube影片的iframe標籤被濾掉了，想了半天，用了一個把iframe都先替換成video標籤的神奇方法，兩者都有width、height、src屬性，這些重要的資訊都不會遺失，只要再重新把iframe建回來就跟原先的內容一樣了。另外，我也測試了一下，embed和object標籤並不會被濾掉。

這個套件全部少少的程式碼可以在Builder站上看到，請各位多加指導。採用MIT授權，要拿去改寫對付宅宅新聞之類的請隨意。

最後總算是通過審核上架了，附加元件頁面在此，用了那麼奇怪的手法居然也過關了，還真是令人開心。

要不是堅持要用Jetpack以套件的形式完成它，不然不上架就不必管安全性規則，這功能只用UserScript寫起來多簡單愉快啊，UserScript版本在此，Chrome的使用者可以直接安裝。

最後我的感想是，線上編輯器到處都可以寫，也可以用來展示程式碼的確是很方便，但是反覆測試時要花時間等它載入套件實在是太麻煩，編輯上打字又不太流暢，下次寫套件我想還是抓SDK在本機端編輯比較好。

這下順利領到國外匯來的錢了，原本擔心郵局會因為在PayPal註冊是用英文姓名跟帳戶使用中文姓名看起來不同而退款，但是看到有成功見證就放心地提領，果然郵局是接受中文姓名用英文拼音的，這下就不必去更改PayPal的註冊姓名了，因為那會很麻煩。

Rygel 偏好設定

Rhythmbox Grilo Plugin

Totem Grilo Plugin

至於圖像的部份，目前在GNOME環境底下我還沒發現有哪個圖片軟體支援DLNA，不過你可以使用xbmc來試試。順帶一提，xbmc也能作為DMR，將它的資料庫分享出去。

如果連線發生問題，請記得檢查防火牆的設定，我是在分享端和接收端都用system-config-firewall設定停用防火牆才成功的。

最後提一下，如果對uPnP的運作有興趣，可以裝gupnp-tools，用裡面的gupnp-av-cp和gupnp-universal-cp兩個指令來查看，對Grilo的其他功能有興趣則可以試試grilo-test-ui這個工具。

Fedora 16 Verne

以《海底兩萬里》作者凡爾納作為代號的Fedora 16終於在本月初發行，這次我總算下定決心，為了完整的GNOME3體驗，從Ubuntu跳過來最接近GNOME OS理念的Fedora。

我使用Live USB安裝，目前系統分割還不能使用btrfs，只好安裝在ext4上，話說遭受不少批評的安裝程式據說下一版會更新。

進入系統後，除了呼應代號的深邃海底桌布外，就是簡潔的GNOME 3.2作業環境，底下分享一下我的調校心得。

因為在跳過來前就知道Fedora Utils的存在，所以裝好後就直接用它來搞定Codec等等，調校上省事多了。

Fedora Utils

接著來安裝改造外觀必要的套件。

sudo yum install wqy-microhei-fonts elementary-icon-theme gnome-tweak-tool ibus-gnome3

首先針對字型的部份，安裝了文泉驛微米黑後，用這個設定檔來指定優先使用字體。

假使不想更動到系統就將這個存成~/.fonts.conf，如果想連系統登入畫面也改到就存成/etc/fonts/local.conf便可。

然後就簡單的用GNOME Tweak Tool啟用ibus的Shell整合套件，還有更改成elementary圖示主題，GNOME預設的圖示主題實在不怎麼討喜。

這邊再介紹一下GPaste剪貼簿管理的Shell整合套件，

sudo yum install gpaste gnome-shell-extension-gpaste

GNOME Shell extension for GPaste

我也不知道為什麼Linux上有那麼多剪貼簿管理，但裝這套跟Shell整合看起來就很順眼。

順帶一提，我發現如果不開updates-testing repository的更新來源，對愛玩新東西的人來說會感到有點落伍，

yum update --enablerepo=updates-testing

像是新版Firefox啦，還有讓iBus整合進GNOME Shell的ibus-gnome3等等，都要開了testing repo之後，才能享受到最新的功能…以及潛藏的地雷。

iBus GNOME Shell Integration

最後別忘了裝上這個，再到GNOME Tweak Tool啟用，把可以正常關機的選單找回來Orz
sudo yum install gnome-shell-extension-alternative-status-menu

雖然我自己很喜歡GNOME3，但也必須承認它目前還有很多地方不盡人意，其實有個說法是Linux平台上一個新項目公開後，要再兩個Release Cycle後才會成熟，所以給個一年時間，再來期待半年後的GNOME 3.4與Fedora 17吧。

ibus-gjs on gnome-shell

Sushi的檔案預覽

GNOME的連絡人管理

GNOME的擴充套件管理

dconf編輯器停用open search providers

GNOME的文件管理

接下來是iBus的支援與整合部份。首先必須到專案網站下載ibus與ibus-chewing的最新版原始碼來自己編譯才能有比較好的支援。
解開後進到資料夾編譯ibus：

sudo apt-get install gnome-common libglib2.0-dev gtk-doc-tools libgconf2-dev libgtk2.0-dev libgirepository1.0-dev gobject-introspection
./autogen.sh --prefix=/usr --sysconfdir=/etc --enable-surrounding-text --enable-introspection=yes
make
sudo make install

解開後進到資料夾並編譯ibus-chewing：

sudo apt-get install gob2 libxtst-dev libchewing3-dev cmake
wget -P SOURCES https://fedorahosted.org/releases/c/m/cmake-fedora/cmake-fedora-modules-only-latest.tar.gz
tar zxvf SOURCES/cmake-fedora-modules-only-latest.tar.gz
cmake . -DCMAKE_INSTALL_PREFIX='/usr' -DLIBEXEC_DIR='/usr/lib/ibus-chewing'
make
sudo make install

接著移除會有衝突的舊版套件。
sudo apt-get remove ibus-gtk
在家目錄裡的.profile最後面加入以下幾行：

# gtk application
export GTK_IM_MODULE=ibus
# kde application
export QT_IM_MODULE=ibus
# old X application
export XMODIFIERS="@im=ibus" xterm

然後再重新啟動iBus。

另外ibus-chewing用到的libchewing在12.04有更新的版本，可以下載回來升級。

至於iBus的介面以GNOME Shell呈現的這部份還在開發中，所以目前得用擴充套件的方式安裝，而且還有無法在Shell文字輸入框中顯示編輯中字串的缺陷尚未解決。
使用git下載編譯ibus-gjs：

sudo apt-get install git
git clone https://github.com/fujiwarat/ibus-gjs.git
cd ibus-gjs
./autogen.sh --prefix=/usr
make
sudo make install

最後啟用這個擴充套件就完成GNOME Shell與iBus的整合啦！

東京ラブストーリー

永尾完治：語言太不可思議了，一旦說出口，就得承擔它實際上的重量。

永尾在向里美訴說過去的種種時，感受到那些話喚醒了他對里美戀慕的記憶，終於坦誠告白，這算言靈的一種嗎？

赤名莉香：只有真正嚐到苦惱的人，才能賦予別人他的溫柔。

就好比成熟的智慧都是永遠像珍珠一樣經歷過磨難才能孕育得出來啊，在沒有同樣的生命經驗之前，是沒辦法給予的啊。

完治：莉香這一生，到底是在追求什麼呢？
　　　錢？車子？鑽石？或者是和有名的人交往呢？
莉香：那些東西我早就已經全部都有了…。
完治：…………
莉香：而且我的自卑感也還沒強大到會讓我為了追求這些東西，
　　　在那裡心煩氣燥、汲汲營營。
完治：自卑感？
莉香：對啊！人類行動的原動力就是自卑感嘛！
　　　人為了想變成有錢人，才整天努力工作。
　　　三流的人為了成為一流而拚命努力。
　　　傻瓜也是為了變聰明才用功唸書。
　　　這種念頭，我可是一點都沒有喔！
　　　我可不想為了克服自己的自卑感拚死命地去做什麼。

這就是豪爽自由的赤名莉香！

完治：我到底哪裡不好？
莉香：……你不是說過愛我嗎？
　　　那樣的話，早上起來就該先想想我的臉，
　　　然後在心中跟我道「早安」。
　　　太陽下山了，就該對我說今天所發生的事!!
我如果叫你就算是半夜也該開車過來!!
　　　一個禮拜從早到晚的抱我!!
24小時抱緊我，24小時愛我，還對我說悄悄話!!
如果愛我，就辦得到!!
你不是說你愛我嗎!!
完治：……
　　　……這太難了……
　　　不管怎麼說，像那樣的人，在這世上可說是一個也沒有。
莉香：就是有。我就做得到。
　　　我可以一整天在心裡對著阿治一直講話。
　　　阿治叫我的時候，就算是在洗澡光著身子，我也跑過去。
　　　一整個晚上抱著你，摸著你的頭髮，凝視你一整夜。
　　　我就做得到啊！

就連作家秋元康也這樣說，雖然喜歡赤名莉香，但要是在現實中跟她交往的話，一定會落得倉皇逃跑的下場吧。

三上健一：我才不想跟男人一起，流得滿身臭汗。我只跟女人流汗而已。

這種原則真是讓人景仰啊。

三上健一：等一下。那真的是你的孩子嗎？我的心眼不好，所以女人懷孕時，得先懷疑這點。沒有搞錯吧？

花心大帥哥的警世名言，話說只有女人才能肯定她懷的孩子是她自己的吧。

三上健一：為什麼要花心？我想是太幸福了吧……妳的愛讓我太安心了…總覺得就算我與世界為敵，妳到最後都會站在我這一邊…………只是這麼覺得而已。

有時候越是安心就越是想讓人逃開，感情就是這樣奇妙。

三上：完治…
　　　如果要和女人分手，要自己先提出來喲！
　　　不然，被對方拋下，就太淒涼了。
　　　盆栽、鬧鐘，都還放在原位，但就是缺了一樣……
　　　聽到公寓樓梯有人的腳步聲，就會醒過來，
　　　然後才發現被留在這片黑暗中的，只有自己。
完治：……
　　　如果是我，還是會讓對方拋下我的。
　　　我沒辦法把這種淒苦留給女人。

花心大帥哥你不要老是跟女人同居不就不會有這種感嘆了。完治是對的，被女人拋下才能理直氣壯地去找下一個啊。

北川老師：只有鞋子和男人，是不能妥協的！

北川是關口的幼稚園同事，作為一個旁觀者就好像代替作者出來講大道理似的。好笑的是後來每當我遇到不合腳的鞋子都會想到這句話。

北川老師：不是搶或被搶的問題，在愛情的世界只有心意互通，才是正確的觀念。除此之外全都是錯誤答案，就是這麼回事！

雖說很有道理，但這簡直就是第三者的信條啊！

關口里美：戀愛是，被排除在外的人，才是壞人。

後來里美就開竅了，讓傳授心法的北川老師聽到時大為驚訝。

如果要將「愛」這個字，以很明確的方法來說明的話，那就是「愛一定會結束」。
在愛走到盡頭時，剩下的可能還是愛，也可能是恨，這就要因人而異了。
愛，並不是因「我愛你」這句話而存在的。

作者柴門文在最後寫下了這樣的文字，但是走到盡頭的愛情故事卻是永遠動人的好題材啊～

Mp3tag啟動畫面

Mp3tag安裝

Mp3tag設定

在開始埋頭苦幹前，如果檔案的標籤有殘缺或是亂碼，但是檔名本身保留有可用的資訊的話，可以使用「檔案名稱-標籤」按鈕來取得。

Mp3tag自檔名取得資訊

Mp3tag作業畫面

接著我會再檢查一下有沒有缺漏或是該刪除的標籤欄位，全選專輯內所有檔案後按下右鍵選擇「標籤」，或是一首一首查看。

Mp3tag標籤檢視

至於最後也是最實用的部份就是快速檔案命名了，在標籤資訊都完成後，在工具列上按下「標籤-檔案名稱」就能呼叫這個功能。

Mp3tag以標籤命名檔案

我所使用的是這樣的判斷邏輯：
$validate($if($and(%discnumber%,$neql(%discnumber%,1/1)),$regexp(%discnumber%,/\d,)-,)$num(%track%,2) %title%,_)

那麼接下來，我就一步一步的解釋上面這一串東西，我的檔名命名習慣跟整理方式是沿襲iTunes預設的方式，在各個artist資料夾底下再開各個album的資料夾，所以我的檔案命名並不會加入這兩個變數。

一、基本的曲目跟標題
$num(%track%,2) %title%
這邊用到一個函式，$num()，將輸入的數字資訊轉成指定的位數，最常看到的用法就是將曲目固定成2或3位數，這樣看起來比較整齊，(官網範例是用3，不過除了大合輯外我還沒看過流行音樂專輯超過99個曲目的)曲目跟標題間空一格是iTunes的命名方式，也是我的習慣，這樣比較清楚也不會把分隔符號跟標題本身搞在一起。

二、加上碟片編號
$if(%discnumber%,%discnumber%-,)$num(%track%,2) %title%
針對精選輯之類會有超過一片光碟，而塞在同一個專輯資料夾裡面需要做區隔，這邊使用到$if()函式，判斷如果沒有光碟編號欄位資訊的話，就什麼也不寫，(即第二個逗號後的變數為空)有光碟編號欄位資訊就寫入編號後再加個「-」作分隔。

三、處理光碟編號資訊同時寫入最大值的情況
$if(%discnumber%,$regexp(%discnumber%,/\d,)-,)$num(%track%,2) %title%
像是iTunes等的軟體，在轉檔時，會將CDDB提供的光碟總數也寫入，舉例來說，三片裝時光碟編號大概就會長成1/3、2/3、3/3，得再作個處理。這裡用到$regexp()這個正規式判斷函式，把/後面的最大值(正規式的\d對應任何數字)跟「/」一起去掉(第二個逗號後面的變數為空，即代換為空字串，等同去掉)

四、處理只有一張光碟卻還是寫入「光碟編號/最大值」的情況
$if($and(%discnumber%,$neql(%discnumber%,1/1)),$regexp(%discnumber%,/\d,)-,)$num(%track%,2) %title%
這邊要先注意一下，這用法並不能處理只有一張光碟卻在光碟編號寫入「1」的情形，因為如果有三張光碟卻分別寫入「1」、「2」、「3」，這時就不能把「1」拿掉了。所以遇到只有一張光碟時，我不是修改成「1/1」，就是乾脆清空它。這回一口氣多用了兩個函式來判斷，因為要判斷有光碟編號卻又不是「1/1」的情況。
$neql()判斷光碟編號不是「1/1」，回傳true。
$and()當然就是要同時有光碟編號，而光碟編號又不是「1/1」的判斷啦。

五、代換掉容易造成問題的特殊字元
$validate($if($and(%discnumber%,$neql(%discnumber%,1/1)),$regexp(%discnumber%,/\d,)-,)$num(%track%,2) %title%,_)
最後用到的是$validate()，這個函式用來將「 /?*"<>|: 」等在軟體讀取時，容易造成問題的特殊字元代換成你指定的字元，我習慣將它們替換成底線。

Mp3tag的欄位多值輸入