Blog

技術文章, 無用知識, 資訊科技

javasacript-i18n-core vA.1

2022 年 02 月 11 日

i18n, javascript

過年期間有人詢問「javascript-i18-core」怎麼不見了，是因為之前將「程式試煉所」換了底層框架，所以舊網頁都先下架，需要找時間再「慢慢地」弄回來，也因此順手就先將 javascript-i18n-core 更新版本。新版本 A.1 最主要是多了 pass object 替換變數和 auto translate 功能。 https://code.essoduke.org/i18n https://github.com/essoduke/javascript-i18n-core Quick start import i18n from './i18n.js'; i18n.set({ 'resource': '/i18n.json', 'locale': 'en' }).init(function () { // do something }); Usage // general let foo = i18n._("key"); // pass by object const user = { 'name': 'John', 'age': 10 }; let foo = […]

凡買過必留下收據, 電玩人生

Book of Demons 繁體中文語系

2021 年 04 月 10 日

steam, 中文化

雖然已經有官方繁體中文、遊戲品質也相當不錯，但總感覺不盡完美，而且自己也玩了 50+ 小時，所以還是動手修改了一下，盡量滿足自己的閱讀潔癖。下載連結（Google Drive）： https://shorturl.at/aekC7 [7z]（一般玩家請下載此檔案） https://shorturl.at/knzDP [csv]（譯者適用）安裝方法：必須執行過遊戲，並在遊戲內選取官方「繁體中文」。解壓縮至 X:/Steam/steamapps/common/Return 2 Games 根目錄。此版本除了潤飾還有下列特點（注意事項）： Rouge 由「盜賊」更改為「浪人」；「卡片」改為「卡牌」、「預言家、智者」則改為「占卜師、老智者」。符合台灣慣用詞彙。標準化符號、調整半形空白字元的使用。相容於支語警察 :) 另外還有幾個問題，請斟酌後再使用：承注意事項，會導致和 Steam 內建的成就說明文字有出入。遊戲內的成就翻譯沒有作用（不知為何還是舊版）。有部份和遊戲內容無關：例如官方在遊戲內介紹遊戲的字串（我也不知道遊戲內哪邊可以看到）就先忽略了。可能還是有遺漏的字串（我有看到但似乎無法修改？）預覽圖檔（點選可放大）

掀開遮羞布了

2020 年 06 月 04 日

今日（2020-06-06）新增：本土病例 0 人境外移入 0 人被罷免 1 人

GlobalSign 出包了

2016 年 10 月 14 日

We are currently experiencing issues with our OCSP which is causing certificate warning messages. We aim to fix this as soon as possible. — GlobalSign (@globalsign) October 13, 2016 並不是所有人都會受影響就是了… 延伸閱讀： Safari could not establish a secure connection to Wikipedia?

更換自製佈景主題

2016 年 06 月 30 日

記錄一下里程碑！有興趣的可以跟我求檔啊…XD 因為 WordPress Cache 之故，所以還是有部份文章會顯示為舊版主題。這次改版主要是捨棄 Bootstrap，讓 JS 和 CSS 的體積可以大幅縮小（至少 50%）。首頁、分類和標籤等頁面採用純 CSS 設計 Waterfall Layout 的寬型布局（只支援各瀏覽器的最新版本），並提昇每頁文章顯示數量至 9 筆，順便將 Google Adsense 整合，不會那麼突兀。至於內頁則是使用傳統兩欄式布局，並將範圍縮小至 960px；左側資訊欄放置以往隱藏的「分類」以及「標籤」，也順便可以顯示長形的 Google Adsense；也特地在移動裝置上隱藏了左欄，所以不會有廣告，藉此降低讀取流量。另一方面，為了效能著想，這個主題不使用多國語系檔，也不支援後台調整設置，完全純手工調整，可以稱得上是「百分之百的 WordPress 硬漢專屬主題」！然後就是慢慢調整剩下的缺陷了。以上！

《Zombasite》除了打怪升級衝裝備，還得外出覓食？

2016 年 01 月 23 日

steam, zombasite

