最近在寫專題時，嘗試了許多新東西，例如改用 Go 來寫 API Server，還試了最近很潮的 Isomorphic JavaScript，如果未來有時間的話可能會針對這個主題再另外寫一篇文章，今天先寫最近遇到的一個怪問題。各位可能有聽過Fetch這個新一代的標準，它簡化了瀏覽器麻煩的 XMLHttpRequest API，而且支援 Promise。在開發時，Fetch運行順利，然而上線後卻會發生 Illegal Invocation 錯誤，更弔詭的是，這種錯誤只在 Chrome 上發生。（我沒有在 Safari 或 Opera 上試過）我把原始碼都翻過了遍，上網搜尋關於 Illegal Invocation 也大都是關於 jQuery 的解答，在苦心搜尋幾小時就快放棄時，終於在 GitHub 上解答：matthew-andrews/isomorphic-fetch#20解決方式非常簡單，就是把原本的：1importfetchfrom'isomorphic-fetch';改成：12importfetch_from'isomorphic-fetch';constfetch = fetch_.bind(this);只要把 import 進來的fetch綁定this，就能解決這個詭異的問題了。後記題圖是本季新番「Show By Rock」，雖然一開始的展開很腦殘，不過之後的劇情卻非常有趣 ...继续阅读 (14)

長久以來，Hexo 官網都是由我手動在本機產生靜態檔案後，再 push 到 GitHub 上。這種方式對於簡單的網誌來說或許很輕鬆，但是對於偶爾會有 Pull Request 的專案來說就比較麻煩了。在合併了 Pull Request 後，我必須自行把最新的 commit 拉到本機後再手動部署，有時比較忙就會擺爛，因此你會發現，雖然 Pull Request 已經被合併了，Hexo 網站本身卻仍未更新的情況。開始之前在開始之前，請先申請 Travis CI 帳號，把你的 GitHub repo 新增到 Travis CI 上，如果還沒建立.travis.yml的話，請先製作一個新的.travis.yml。Deploy Key因此，我花了一個晚上嘗試出了透過免費的 Travis CI 服務自動佈署的方法，首先你必須用ssh-keygen製作一個 SSH Key，供 GitHub 當作 Deploy key 使用。1$ ssh-keygen -t rsa -C"your_email@example.com"在製作 SSH key 時，請把 passphrase 留空，因為在 Travis 上輸入密碼很麻煩，我目前還找不到比較簡便的方式，如果各位知道的話歡迎提供給我。當 SSH key 製作完成後，複製 Public key 到 GitHub 上的 Deploy key 欄位，如下：加密 ...继续阅读 (20)

當初看到煉金術士系列新作的名稱時，便不禁噗哧笑了出來，這名稱實在太具有台灣風味，如果主角是一位提著菜籃的歐巴桑的話絕對會變神作。本作的世界觀為即將步向毀滅的世界，所有的物資都將消耗殆盡，能稱作國家的統治組織早已瓦解，人類的繁榮時代已經落幕，過去由煉金術打造的世界，如今只剩斷垣殘壁。而主角「愛夏」居住於偏僻的遺跡旁，一個人以賣藥維生。數年前，妹妹「妮歐」在出外採集藥草的過程中失蹤了。某天，愛夏一如往常的去附近的藥草園採集時，耳中突然響起妮歐的呼喚，但是一瞬間便消失了。此時，愉悅叔叔「奇斯葛里夫」登場，要求愛夏學習煉金術，唯有這樣才能找回妮歐。故事從此展開，系統沒有多大變化，新增了一個日記系統，必須集得一定的點數才能寫日記（為何愛夏不直接寫就好了，這筆記是有結界嗎）。裝備煉成取消，所有的裝備都必須從魔物或任務取得，若要強化武器則是自己煉成砥石（武器） / 染料（防具），並在物品欄使用。相較於前作，這代的畫面真的變得很讚，人物模組更加精細，畫面也變得流暢許多，然而缺點就是取消了立繪、說話時的嘴型非常詭異，以及闇榮的併購使得價錢提昇了一些。這篇文章本來在7月時就該寫好了，不過一時發懶所以乾脆等到中文版推出時再發佈。中文版的品質很不錯，看起來似乎沒有什麼嚴重的問題。原本日文版隨附的World Guide CD是奇斯，中文版幸好不再是奇斯而是琳卡了，要不然我大概會愉悅到炸。目前只玩了一輪，已經 ...继续阅读 (16)

當初看到煉金術士系列新作的名稱時，便不禁噗哧笑了出來，這名稱實在太具有台灣風味，如果主角是一位提著菜籃的歐巴桑的話絕對會變神作。本作的世界觀為即將步向毀滅的世界，所有的物資都將消耗殆盡，能稱作國家的統治組織早已瓦解，人類的繁榮時代已經落幕，過去由煉金術打造的世界，如今只剩斷垣殘壁。而主角「愛夏」居住於偏僻的遺跡旁，一個人以賣藥維生。數年前，妹妹「妮歐」在出外採集藥草的過程中失蹤了。某天，愛夏一如往常的去附近的藥草園採集時，耳中突然響起妮歐的呼喚，但是一瞬間便消失了。此時，愉悅叔叔「奇斯葛里夫」登場，要求愛夏學習煉金術，唯有這樣才能找回妮歐。故事從此展開，系統沒有多大變化，新增了一個日記系統，必須集得一定的點數才能寫日記（為何愛夏不直接寫就好了，這筆記是有結界嗎）。裝備煉成取消，所有的裝備都必須從魔物或任務取得，若要強化武器則是自己煉成砥石（武器） / 染料（防具），並在物品欄使用。相較於前作，這代的畫面真的變得很讚，人物模組更加精細，畫面也變得流暢許多，然而缺點就是取消了立繪、說話時的嘴型非常詭異，以及闇榮的併購使得價錢提昇了一些。這篇文章本來在7月時就該寫好了，不過一時發懶所以乾脆等到中文版推出時再發佈。中文版的品質很不錯，看起來似乎沒有什麼嚴重的問題。原本日文版隨附的World Guide CD是奇斯，中文版幸好不再是奇斯而是琳卡了，要不然我大概會愉悅到炸。目前只玩了一輪，已經 ...继续阅读 (15)

