轉載須知：
本部落格的文章不允許未經告知的全篇及部份轉載，若有需要轉載或引用請先留言通知我。（想轉貼到噗浪、facebook、twitter上的人也請留言通知，謝謝。）

※本篇教學所使用的語法和教學原出處為敗家誌的調用jQuery特效實作(Tab控件篇)。

原本的教學主要是給wp的使用者用的，但是因為我不熟php的關係，想要放進去切換的欄位都不能用（像是最新回應之類的），再加上我的wp原本就沒有這麼多側邊欄，其實也不太需要這功能，所以就乾脆拿去我的忍者Blog用了。當然，這篇教學的範例展示也請到我的忍者Blog觀看。

基本上只要使用的網誌能夠修改樣式的html和css欄位就可以使用這個效果，所以同理FC2 Blog應該也能夠使用，有興趣的人可以試試看。

首先請把這篇文章中所提到的Tab控件語法下載下來（在步驟一的地方），解壓縮之後用忍者的檔案上傳功能上傳，並把檔案的網誌紀錄下來。

接著打開忍者Blog的樣式修改小幫手（在「テンプレート設定/編集」裡找到你想修改的樣式，點選「修正」）會出現這樣的畫面：

（點圖可放大）

接下來就跟這篇文章中寫的一樣，把步驟一裡的語法貼到上方「HTML」欄位裡的</head>之前（記得自己修正網址的部份）。然後再把步驟二的語法貼到「CSS」欄位裡，要放哪就看個人習慣囉。

貼完之後記得儲存樣式，然後再回到忍者Blog的管理介面，點選「プラグインの設定」新增一個「フリーエリア」欄位。

接著再將這篇文章中步驟三的語法貼進去，自己修改內容就行囉。（修改方式請自行摸索）目前測試過部落格小樹和Sitetag都可以正常顯示，一般的文字或圖片也沒有問題。

最後，這個效果並不會讓側邊欄的載入速度加快，只是隱藏一些內容讓畫面看起來比較乾淨而已，有點像是選單的開合功能這樣。看完教學之後若有什麼疑問再留言問我吧

原本有另外一個蠻喜歡的，不過這個已經有中文化了比較方便，而且tooltip的效果也很喜歡。（雖然想要連內文都有這個效果，但不知道怎麼改……）

改天再來修改側邊欄吧，這次想要用tab切換的效果。

另外這佈景的留言好像有ajax的效果，我還沒測試過不知道能不能用，有空的話就幫我測試一下吧

轉載須知：
本部落格的文章不允許未經告知的全篇及部份轉載，若有需要轉載或引用請先留言通知我。
（想轉貼到噗浪、facebook、twitter上的人也請留言通知，謝謝。）

前陣子看到了這篇文章：「デュラララに登場するチャットを再現した」便非常想架架看這種風格的聊天室，但是當時沒有很仔細研究架設方法，這篇文章就一直躺在我的最愛裡長灰塵。結果最近因為也跟著看起デュラララ!!，所以又再度把這篇文章翻出來，也成功的架設了測試用的聊天室。（雖然過程有點波折）

總之因為架設成功，朋友們也玩的挺開心的，所以就決定來寫個簡單的架設教學，畢竟這原作者其實沒有把步驟寫的很清楚，與其讓每個人都花一堆時間摸索不如寫個教學比較快。

注意：此教學內容包含部份網頁語法及FTP軟體的使用，若你對網頁語法及FTP軟體完全不熟悉，請先查閱相關教學後再閱讀此教學文。

首先先來解釋一下デュラララ!!風格的聊天室到底是什麼東西。

關於這個聊天室的畫面和操作方式，我想有看過動畫的人應該都知道，至於沒看動畫的人可以參考這篇文章裡的截圖。總之這支程式就是為了模擬動畫裡那個聊天室的效果才寫出來的。

它主要的功能/特色有：

• 簡潔平滑的介面和可愛的特效。
• 不用註冊會員，只要輸入暱稱和選擇頭像即可使用。
• 聊天室裡的房間關閉時聊天內容也會一起清除。
• 支援多國語言介面。（跟P3一樣可以自行翻譯語言檔）

其他的等我想到再補充。（喂）

就算沒看過動畫，看完上面的介紹後也會覺得有點心動吧？雖然現在功能其實還有點陽春，而且多少有點bug，不過拿來當臨時討論用的聊天室我覺得還不錯，只是要記得另外開檔案紀錄對話就是了XD

那麼接下來就是要教大家怎麼架設囉！

第一步、準備一個網頁空間。