遊戲名稱：Zombasite 遊戲平台：PC 遊戲語言：英文版遊戲類型：ARPG 發售日期：2015/10/14 開發廠商：Soldak Entertainment 官方售價：NT$ 398 其他備註：目前還在搶先體驗（Early Access）並非正式版本之前有稍微介紹過的 Zombasite，雖然表面上看起來就像是坊間的 Diablo-Like 遊戲，不過開發商也加入不少新創元素，除了要四處募集戰友的同時，還得在糧食和戰力之間做出取捨，甚至是和其他部族之間的爾虞我詐，這些元素讓 Zombasite 走出了不一樣的路。 Zombasite 不像一般的 ARPG，並沒有主線劇情貫穿遊戲，而是以征服每一局遊戲世界的方式進行。一開始什麼都沒有的情況之下，漸漸地從探索的過程募集戰友、提昇裝備和等級，而這些夥伴、裝備都能和玩家一起往更困難的新世界繼續征戰。角色可選擇的正規職業有八種（還有一種混合職業），而每個職業有三個分支可以混合發展，例如 Warrior 就分為 WeaponMaster（武器大師）、Gladiator（鬥士）、Defender（守衛者），也都各自擁有不同的技能。除此之外每個角色還可選擇性別（其實我覺得沒差別）、特性（例如專家模式、不幸、被詛咒的…等等），讓遊戲的變化更為豐富。

Zombasite 新手導覽（繁體中文版）

2015 年 11 月 19 日

soldak games, steam, zombasite

Zombasite 是一款由 Soldak Entertainment 開發的動作角色扮演遊戲，目前還在 Early Access 搶先體驗階段，更新週期約每週一次；雖然這家獨立製作的遊戲公司在 Steam 上的遊戲不多，不過絕大多數都是好評，應該是可以安心入手。系統引擎應該和 Din’s Curse 一樣？也支援了多人連線，有興趣的可以先看看 PTT 上的 Din’s Curse 推坑文，雖然沒有中文版本（本來想自己中文化，但是技術不足…）還是頗生火啊。在昨天取得 Zombasite Player’s Guide 的原作者 sahornback 同意後，隨即翻譯成繁體中文版本，希望可以讓更多人掉坑… 有興趣的可以加我好友 Steam ID: essoduke 遊戲大綱你 – 身為部落的領袖，必須讓自己和同伴們在殭屍末世之中竭盡所能地生存下去才能獲得勝利。每一個遊戲世界都存在著一些和你一樣試圖求生的部落，你可以（也應該）和他們進行互動。你的使命就是確保部落內至少有一名夥伴和你一起成為最後的生還者。下列方式可以讓你盡可能地生存：提升自己和夥伴的武器和裝備。提升自己和夥伴的等級。擴充部落、招募更多的成員。提高城鎮的防禦。為部落蒐集食物。當然不只如此… 要贏得遊戲至少需要達成下列條件的其中之一：殲滅其他部落（武力征服）和所有僅存的部落結盟（外交勝利）蒐集夠多的食物（後勤霸主）完成所有必要的任務（冒險之王）完整中文導覽手冊請至: http://steamcommunity.com/sharedfiles/filedetails/?id=557652834

技術文章, 資訊科技

jQuery tinyMap v3.2 release

2015 年 06 月 17 日

google maps, javascript, jquery, plugin

前一陣子釋出了 v3.2 版本，也順便更新了套件網站，除了讓網站讀取更為順暢，也將使用文件做了大幅度更動。 GitHub jQuery tinyMap v3.2 最主要的更新有：不再需要手動引入 Google Maps API 以及 markerclusterer 函式庫了。可自訂路徑規劃各中繼點的圖示。支援原生 directions 參數。支援原生 kml 參數。支援原生 markerCluster 參數。支援 Places API。更有彈性的 clear 清除方法。全新的 get 方法，讓獲取圖層更彈性及簡單。(v3.2.3) 修正錯誤。 get 方法使用範例 // 取得所有圖層 var layers = $(selector).tinyMap('get'); // 取得指定圖層 var layer = $(selector).tinyMap('get', 'marker'); // 取得多個圖層 var layer = […]

[更新] Google Maps 座標工具

2014 年 11 月 14 日

因為舊版本只適用 PC 操作，所以很早之前就著手在改版，只是一直沒有收尾，今天終於一鼓作氣將之前的進度補完了，雖然行動裝置用這工具好像也不能幹嘛… 拜訪: Google Maps 座標工具目前似乎有行動裝置對於介面操作不順暢的 bug，找時間再修，或許也會考慮加入儲存至雲端的功能。

PS4 無法進行 Twitch 實況的問題。

2014 年 11 月 11 日

如果使用 PS4 Twitch 進行實況時發生一直卡在「正在準備」導致無法進行直播的問題，請先使用 PC 登入 Twitch 並選擇「儀表板 / 串流金鑰 / 重設金鑰」即可。這應該發生在之前曾使用過 PC 進行實況，所以當時的金鑰不符合 PS4 之故。

Steam 花費統計

2014 年 10 月 09 日