最近在公司負責 Dashboard 的開發，除了從資料庫挖資料以外，還得想盡辦法從其他來源找到更多的資料，而其中一個資料來源就是 Google Analytics。我過去都是在瀏覽器上使用 OAuth，這次花了一個下午才研究出如何在伺服器的 OAuth 用法，途中碰壁了好幾次，以下我將從頭到尾介紹如何接上 Google API，全文將以 Node.js 示範，其中原理可運用在其他程式語言，或 Google 其他服務的 API。建立專案首先，在Google Developer Console建立專案，並開啟「Analytics API」的存取權，到此為止都還是小菜一碟，跟不上的可以洗洗睡了，接下來才是正題。為了獲得 API 的存取權，我們必須申請一個新的用戶端 ID。請進入側邊欄中的「API 和驗證」→「憑證」頁面，你將可以看到一個預先建立的「Compute Engine 和 App Engine」的用戶端 ID，那個一點屁用都沒有，別管它。點選橘色按鈕「建立新的用戶端 ID」後，會跳出一個視窗，請選擇「服務帳戶」，並按下藍色按鈕「建立用戶端 ID」。經過數秒後，新的用戶端 ID 便建立完成，同時會跳出一個 JSON 檔案的下載視窗，該檔案是用來存放 Private key 的，非常重要，請妥善保存。服務帳戶到此為止便建立完成，你可在頁面下方看到熱騰騰剛建好的服務帳戶，你現在可以關掉 ...继续阅读 (33)

《超級槍彈辯駁 2》是一款由 PSP 移植到 PSV 並完全中文化的「高速推理動作遊戲」，簡單來說就是傳統的推理遊戲加上一些具有動作要素的小遊戲。本次故事背景相較於前作而言更加盛大，由希望峰學園轉移到了由五座小島及一座中央島所組成的「賈巴沃克群島」，然而事情並非如此簡單，原本風平浪靜的海島生活因為黑白熊而再度掀起了一陣波瀾。劇情「希望峰學園」是一所專收「超高校級」卓越人才的有名私立高中，本作的主人公從小就憧憬著能夠進入這所學校就讀。入學日當天，日向一踏進校門便覺得視線模糊，眼前只看到一扇「門」，打開門後，映入眼簾的是其他 15 位同學以及兔子布偶模樣的教師「兔兔美」。奇怪的不僅如此，教室四周的牆壁突然倒塌，場景瞬間轉移到充滿南國氣氛的「賈巴沃克群島」，這是一場為了蒐集「希望的碎片」而舉辦的修學旅行，雖然兔兔美明顯有其他目的，大家都感到懷疑，但很快的便放下警戒心衝向日光明媚的海灘玩耍。黑白熊的突然造訪劃破了學生們短暫的安寧，他奪走了兔兔美的主控權並將她改名為「黑白美」，原本快樂的修學旅行成為了自相殘殺之旅，悲劇就此開始。序章到此為止，各位可能會覺得與前作類似，畢竟是同一系列的作品，為了不破壞看倌們遊玩的興致，我就不破梗了，有興趣的自己去 Google。系統本作的系統與上一代十分類似，分為「（非）日常篇」與「非日常篇」，前者用於推進劇情，每過一個章節就會開放一個新島嶼；而後者則是用於蒐 ...继续阅读 (21)

《勇者別囂張》系列是我從 PSP 時代就非常喜歡的遊戲之一，雖然畫面復古但十分有趣，而且極富挑戰性，為了打敗最強勇者「ああああ」花了我好一段時間不斷重複試驗最佳的怪物生成方式。這系列在 PSP 上一共出了三部作品，在去年的 12 月，終於在日本的 PlayStation Store 發售，中文版則在今年的 4 月發售。課金雖然 PSV 版的畫面和 PSP 同樣都是復古風格，甚至連一開始的世界地圖畫面都十分類似，但改為免費制的課金遊戲，一開始遊戲會贈予玩家 5 支免費的鶴嘴鋤（遊玩額度），之後每天僅會補充 3 支鶴嘴鋤，根本完全不夠玩，想玩更多的話就得課金：每天 10 支鶴嘴鋤每天 24 支鶴嘴鋤無限鶴嘴鋤由於之前購買 FF 10 的時候還有點剩餘，我二話不說就買了無限鶴嘴鋤，也不過 243 元而已，而且只需購買一次，比一片遊戲便宜多了，其他還有些沒屁用的課金道具，例如加 3000P、10000P，或者是擴充勇者、磨物欄之類的我就沒買了。系統除了改為免費制遊戲以外，遊戲玩法也大相逕庭，從 PSP 上挖方塊培養魔物的玩法，改為常見的消除方塊遊戲，如圖所示，每三個方塊合併後就能召喚魔物攻擊左方入侵的勇者，合併後會產生一個更高級的方塊，Combo 數愈高一次能夠產生的魔物數量也就愈多，因此在本遊戲中提高 Combo 數十分重要。勇者除了攻擊魔物外，每過一段時間就會產生障礙方塊妨礙玩家，只能 ...继续阅读 (13)