當然要架設這個聊天室一定要有一個空間才能上傳檔案，但是這個網頁空間必須要能夠支援PHP5，否則就算上傳檔案也沒用。（像我這已經停產的方案只支援到PHP4，真哀傷……）

所以這裡順便推薦幾個我覺得還能用的免費空間，有一些不知道什麼時候會掛掉，不過這個聊天室架設相當簡單，也沒有資料保存的問題（聊天紀錄會自動刪除），所以用這種空間架設就可以啦～

1.Freehostia（250M/6G）
2.Host1Free（10G/250G）
3.Free Web Hosting Area（1G/流量好像沒限制？不確定有沒有廣告。）

申請方式和使用方法等請自行google。

我目前是用第一個架設，這個聽說存活蠻久了比較不用怕它突然死掉這樣，不過流量稍微少了一點。除了我上面列舉的之外，如果自己已經有買空間而且有支援PHP5的話也可以用自己的空間架設。

注意：這個聊天室還蠻吃流量的，昨天測試一個晚上就可以吃掉最起碼快100M的流量，而且聊天人數應該也不到10人，所以架設之前請先衡量自己空間的流量是否足夠。

第二步、取得主程式並上傳檔案。

主程式請到這裡下載。（原作者為Suin）

下載之後請將壓縮檔解壓縮，會出現一個名為「dura」的資料夾。

接著打開你慣用的FTP程式（我是使用FileZilla這套軟體），連上你的空間之後將剛才的「dura」資料夾整個上傳到你的空間裡。

第三步、修改設定及檔名。

現在回到檔案總管找到剛才的「dura」資料夾，對資料夾裡的「setting.dist.php」檔案按右鍵，然後選擇開啟檔案→選擇程式→使用記事本（notepad）開啟，就會出現我們要修改的設定文字了。

首先找到以下這一段：

define('DURA_URL', 'http://www.example.com ');

然後把「http://www.example.com」這段網址改成你剛才上傳檔案的位置，
例如「http://空間網址/dura」這樣。（這個網址就是聊天室的網址）

改完之後請直接儲存檔案。

接著請再用FTP程式把「setting.dist.php」檔案上傳到剛才上傳檔案的位置，會跳出詢問是否要覆蓋原始檔案的視窗，請選擇「覆蓋原檔案」。上傳完之後再把檔名「setting.dist.php」改為「setting.php」即可。

第四步：修改「xml」資料夾之權限。

最後我們必須修改「xml」資料夾的權限，這樣我們輸入的聊天內容才能夠寫入對話暫存檔內。

方法很簡單，首先使用FTP程式（這裡以FileZilla為例）連線到剛才我們上傳主程式的目錄，找到「trust_path」這個資料夾裡的「xml」資料夾，對該資料夾按右鍵選擇「檔案權限…」之後會出現下圖：

請把「755」這個數字改成「777」然後按下確認鍵儲存。

現在你可以直接連線到聊天室的網址，如果出現這樣的畫面就代表你架設成功了！

快登入聊天室創立一個你自己的房間，把你的朋友統統拉進來聊吧！

我架來測試用的聊天室→◎
想試玩的人可以用這個玩玩看，但不要聊得太過火害我流量爆掉嘿

まぁ、日本語が分かっていても、中国語版じゃないと、なんか一部のプラグインが英語になっちゃう。

私は英語無理だよ・・・(´･ω･`)

それに、最近書いたものはほとんど台湾人向けの記事だから、やはり中国語版がもっと親しいだよね。

でも今使ってるテーマは英語・・・(；´∀｀)

ちなみに管理画面のテンプレートもチェンジした！

カッコいいだよね

今は卒業したばかりなのであんまり時間がないんだけど、せっかく3.0になったらやはり新しデフォルテーマをいじってみたいなー

ということで、3.0になってもよろしくお願いします☆（意味不明）

授業が終わってからなんか自分の日本語も段々下手になちゃった。特に会話能力。

このままじゃ自分にとってもっとも重要なスキルもなくなる、という恐れがあった。

実は今まで探してる仕事は殆ど日本語とはそんなに深い関係がなかった、殆ど編集やデザイナー関連の仕事。

もちろんできれば将来の仕事も日本語使える機会があったらいいなと思ったけど、実際に面接の時自分でも驚いた。

私の日本語は下手になったということに。

今まで一生懸命勉強したものが、段々消えちゃう感じ。

このままじゃ、日本語が使える機会よりも、本当に機会があったら上手く話せるだけでもうありがたいことだ。

どうしよう。もうすぐ学校から出るのに、こんなことが起こった。

今なにかやろうと思っても間に合わないみたい。

どうすればいいの？