還蠻恐怖的，五年內花在數位遊戲的錢就兩萬多台幣，單是 Steam 就一萬多塊，若是按照原價估算約 2,038 鎂。其中 Blizzard 只買了兩次，費用比例就高達 24%，主要是從 Amazon 過海水來的 Diablo III 典藏版；以年份來看，2012 年支出最多，因為該年的三款大作（其中兩款似乎被稱為糞作 XD）：Diablo III、Simcity 以及 GuildWars 2 我都入坑了… 所以結論是：有慈善包真好！各發行商花費分佈

jQuery tinyMap 進階應用

2014 年 08 月 05 日

google maps, jquery, tinymap

五年來，jQuery tinyMap 已邁入 v2.8.4，期間也是因為有許多網友們的建議，才能有逐漸成型的今日，就連 Facebook 分享數都突破了 300 大關，真是深感意外。所以我整理了幾個比較特殊的問題並整理成範例讓更多人可以參考。找出距離最近的標記可以利用 Google Maps API 提供的幾何圖形程式庫來計算各點與目前的直線距離。要使用該程式庫，在引入 API 時需加上 libraries=geometry 參數： <script src="//maps.google.com/maps/api/js?sensor=false&libraries=geometry"></script> 在 Map Idle 事件內用迴圈逐一比對各標記與某點之間的距離，並將所得結果（公尺）存入陣列，再找出陣列最小值的索引值即可。

玩家的 2K Games 哪有這麼佛心

2014 年 07 月 30 日

儘管 Borderlands 2 也上市將近兩年，但是 Gearbox 終究沒忘記一代的老玩家（看著 Origin 內的 SimCity，頓時百感交集）。從四月份就公佈會將多人連線的功能由原本的 GameSpy 轉移到 Steamworks（其中包括文明帝國 III、文明帝國 IV），這應該也是多數老玩家所引頸期盼的大事，畢竟 GameSpy 爛很久了。而今日（2014-07-28 UTC）也發布了一次 477MB 的更新，內容包括：移除本體及 DLC 的 SecuRom。提供轉移到 Steam 的工具給零售版玩家。多人連線功能若恢復時會在主選單提示訊息。從其他管道購買 DLC 的玩家也能在 Steam 啟動所有的 DLC。雖然 Steamworks 的多人連線還未上線，但是剩下的成就終於有動力補齊了… 也能讓目前遊玩時數再創新高！

技術文章, 電玩人生

架設 Starbound Linux 伺服器

2014 年 04 月 09 日

linux, starbound, steam, terraria

前陣子一直在玩 Starbound（雖然目前已荒廢），當時為了想推坑所以就想架個伺服器試試，於是找到了這篇入門文章，經由作者同意後我就翻譯貼上來了。原文連結: Daniel Sokolowski’s Blog: Starbound Dedicated Server Setup Thanks to Daniel Sokolowski. Starbound 專用伺服器架設使用 Debian 架設全天候的 Starbound 伺服器 Starbound 是一款類 Terraria 的外太空生存 / 建造遊戲。在觀看一些影片並且實際試玩了一下後，我只能說這款遊戲內的豐富生態和可掠奪的星球設定很對我胃口。因此除了原有的 minecraft.danols.com 之外，我決定再為 Starbound 架設一個全年無休的專用主機 starbound.danols.com，以下就是架設教學。取得 Debian linux 伺服器如果你尚未擁有 Linux 伺服器，我推薦 Linode Xen VPS 提供的主機服務 – 最基本的方案就行了。至今我使用他們的服務超過五年，覺得無可挑剔。雖然坊間還有其他更便宜的主機商，但是一分錢一分貨是不變的真理；況且最基本的方案就足以讓我架設 FreeSWITCH VOIP、Minecraft、電子郵件以及跑一些網站了。

javascript-i18n-core v1.1 released.

2014 年 04 月 03 日

i18n, javascript, 多國語言, 本地化

javascript-i18n-core 可以輕鬆在專案內加入 javascript 的本地化。 v1.1 版更新了語系檔嵌套的支援。舊語法只能使用一對一的字串，對於管理維護不太方便： { "hello world": "你好，世界。" } 新版本則支援嵌套方式。 { "hello": { "world": "世界", "%1 kitty ", "%1 的凱蒂" } } 使用上如同以往，除了嵌套需以 . 來呼叫（也就是語系檔的 KEY 除了嵌套之外不能使用）。 i18n._('hello.world'); i18n._('hello.%1 kitty', 'my');

PHP fullurl function

2014 年 04 月 03 日