上週因為懶得更新期中考而沒寫新文章，本週的內容同樣是技術性質的文章，而主題就是「利用 Stylus 自動製作 Sprite」，為了避免各位感到無聊，我特地在文章開頭放了一張毫無關聯的圖片，就是為了騙點閱率。Sprite 是啥？有些人可能會對「Sprite」這詞感到疑惑，它並非飲料名稱，而是一種將數張圖片合併為一張圖片的技術，常見於網頁與遊戲設計中，例如上圖即是 Facebook 所使用的 Sprite。在網頁設計中使用 Sprite 可以大幅降低網路請求的數量，如果有用到圖片按鈕的話，使用 Sprite 可避免圖片按鈕的閃動效果。過去我用Sass時，一定會搭配Compass使用，而Compass最實用的功能之一就是自動製作 Sprite，它可以從指定資料夾中的所有圖片中，自動建立 Sprite，然而為人詬病的就是：速度頗慢Retina Sprite 處理麻煩林北現在只用Stylus啦！然而，Stylus目前還沒有一個好用的 Sprite 工具能用，所以我一直以來都用Font Awesome來避免這種煩惱。日前剛好在公司研究如何使用Compass製作 Retina Sprite，所以就花了點時間做了專為Stylus設計的 Sprite 工具：sprite.styl。開發過程sprite.styl是一個用起來與Compass很相似的 Sprite 工具，只不過是為Stylus設計的，使 ...继续阅读 (21)

想必許多紳士都是E-Hentai的常客，我這邊就不細談這網站的內容了，這篇文章是久違的技術文，主要是來說明E-Hentai 閱讀器的發牢騷製作過程。編輯器Android 開發實在不是件簡單的事，一開始開發時使用Eclipse，恰好時逢 Android SDK 推出，結果一更新 SDK，林北的專案就爆炸惹，我也不知道到底該怎麼救，於是一氣之下怒換到Android Studio，Android Studio基於IntelliJ IDEA，速度比Eclipse快多了，介面也比Eclipse美觀許多，而且預設採用Gradle做為建置工具。之前就聽說過 iOS 開發友善許多，實際體驗後深深了解此言絕非虛假，Android 模擬器的效能實在不是一般的慢，光開機就需要數分鐘，而且一切的操作都比實機慢上許多倍，根本無法使用，根本逼人買一台 Nexus，後來改用Genymotion，才終於找回正常模擬器該有的速度，iOS 的開發環境就好多了，從 Build 到 Deploy 只要半分鐘即可在模擬器上操作。一般來說，開發專案絕對會用到很多 Library，因此需要有個 Dependency Manager 來管理套件之間的相依性問題，Java 因為歷史悠久，因此有許多選擇，使用Eclipse時，我本來選用Maven，但是它使用 XML 檔實在令人討厭，舉例來說：1234567com.jakewhart ...继续阅读 (385)

《愛絲卡＆羅吉的鍊金工房》（エスカ＆ロジーのアトリエ）是黃昏系列的第二作，簡稱為「スカトロのアトリエ」，繼承了前作的世界觀，時間經過了四年，這次的舞台在偏僻的「柯爾賽特」。系統這次再度採用了雙主角制，女主角「愛絲卡」是當地的鍊金術士，而男主角「羅吉」則是因為某些特殊原因，自願從中央來到偏鄉的鍊金術士，愛絲卡使用的是傳統的鍊金釜，專門負責生產除了武器、防具以外的物品，根本黑科技；而羅吉則是因為鍊金釜這種古早器具在中央早就沒人使用了，因此完全不會使用鍊金釜，第一次看到愛絲卡從鍊金釜生產出蘋果塔時還嚇了一跳www。戰鬥系統進步許多，原本僅限 3 人的戰鬥模式變成了前後排共 6 人，當 Support 點數大於 0 時，無論前後排都能進行支援，到了後期，雙主角更能使出連攜技能，讓攻擊力極大化，使得這代鍊金術士變得非常威能，凡人根本就是來湊傷害倍率的。在上一代《愛夏的鍊金工房》中，武器、防具是從怪物身上取得的，強化非常方便，只要生產出砥石存放在商店中，就能夠無限取用；而本作中，所有的武器、防具皆由羅吉生產，存放想要的屬性變得比較麻煩。不過好在這代新增了超強的「人工生命體」（ホムンクルス），只要給甜點就能夠無限複製道具，所有使用道具（藥水、炸藥等）都會在回城時自動補給，非常方便。劇情本作出現了很多前作的角色，例如妮歐、小魔女、哈利等，不過愛夏倒是沒有出場，因為在探險時摧毀遺跡，成為了通緝犯ww ...继续阅读 (22)

《愛絲卡＆羅吉的鍊金工房》（エスカ＆ロジーのアトリエ）是黃昏系列的第二作，簡稱為「スカトロのアトリエ」，繼承了前作的世界觀，時間經過了四年，這次的舞台在偏僻的「柯爾賽特」。系統這次再度採用了雙主角制，女主角「愛絲卡」是當地的鍊金術士，而男主角「羅吉」則是因為某些特殊原因，自願從中央來到偏鄉的鍊金術士，愛絲卡使用的是傳統的鍊金釜，專門負責生產除了武器、防具以外的物品，根本黑科技；而羅吉則是因為鍊金釜這種古早器具在中央早就沒人使用了，因此完全不會使用鍊金釜，第一次看到愛絲卡從鍊金釜生產出蘋果塔時還嚇了一跳www。戰鬥系統進步許多，原本僅限 3 人的戰鬥模式變成了前後排共 6 人，當 Support 點數大於 0 時，無論前後排都能進行支援，到了後期，雙主角更能使出連攜技能，讓攻擊力極大化，使得這代鍊金術士變得非常威能，凡人根本就是來湊傷害倍率的。在上一代《愛夏的鍊金工房》中，武器、防具是從怪物身上取得的，強化非常方便，只要生產出砥石存放在商店中，就能夠無限取用；而本作中，所有的武器、防具皆由羅吉生產，存放想要的屬性變得比較麻煩。不過好在這代新增了超強的「人工生命體」（ホムンクルス），只要給甜點就能夠無限複製道具，所有使用道具（藥水、炸藥等）都會在回城時自動補給，非常方便。劇情本作出現了很多前作的角色，例如妮歐、小魔女、哈利等，不過愛夏倒是沒有出場，因為在探險時摧毀遺跡，成為了通緝犯ww ...继续阅读 (15)

本站已經將近一年沒更新了，身為 Hexo 的作者卻不常使用 Hexo，這樣好像有點不太對勁？因此我在 10 月時決定再度提筆撰寫新文，可惜諸事繁忙，加上每次寫文時都會手癢想改佈景主題，導致這篇文章直到 11 月才正式動筆。《魔龍寶冠》是一部非常細緻的 2D 橫向 RPG，由 VanillaWare 製作，在 PS3 和 PSV 平台上發行，為了能夠在通勤時遊玩，我選擇 PSV 版本。去年看到宣傳影片時，並沒有引起我的共鳴，所以當日文版於今年 7 月發售時我沒有入手。得知中文版即將在 10 月發行時，為了支持中文版，加上手邊的《Persona 4》和《重力異想世界》都玩膩了，便決定入手中文版。雖無日文版對照，不過中文版的翻譯看起來沒什麼毛病，平常的字體使用粗明體，而較小的字體則使用細黑體。系統本作的系統十分容易上手，地圖間的切換速度十分迅速，可惜的是 PSV 版本的優化不良，戰鬥場景中若有大量魔法特效會有明顯 Lag。遊戲中共分為六種職業：戰士（Warrior）亞馬遜女戰士（Amazon）矮人（Dwarf）精靈（Elf）巫師（Wizard）女法師（Sorceress）其中我已玩過戰士和精靈。戰士屬於近戰角色，使用單手劍進行攻擊，速度快、攻擊力不錯，另外可使用盾防禦，是遊戲中防禦力最高的角色，遊戲中只要適時的使用攻擊和防禦就能輕鬆過關，適合初心者使用。選擇精靈則是因為精靈的聲音超可愛， ...继续阅读 (15)

本站已經將近一年沒更新了，身為 Hexo 的作者卻不常使用 Hexo，這樣好像有點不太對勁？因此我在 10 月時決定再度提筆撰寫新文，可惜諸事繁忙，加上每次寫文時都會手癢想改佈景主題，導致這篇文章直到 11 月才正式動筆。《魔龍寶冠》是一部非常細緻的 2D 橫向 RPG，由 VanillaWare 製作，在 PS3 和 PSV 平台上發行，為了能夠在通勤時遊玩，我選擇 PSV 版本。去年看到宣傳影片時，並沒有引起我的共鳴，所以當日文版於今年 7 月發售時我沒有入手。得知中文版即將在 10 月發行時，為了支持中文版，加上手邊的《Persona 4》和《重力異想世界》都玩膩了，便決定入手中文版。雖無日文版對照，不過中文版的翻譯看起來沒什麼毛病，平常的字體使用粗明體，而較小的字體則使用細黑體。系統本作的系統十分容易上手，地圖間的切換速度十分迅速，可惜的是 PSV 版本的優化不良，戰鬥場景中若有大量魔法特效會有明顯 Lag。遊戲中共分為六種職業：戰士（Warrior）亞馬遜女戰士（Amazon）矮人（Dwarf）精靈（Elf）巫師（Wizard）女法師（Sorceress）其中我已玩過戰士和精靈。戰士屬於近戰角色，使用單手劍進行攻擊，速度快、攻擊力不錯，另外可使用盾防禦，是遊戲中防禦力最高的角色，遊戲中只要適時的使用攻擊和防禦就能輕鬆過關，適合初心者使用。選擇精靈則是因為精靈的聲音超可愛， ...继续阅读 (7)

森夏的ㄋㄟㄋㄟ讚！有沒有最近作者都用圖片來騙人的八卦Hexo 發佈大約兩週之後，你可能會懷疑 Hexo 怎麼都沒有任何新消息，說好要補完的文件也毫無動靜。其實是因為這兩週我都在製作 0.1 版的更新，主要是為了修改之前的 bug，並增加擴充性。0.0 → 0.1我盡量不讓使用方式的變更幅度太大，不過為了擴充性，還是得稍微改變一下，那麼，該如何從 0.0.6 升級到 0.1 呢？透過npm將 Hexo 升級至 0.1。npmupdate-g升級內建的Light主題。cdthemes/light git pull更新_config.yml，以下是0.1版的預設配置，請依照個人需求自行調整。修改package.json。若你之前有設定過佈署的話，請調整_config.yml中deploy的設定。以上步驟完成後，即可使用 0.1 的 Hexo 了！新功能0.1 當然不是白升級的，我加入了一些無關緊要的新功能。Heroku 佈署除了GitHub之外，0.1 新增了Heroku的支援，雖然Heroku的使用本來就非常簡易，但身為一名懶人，能夠輕鬆設定當然是再好也不過了。我將佈署寫成了附加元件（Extension）的形式，因此日後所有的佈署方式應該都只需要三個步驟便能完成設定。設定修改_config.yml中deploy的設定，repository填入 Heroku repo 的連結。建立執行以 ...继续阅读 (35)