fullurl 是一個可以取得或產生子網域的小函數，好像很難說明… 假設網站使用下列三個包括使用 https 和不同埠號子網域、以及兩組主網域（開發 test.com、上線 test.tw）： http://www.test.com, http://www.test.tw http://user.test.com:5678, http://user.test.tw:5678 https://ec.test.com, https://ec.test.tw 若在開發環境內需要產生連結至 https://ec.test.tw 的網址，以往的方式可能就是 parse_url 和 $_SERVER 來組合，甚至是將主網域寫死等到上線再改一次，依照懶人哲學這實在是浪費生命又不環保，於是 fullurl 就出現了。以上述為例，我只需要呼叫 fullurl('ec', true); 在開發環境能產生 https://ec.test.com，而上線後則會自動產出 https://ec.test.tw。至於埠號也是能經由參數任意控制，例如 fullurl('user', false, 5678); 就能產出 http://user.test.com:5678；或是帶入 0 消除埠號，例如在 http://user.test.com:5678 的環境下使用 fullurl('www', false, 0); 能產出 http://www.test.com。更多例子、沙盒及原始碼： http://app.essoduke.org/sandbox/fullurl.php echo fullurl(); // Get the current URI. // output: http://app.essoduke.org […]

凡買過必留下收據, 電玩人生

Amazon: Bioshock Triple Pack

2013 年 12 月 23 日

amazon, bioshock, steam, 生化奇兵

Amazon.com Bioshock Triple Pack 目前特價只要 14.99 鎂，比 Steam 的 20.00 便宜近 150 台幣。衝著 BioShock Infinite 釋出繁體中文更新，一定要入手的。

單車遊記, 捕風捉影

大東文化藝術中心

2013 年 11 月 20 日

大東, 藝術中心

的前身 – 高雄市立大東國民小學。在原址拆除前曾去繞了一下，順手拍了一些記錄照。第一、二棟校舍間的中庭，以前這裡有鞦韆和單槓，下課時都在玩「幹條啊」；第二棟校舍印象中是高年級和辦公室使用，我就讀時應該已經翻新過了。

技術文章, 軟體分享

jQuery tinyMap – 輕鬆建立 Google Maps 的 jQuery Plugin

2013 年 07 月 30 日

api, google, javascript, jquery, map, plugin

jQuery tinyMap 是一款可以輕鬆在網頁上建立 Google Map 的 Plugin。最新版本: 2.7.0 (2014-05-22) jQuery tinyMap – 輕鬆建立 Google Maps 的 jQuery Plugin GitHub – jQuery tinyMap

jQuery TWzipcode32: 3+2 郵遞區號 Plugin 測試

2013 年 07 月 19 日

jquery, plugin, 郵遞區號

雖然這個 plugin 似乎沒什麼需求，畢竟可以查詢的資源太多，不過還是口嫌體正直地試著實做了。實做難度在於把資料正規化，以及為了異步讀取必須把資料檔縮小，這部份對照之前的 1.0 版倒是足足縮減成 1/6。正規化方面最麻煩，雖然測試過幾個地址都正確無誤，但是我對於查詢結果實在是沒什麼信心 XD（希望有人能提點一下查詢網站怎麼做的）最後就是希望操作流程能更方便，因此捨棄之前很蠢的地址下拉方式，改為直接讓使用者輸入地址（惟縣市和鄉鎮市區暫時採用清單）會更為直觀。這個 beta 用到的所有檔案都能夠下載，若發現有任何錯誤或能改進的地方，請務必鞭策！

HTML5 WebStorage API snippet

2013 年 02 月 08 日

api, html5, webstorage

這個簡單的程式可以讓你稍微少打幾個字就能存取 WebStorage，除此之外沒什麼幫助 :p 前言 HTML5 WebStorage API 可以讓開發者以 key-value pairs 格式的 DOMString 資料儲存在用戶端瀏覽器內，和 cookie 很像，最大的差別就在於 WebStorage API 並不會隨著 HTTP request 傳送，對於節省流量能有些許幫助。除此之外，cookie 可以設定 expires 調整存活時間，而 WebStorage API 就只有 localStorage（永久或手動清除）及 sessionStorage（視窗或分頁關閉）。

Twitter Bootstrap Modal Controller

2013 年 02 月 06 日

bootstrap, twitter

今天又來幫 Twitter Bootstrap 的 Modal 做個易用改造。可傳入 message, header 可綁定兩個 button 事件及顯示字串 /** * Modal HTML must be setting first, default ID is 'alert'.... * Reference: http://twitter.github.com/bootstrap/javascript.html#modals */ // Modal setting var opt = { 'message': '', // Message context {string} (Must have) 'header': '', // Header title {string} (Must have) 'submit': { // […]