森夏的ㄋㄟㄋㄟ讚！有沒有最近作者都用圖片來騙人的八卦Hexo 發佈大約兩週之後，你可能會懷疑 Hexo 怎麼都沒有任何新消息，說好要補完的文件也毫無動靜。其實是因為這兩週我都在製作 0.1 版的更新，主要是為了修改之前的 bug，並增加擴充性。0.0 → 0.1我盡量不讓使用方式的變更幅度太大，不過為了擴充性，還是得稍微改變一下，那麼，該如何從 0.0.6 升級到 0.1 呢？透過npm將 Hexo 升級至 0.1。npmupdate-g升級內建的Light主題。cdthemes/light git pull更新_config.yml，以下是0.1版的預設配置，請依照個人需求自行調整。修改package.json。若你之前有設定過佈署的話，請調整_config.yml中deploy的設定。以上步驟完成後，即可使用 0.1 的 Hexo 了！新功能0.1 當然不是白升級的，我加入了一些無關緊要的新功能。Heroku 佈署除了GitHub之外，0.1 新增了Heroku的支援，雖然Heroku的使用本來就非常簡易，但身為一名懶人，能夠輕鬆設定當然是再好也不過了。我將佈署寫成了附加元件（Extension）的形式，因此日後所有的佈署方式應該都只需要三個步驟便能完成設定。設定修改_config.yml中deploy的設定，repository填入 Heroku repo 的連結。建立執行以 ...继续阅读 (13)

經過我三年的摧殘，上一支手機Sony Ericsson S312終於壽終正寢，因為FastPort接觸不良而無法充電，這好像是SE社的手機很常發生的問題？從這張照片可以看出上一支手機螢幕有好幾處刮傷，按鍵上的漆也有部分剝落了，不過還是能夠正常開機使用。身為窮學生的我當然不可能去買什麼唉鳳5、萬叉或淫河S3之類的天龍人手機，所以只能退而求其次，買一年前Sony推出的手機Xperia S。雖然是一年前的手機，不過以現今的觀點而言CP值挺高的。CPU：1.5GHz 雙核心 (Qualcomm MSM8260)RAM：1GROM：32GB螢幕：1280x720，342 dpi相機：後鏡頭12MP，前鏡頭1.3MP重量：144g電池：1750mAh性能看起來不算差，不過Sony的調校有點廢就是了，目前正在考慮要不要刷機。優點相機1200萬畫素應該足以應付一般的照片拍攝了，而且這支手機附有快門鍵，可以像一般的數位相機一樣半按對焦、全按拍攝，不過缺點就是對焦的速度有點慢，而且有些過度修飾。螢幕超讚不得不說，這螢幕真他媽的讚，342 dpi根本看不到半點鋸齒或顆粒，真希望我的電腦螢幕也有這麼高的dpi。（窮學生可買不起Macbook Pro with Retina Display啊！）喇叭很大聲你在大聲什麼啦上一支手機的喇叭很小聲，震動也很小，根本不能拿來當按摩器用，害我常常漏接電話。Xperia ...继续阅读 (12)

經過我三年的摧殘，上一支手機Sony Ericsson S312終於壽終正寢，因為FastPort接觸不良而無法充電，這好像是SE社的手機很常發生的問題？從這張照片可以看出上一支手機螢幕有好幾處刮傷，按鍵上的漆也有部分剝落了，不過還是能夠正常開機使用。身為窮學生的我當然不可能去買什麼唉鳳5、萬叉或淫河S3之類的天龍人手機，所以只能退而求其次，買一年前Sony推出的手機Xperia S。雖然是一年前的手機，不過以現今的觀點而言CP值挺高的。CPU：1.5GHz 雙核心 (Qualcomm MSM8260)RAM：1GROM：32GB螢幕：1280x720，342 dpi相機：後鏡頭12MP，前鏡頭1.3MP重量：144g電池：1750mAh性能看起來不算差，不過Sony的調校有點廢就是了，目前正在考慮要不要刷機。優點相機1200萬畫素應該足以應付一般的照片拍攝了，而且這支手機附有快門鍵，可以像一般的數位相機一樣半按對焦、全按拍攝，不過缺點就是對焦的速度有點慢，而且有些過度修飾。螢幕超讚不得不說，這螢幕真他媽的讚，342 dpi根本看不到半點鋸齒或顆粒，真希望我的電腦螢幕也有這麼高的dpi。（窮學生可買不起Macbook Pro with Retina Display啊！）喇叭很大聲你在大聲什麼啦上一支手機的喇叭很小聲，震動也很小，根本不能拿來當按摩器用，害我常常漏接電話。Xperia ...继续阅读 (7)

各位可還記得，5pb的社長在去年的FF18宣布Steins;Gate即將推出中文化的消息，然而說好的2012年春季到了，令人望眼欲穿的中文版依然沒有任何消息。直到前幾個月，官方突然發佈了一個簡陋的官方網站，這才確定了中文版的發售日期──11月15日，而且PS3版也將有中文版。也許是因為PS3版的原因造成了中文版的延誤，然而Xbox 360的不幸可不僅止於此，發售前夕，Xbox 360版因為日本生產進度延誤，導致遊戲發售日延後至11月底（來源）。外觀我購買的是PS3一般版，雖然換了新手機，不過照相技術還是一樣爛，有什麼好方法可以減少噪點？正面和日版差不了多少，只是Logo稍微換了位置和上面加了「命運石之門」五個中文字而已。背面的解說文理所當然的全中文化了。光碟的外觀沒有什麼差別，內附一本非常薄的中文說明書以及「命運石之門 感謝台灣」演唱會的資訊和光榮代理遊戲一貫會有的意見表。內容比起外觀，內容更加重要，命運石之門的中文化非常徹底，也非常的在地化。TIPS內的用語說明全中文化，而且還特別做了注音索引，可以用注音來查找用語。日本鄉民的常用語也被翻譯成台灣鄉民的常用語，令人遊玩時不禁會心一笑。除了些許錯字以外，大部分的中文化都沒什麼問題，然而最讓人感到不習慣的大概就是人物名字的翻譯了，「桶子（ダル）」被翻成了「達魯」，「菲莉絲（フェイリス）」則是被翻成了「菲伊麗絲」，大概是為了配合麻由里常 ...继续阅读 (21)

各位可還記得，5pb的社長在去年的FF18宣布Steins;Gate即將推出中文化的消息，然而說好的2012年春季到了，令人望眼欲穿的中文版依然沒有任何消息。直到前幾個月，官方突然發佈了一個簡陋的官方網站，這才確定了中文版的發售日期──11月15日，而且PS3版也將有中文版。也許是因為PS3版的原因造成了中文版的延誤，然而Xbox 360的不幸可不僅止於此，發售前夕，Xbox 360版因為日本生產進度延誤，導致遊戲發售日延後至11月底（來源）。外觀我購買的是PS3一般版，雖然換了新手機，不過照相技術還是一樣爛，有什麼好方法可以減少噪點？正面和日版差不了多少，只是Logo稍微換了位置和上面加了「命運石之門」五個中文字而已。背面的解說文理所當然的全中文化了。光碟的外觀沒有什麼差別，內附一本非常薄的中文說明書以及「命運石之門 感謝台灣」演唱會的資訊和光榮代理遊戲一貫會有的意見表。內容比起外觀，內容更加重要，命運石之門的中文化非常徹底，也非常的在地化。TIPS內的用語說明全中文化，而且還特別做了注音索引，可以用注音來查找用語。日本鄉民的常用語也被翻譯成台灣鄉民的常用語，令人遊玩時不禁會心一笑。除了些許錯字以外，大部分的中文化都沒什麼問題，然而最讓人感到不習慣的大概就是人物名字的翻譯了，「桶子（ダル）」被翻成了「達魯」，「菲莉絲（フェイリス）」則是被翻成了「菲伊麗絲」，大概是為了配合麻由里常 ...继续阅读 (15)

在轉到Hexo之前，我一直都在使用這個私用主題 Phase，曾經承諾過我用膩了就公開發佈，於是今天就有這篇文章了。這個主題是以Slash為基礎開發的，所以大部分的特性都繼承下來了，除了 Responsive Design 和 Twitter Live Stream 以外。Phase Beam 動態背景自動讀取圖片的alt屬性，並在圖片下方顯示註解。內建Fancybox，讓您輕鬆展示您的作品。自動將 HTML5 video、iframe、object等嵌入式影片縮放至頁面寬度。預覽…Phase Beam 動態背景的效果非常絢麗，但是也非常吃資源，電腦或瀏覽器效能不佳的使用者開啟時可能會當機，至於IE8，你何時產生了我曾經積極支援過它的錯覺？安裝Octopress 版本：1cd octopress git clone git://github.com/tommy351/octopress-theme-phase.git .themes/phase rake install['phase'] rake generate為了推廣 Hexo，順便把主題移植過去了，往後的主題開發都會以Hexo為主，但仍會以MIT License開放原始碼，想要在Octopress使用的人可以自行開發移植版本。1cd hexo git clone git://github.com ...继续阅读 (25)

在轉到Hexo之前，我一直都在使用這個私用主題 Phase，曾經承諾過我用膩了就公開發佈，於是今天就有這篇文章了。這個主題是以Slash為基礎開發的，所以大部分的特性都繼承下來了，除了 Responsive Design 和 Twitter Live Stream 以外。Phase Beam 動態背景自動讀取圖片的alt屬性，並在圖片下方顯示註解。內建Fancybox，讓您輕鬆展示您的作品。自動將 HTML5 video、iframe、object等嵌入式影片縮放至頁面寬度。預覽…Phase Beam 動態背景的效果非常絢麗，但是也非常吃資源，電腦或瀏覽器效能不佳的使用者開啟時可能會當機，至於IE8，你何時產生了我曾經積極支援過它的錯覺？安裝Octopress 版本：1234cd octopressgit clone git://github.com/tommy351/octopress-theme-phase.git .themes/phaserake install['phase']rake generate為了推廣 Hexo，順便把主題移植過去了，往後的主題開發都會以Hexo為主，但仍會以MIT License開放原始碼，想要在Octopress使用的人可以自行開發移植版本。12cd hexogit clone git://github.com/tommy ...继续阅读 (16)