ThinkPHP 3.1 內建分頁類 patch

2013 年 02 月 05 日

ThinkPHP 3.1 內建的分頁類（Page）在樣板設置上出了個小問題，如果分頁數大於 5 就會出現寫死在程式碼內的「上5頁、下5頁」等簡體字串，所以著手修改以配合多語系的專案。開啟「ThinkPHP/Extend/Library/ORG/Util/Page.class.php 尋找第 34 行並修改如下 protected $config = array('prevroll'=>'上 %n 页', 'nextroll'=>'下 %n 页', 'header'=>'条记录','prev'=>'上一页','next'=>'下一页','first'=>'第一页','last'=>'最后一页','theme'=>' %totalRow% %header% %nowPage%/%totalPage% 页 %upPage% %downPage% %first% %prePage% %linkPage% %nextPage% %end%'); 尋找第 119, 120 行並修改如下 $prePage = "<a href='".str_replace('__PAGE__',$preRow,$url)."' >".str_replace('%n', $this->rollPage, $this->config['prevroll'])."</a>"; $nextPage = "<a href='".str_replace('__PAGE__',$nextRow,$url)."' >".str_replace('%n', $this->rollPage, $this->config['nextroll'])."</a>"; 存檔收工！

Twitter Bootstrap Alert Controller v2

2013 年 02 月 05 日

bootstrap, twitter

改良了一下，讓傳遞參數較為方便及精簡程式碼。 var param = { message: '', // 訊息 {string} 必要 header: '', // 標題 {string}（選填） style: '', // 樣式名稱 {string} e.g. info, success, error, block（選填） hidden: 0, // 顯示秒數 {int} N 毫秒後隱藏（選填） scroll: false // 顯示後是否移到頂端 }; message.show(param);

Twitter Bootstrap Alert Controller

2013 年 02 月 04 日

bootstrap, twitter

※ 已發布 v2 版本！將 bootstrap alert 稍微改造一下，使之更易於呼叫使用。範例: http://jsfiddle.net/essoduke/kXLv5/ 可顯示多個 alert 提供 ms 參數可設置 n 毫秒後自動隱藏使用 clear 方法可一次隱藏所有 alert

ThinkPHP 3.1 模板嵌套語法內的空格被消除的問題

2013 年 02 月 04 日

這標題有點難以說明，看範例比較準。 <p <eq name="var" value="1">class="selected">TEST</p> <p <eq name="var" value="1"> class="selected">TEST</p> 若上例 (1) 的 var 並非為 “1” 以及上例 (2) 的 var 為 “1”，則引擎解析後的 HTML 會變成: <p 　>TEST</p>  <pclass ="selected">TEST </pclass> 看了是不是就倒彈？所以手動修改 ThinkPHP/Lib/Template/ThinkTemplate.class.php: 尋找第 429 行並將 trim 去掉: $content = trim($content); 改完後上述例子就能更賞心悅目了 <p>TEST</p> <p class="selected">TEST</p> 收工！

Evil is back

2012 年 05 月 21 日

diablo, 暗黑破壞神

雖然現在是暗黑排隊神… 還好我定居美服！

Google Maps 座標工具 1.2 Beta

2012 年 05 月 21 日

google, javascript, maps

有網友來信要求輸出清單增加可複製單項的功能，不過考慮到跨瀏覽器的問題，所以用了偷吃步的方式達成；一方面可以少掛幾個檔案，另一方面程式就不用配合修改。再來，考量到這個工具年久失修，當時也只是手邊工作需要而試作，索性這次整個用 Google Maps API V3 重新改寫並釋出為 Beta 服務。這次更新了：介面採用全畫面地圖操作、隱藏式座標清單輸出 JSON、CSV 及 QueryString 格式支援 W3C Geolocation API 支援 IE8+, Google Chrome, Safari, Opera

技術文章, 電玩人生

Mac OS X Error: steam needs to be online to update.

2011 年 11 月 11 日

如果想要在 Mac OS 玩玩 Steam，卻不幸在安裝時出現「steam needs to be online to update」的錯誤，而且明明網路就沒問題，怎麼辦？

技術文章, 資訊科技

jQuery pasttimes: 計算已經消逝的時間

2011 年 10 月 29 日

facebook, jquery, 臉書

仿製 Facebook 塗鴉牆上各個訊息的貼文經過時間，例如 3 分鐘前、1 小時前或 4 天前的自動計算功能。完整範例參考: jQuery pasttime: 計算已經消逝的時間圖例