Stream[strim] n. [C] 小河、溪流因為Stream有這樣的意思，所以找了一張有溪流的圖片當做頁首圖片，要在Pixiv上找一張非R-18的濕身圖片真難。雖然Hexo本來就很快了，不過在0.1.8使用Stream代替原本的檔案複製方法，使靜態檔案的生成速度更加快速。原本的檔案複製方式是：1function copy(source, destination, callback){ fs.readFile(source, function(err, file){ if (err) throw err; fs.writeFile(destination, file, callback); }); }非常簡單，就是檔案讀取完後再將檔案寫入到目的地。這種方法必須將所有檔案讀取完成後才能寫入，將對地沒有效率多了，使用Stream則是邊讀取邊寫入，當讀取完成後，寫入也差不多完成了，在處理大檔案時，差別更加明顯。除了檔案讀寫以外，Stream也常用於靜態檔案伺服器，例如Connect就是用這種方式來處理靜態檔案的。用Stream的方式來複製檔案，相較於原本的方式，也只不過是多了幾行程式碼而已，如下：1function copy(source, destina ...继续阅读 (16)

Stream[strim] n. [C] 小河、溪流因為Stream有這樣的意思，所以找了一張有溪流的圖片當做頁首圖片，要在Pixiv上找一張非R-18的濕身圖片真難。雖然Hexo本來就很快了，不過在0.1.8使用Stream代替原本的檔案複製方法，使靜態檔案的生成速度更加快速。原本的檔案複製方式是：123456function copy(source, destination, callback){fs.readFile(source, function(err, file){if (err) throw err;fs.writeFile(destination, file, callback);});}非常簡單，就是檔案讀取完後再將檔案寫入到目的地。這種方法必須將所有檔案讀取完成後才能寫入，將對地沒有效率多了，使用Stream則是邊讀取邊寫入，當讀取完成後，寫入也差不多完成了，在處理大檔案時，差別更加明顯。除了檔案讀寫以外，Stream也常用於靜態檔案伺服器，例如Connect就是用這種方式來處理靜態檔案的。用Stream的方式來複製檔案，相較於原本的方式，也只不過是多了幾行程式碼而已，如下：123456789101112function copy(source, destination, callback){var rs = ...继续阅读 (4)

我想每個Octopress的使用者一定都有這樣的煩惱──隨著文章數量愈來愈多，檔案建立的速度愈來愈慢。本站目前已累積至 54 篇文章，每次建立檔案時，至少都需要花費一分鐘以上的時間。或許是因為 Ruby 天生就比較慢，而這種問題未來似乎也不會改善，Jekyll和Octopress已經一段時間沒有更新，那麼唯一的解決方案只有另覓其他 Blog Framework 了。尋覓由於最近都在玩 Node.js，便決定從它開始下手，我試著在網路上找了一下，然而現有的 Blog Framework 看來都過於簡單；只有一個除外：DocPad。DocPad擴充性十足，而且一直有在更新，但是DocPad又令人感覺過於複雜，難以上手。參考資料：Node based static site generators - Boris Mann造輪子那麼唯一的方式，大概只剩自造輪子了。Prototype 的速度相當不錯，在 2 秒內即可將全站的資料都建立完成。之後的一個月，便以此為基礎擴充、加強，最後的成品即是──Hexo！你或許會好奇這篇文章的開頭為何要放一張與內容毫不相關的圖片，雖然放不相關圖片是傳統，不過這次的開頭圖片可是有關聯性的！我想Octopress的名稱來源也許是 Octal（八進制）+ Press，因此我便以十六進制（hexadecimal，縮寫為 hex）來取名。而為啥會扯上這張圖片呢？因為 ...继续阅读 (17)

我想每個Octopress的使用者一定都有這樣的煩惱──隨著文章數量愈來愈多，檔案建立的速度愈來愈慢。本站目前已累積至 54 篇文章，每次建立檔案時，至少都需要花費一分鐘以上的時間。或許是因為 Ruby 天生就比較慢，而這種問題未來似乎也不會改善，Jekyll和Octopress已經一段時間沒有更新，那麼唯一的解決方案只有另覓其他 Blog Framework 了。尋覓由於最近都在玩 Node.js，便決定從它開始下手，我試著在網路上找了一下，然而現有的 Blog Framework 看來都過於簡單；只有一個除外：DocPad。DocPad擴充性十足，而且一直有在更新，但是DocPad又令人感覺過於複雜，難以上手。參考資料：Node based static site generators - Boris Mann造輪子那麼唯一的方式，大概只剩自造輪子了。Prototype 的速度相當不錯，在 2 秒內即可將全站的資料都建立完成。之後的一個月，便以此為基礎擴充、加強，最後的成品即是──Hexo！你或許會好奇這篇文章的開頭為何要放一張與內容毫不相關的圖片，雖然放不相關圖片是傳統，不過這次的開頭圖片可是有關聯性的！我想Octopress的名稱來源也許是 Octal（八進制）+ Press，因此我便以十六進制（hexadecimal，縮寫為 hex）來取名。而為啥會扯上這張圖片呢？因為 ...继续阅读 (13)

雖然標題名為 First Order，但請不要誤會，內容與 Last Order 毫無關係，如果你還對下文抱持任何的期待的話，就當作被騙看完這篇文章吧！很久很久以前，一位名為新堂楓的紳士向我提出了主題製作的委託，然而因學測前打混用功念書很忙所以暫時推辭掉了。事隔2個月後，當我正沈醉於學測後混到不行的頹廢生活時，一則私訊闖進了我的生活，使我再度啟動塵封已久的WordPress。設計這次的設計主題有三大要求：加強相片呈現效果：這點在最近發佈的Octopress主題Slash已經提供了一個不錯的解決方法，Fancybox，這個使用簡易、特效華麗的jQuery外掛大概會成為我日後製作佈景主題的必備工具。一眼就能看出是圈內人：雖然我也同為圈內人，但是適合圈內人的網站設計還真沒看過幾個，令我印象最深刻的大概非Dannychoo莫屬，然而敝人能力不足，腦袋裡的點子差不多快枯竭了，我應該找個時間翻一翻圖書館的設計雜誌。Key&minori; style：這點更加靠北了，無論是 key 社還是 minori 社的 galgame 我都沒玩過，更遑論這兩家公司的設計風格了。雖然委託人提出了上述的三大要求，不過看看就好，下文的設計風格與要求大相逕庭。開始看完了這篇投影片後，便決定利用Middleman這個超神速的 mockup 工具設計主題大綱，不消兩小時便做出了兩個 mockup，思索設計的過程說不定 ...继续阅读 (15)

雖然標題名為 First Order，但請不要誤會，內容與 Last Order 毫無關係，如果你還對下文抱持任何的期待的話，就當作被騙看完這篇文章吧！很久很久以前，一位名為新堂楓的紳士向我提出了主題製作的委託，然而因學測前打混用功念書很忙所以暫時推辭掉了。事隔2個月後，當我正沈醉於學測後混到不行的頹廢生活時，一則私訊闖進了我的生活，使我再度啟動塵封已久的WordPress。##設計這次的設計主題有三大要求：加強相片呈現效果：這點在最近發佈的Octopress主題Slash已經提供了一個不錯的解決方法，Fancybox，這個使用簡易、特效華麗的jQuery外掛大概會成為我日後製作佈景主題的必備工具。一眼就能看出是圈內人：雖然我也同為圈內人，但是適合圈內人的網站設計還真沒看過幾個，令我印象最深刻的大概非Dannychoo莫屬，然而敝人能力不足，腦袋裡的點子差不多快枯竭了，我應該找個時間翻一翻圖書館的設計雜誌。Key&minori style：這點更加靠北了，無論是 key 社還是 minori 社的 galgame 我都沒玩過，更遑論這兩家公司的設計風格了。雖然委託人提出了上述的三大要求，不過看看就好，下文的設計風格與要求大相逕庭。##開始看完了這篇投影片後，便決定利用Middleman這個超神速的 mockup 工具設計主題大綱，不消兩小時便做出了兩個 mockup，思索設 ...继续阅读 (10)

數個月前，接到了來自卡梅爾 Anime的委託，請我重新設計一個WordPress主題，因為我當時正忙著準備備審資料，因此而暫時擱置了一段時間。又過了一個月，我加入了畢籌會（畢業典禮籌劃會），忙著和妹子聊天製作畢業影片，而完全忽略了這回事。直到畢業後，我突然想起這件事，便決定開始著手進行；然而因為去年提交WordPress主題一直被退件令我一直懷恨在心，我毅然決定捨棄WordPress，自己從頭打造一個類似於WordPress的 CMS 系統。序章在進入本文之前，先說明一下何謂Node.js吧：Node.js是一個 JavaScript 函式庫，使用了V8 引擎讓 JavaScript 能在伺服器上執行，其事件驅動、非阻塞式 I/O 的形式使Node.js能夠高效運作，模組化的規格使其便於開發。（有錯請鞭）總而言之，Node.js很好用。安裝Node.js的安裝非常簡單，只要安裝nvm及npm即可。（以下以 Mac 為例）nvm就是類似於rvm的版本管理工具，可隨意安裝、替換不同的Node.js版本。1$ git clone git://github.com/creationix/nvm.git ~/nvm安裝完後必須在.bash_profile加入以下內容才可直接使用。1. ~/.nvm/nvm.sh而npm則是類似於gem的模組管理工具，只要安裝Node.js就會附贈，不需要另外 ...继续阅读 (15)

數個月前，接到了來自卡梅爾 Anime的委託，請我重新設計一個WordPress主題，因為我當時正忙著準備備審資料，因此而暫時擱置了一段時間。又過了一個月，我加入了畢籌會（畢業典禮籌劃會），忙著和妹子聊天製作畢業影片，而完全忽略了這回事。直到畢業後，我突然想起這件事，便決定開始著手進行；然而因為去年提交WordPress主題一直被退件令我一直懷恨在心，我毅然決定捨棄WordPress，自己從頭打造一個類似於WordPress的 CMS 系統。##序章在進入本文之前，先說明一下何謂Node.js吧：Node.js是一個 JavaScript 函式庫，使用了V8 引擎讓 JavaScript 能在伺服器上執行，其事件驅動、非阻塞式 I/O 的形式使Node.js能夠高效運作，模組化的規格使其便於開發。（有錯請鞭）總而言之，Node.js很好用。##安裝Node.js的安裝非常簡單，只要安裝nvm及npm即可。（以下以 Mac 為例）nvm就是類似於rvm的版本管理工具，可隨意安裝、替換不同的Node.js版本。1$ git clone git://github.com/creationix/nvm.git ~/nvm安裝完後必須在.bash_profile加入以下內容才可直接使用。1. ~/.nvm/nvm.sh而npm則是類似於gem的模組管理工具，只要安裝Node.js就會附贈，不 ...继续阅读 (12)

前些日子，微軟發佈了Windows 8 Consumer Preview，雖然名稱有點冗長，不過內容和以往一樣，是給無聊人專用的測試版。下載：http://windows.microsoft.com/en-US/windows-8/iso序號：DNJXJ-7XBW8-2378T-X22TX-BKG7J身為一名無聊高中生的我，ISO 檔一釋出便立刻下載，然而 Windows 8 並沒有符合我的期待。（軟粉不要打我）安裝因為懶得切硬碟，所以這次使用虛擬機安裝 Windows 8，安裝過程非常順利，從初始化、設定 Windows Live 帳號到進入桌面，總共僅需花費20分鐘，與過去安裝作業系統至少得花費一小時的經驗截然不同。操作Windows 8 為了進軍平板，因此預設了許多手勢操作，不過我沒有平板電腦，所以下文僅說明滑鼠操作。滑鼠沒有手勢操作，取而代之的是四個角落的「熱點」（類似 Mac），滑鼠移到四個角落就可觸發動作：右上角、右下角：Charms Bar左上角、左下角：最近使用的應用程式Metro UI 的背景圖片無法自由設定，只有預設的幾種顏色及花樣可供選擇，唯一能設定桌布的地方只有傳統介面與鎖定畫面；動態磚（tiles）拖曳可移動位置，點右鍵可選擇取消釘選、移除應用程式、縮小或關閉動態磚上的聯播。使用 Metro UI 的應用程式時，點擊右鍵可顯示功能表，透過 Charms B ...继续阅读 (9)