刀劍神域記憶重組 公告變更記錄產生器 小改版

Heresy 在去年五月的時候,有寫一篇《刀劍神域記憶重組 公告變更記錄產生器》,算是幫自己寫的網站爬蟲/更新偵測器做個紀錄。

後來在今年三月,則也有去處理 GitLab 專案 CI/CD 的 artifact 占用過大空間的問題(參考)。

而這幾天,則是又抓時間改了一些以前就想做的東西。

閱讀更多»

清除 GitLab 上所有 CI/CD 的 artifact

GitLab 的 CI/CD 功能在 Heresy 來看,算是相當便利的自動化功能,Heresy 現在不管是在工作,還是私人的東西,都有在透過這東西來做自動化的處理。

不過,前幾天…倒是發現自己之前的「刀劍神域記憶重組 公告變更記錄產生器」幹了件蠢事…

那就是 Heresy 沒有設定 artifact 的過期日,結果這些 artifact 都按照預設值,會保存四周。
而其結果,就是這個專案明明只有不到 400KB,卻佔用了 15GB 的空間…

閱讀更多»

JavaScript 與 MySQL、MSSQL、Db2

由於前一陣子都是在用 JavaScript 透過 Node.js(官網)來寫各式各樣的腳本,自己也弄了個持續在運作的腳本系統(參考);所以後來有需要寫腳本的時候,也都很自然地繼續用 JavaScript 來寫了。

而這一篇呢,則是稍微紀錄一下,前陣子因為在工作上的需求,透過 Node.js 腳本來存取資料庫的紀錄;由於不是專門搞這方面的,所以這邊主要就是弄到能動的紀錄了,給專門的人寫或許會有更好的方法吧?

由於各式各樣的狀況,這次連續搞了三種資料庫:MySQL/MariaDB、Microsoft SQL Server、IBM Db2…

閱讀更多»

刀劍神域記憶重組 公告變更記錄產生器

之前有說過了,Heresy 為了自己在玩的手機遊戲《刀劍神域-記憶重組》另外弄了一個部落格來做紀錄(網址)。

而實際上,之前由於覺得遊戲內的公告由於不是照著更新時間排序、要找到哪個公告是新的實在很麻煩,所以就火大,自己試著想辦法去做公告的變更紀錄了。

搞了老半天,弄出了一個使用了兩個 Git repository 的奇怪架構系統,算是勉強做到堪用的程度了~

目前的成品是:https://kheresy.github.io/SAOMD-AA/changelog.html
而實際在運作的專案則是 https://gitlab.com/kheresy/saomd-announcement

閱讀更多»

檢查網頁的表單資料的方法紀錄

這篇算是自己在幫不是自己寫的網站找 Bug 的時候,找的一些方法的紀錄。

基本上,主要是從前一陣子開始有在用某些政府單位的網站系統,結果被告知送出的表單內容出了一堆錯誤,結果搞到自己火大,只好自己開始找錯誤是怎麼發生的了。

由於網頁不是自己寫的,後台也沒有權限看,也沒有系統可以查詢,所以只好靠瀏覽器來找看看表單送出的狀況了。

由於操作系統時是使用 Google Chrome,所以接下來要找問題,當然也就是使用 Chrome 了;而基本上的操作,都是按下 F12 叫出 DevTools 後再開始的~

閱讀更多»

Internet Explorer 和 Production I.G 推出《翠星上的加爾岡緹亞》網頁遊戲

還記得之前 Production I.G 的機器人動畫《翠星上的加爾岡緹亞》(翠星のガルガンティア)嗎?現在,Internet Explorer 和 Production I.G 合作,推出了在「加爾岡緹亞」船團上、可以控制滑翔翼來做虛擬飛行的網頁遊戲:《Gargantia: Sky Courier》了!

他的網址是:http://fly.gargantia.jp/,有英文版和日文版可以切換。

微軟官方的介紹是《Sugoi! Explore the Anime world of Gargantia in 3D with Internet Explorer and Production I.G》。他基本上是用 WebGL 的技術來做顯示的,所以需要較新的網頁瀏覽器材可以玩;而基本上,官方當然是建議用 IE11 了~不過,Chrome 和 FireFox 也都是可以玩的。

閱讀更多»

在 JavaScript 用 SIMD 來計算,讓網頁的程式更快

大家覺得現在 JavaScript 的程式效率怎麼樣呢?如果對於計算速度不是很滿意的話,那這個消息對你可能就很重要了~

這邊主要是 Intel 和 Google 和 Mozilla 這兩家瀏覽器開發廠商合作、試著要讓瀏覽器上面執行 JavaScript 程式的時候,也可以透過 SIMD(Single Instruction, Multiple Data、單一指令流多資料流)的形式、來使用 CPU 上的指令集進行向量化的計算、藉此來加速。而在目前的測試結果裡面,效能是可以增加到本來的 2.7 – 11.8 倍的!

閱讀更多»

快速刪除 Amazon Cloud 上的 Kindle 書籍

話說,從 Heresy 買了 Kindle Touch 到現在,已經兩年了;雖然 Kindle Touch 沒有壞,不過還是買了新的 Kindle Paperwhite。而這兩年來…Heresy 真的覺得,感覺他的管理功能,幾乎是毫無進步啊!怎麼總讓 Heresy 認為,Amazon 的軟體開發好像不怎麼樣啊…

基本上,在買 Kindle Touch 之後,就已經抱怨過了,Kindle 系列的書籍管理,真的做得滿爛的…雖然說單就閱讀來說,機身功能是還不錯的,但是那個貧落的書籍管理…說實話,Heresy 真的不知道 Amazon 在想什麼?像是以 Kindle Paperwhite 來說,如果不越獄,光是要用中文來做 Collection 名稱,就已經是件超難的事了…

而 Amazon 的另一個針對 Kindle 提供的書籍儲存功能,也就是將書籍儲存在雲端(Kindle Library)這個功能呢,在管理上也是個大悲劇

閱讀更多»

瀏覽器的統一指標事件:Pointer Event

在早期的瀏覽器,輸入的事件其實相對單純,只有考慮到滑鼠和鍵盤兩種;而當時的滑鼠事件,其實就是 clickmousedownmouseup 等等的事件(Mouse Event、參考)。但是當手機、平板開始流行時候,再行動裝置上的主要操作介面,已經從滑鼠變成是觸控了~

由於觸控和滑鼠的操作邏輯,算是有根本上的差異的,再加上大部分的裝置又支援多點觸控,所以雖然瀏覽器大多會把觸控的事件對應回傳統的滑鼠事件,但是如果希望能有更細緻的操作,傳統的滑鼠事件是不夠用的。

而目前 W3C 針對觸控操作的部分,則有兩種事件模型可以使用,其中一個是專門為了觸控設計的 Touch Event(W3C),這應該算是目前大部分行動瀏覽器所支援的事件架構;而另一種,則是由微軟所提出的、試圖統一所有指標裝置的事件架構、Pointer Event(W3C)。

閱讀更多»

可以在觸控裝置上長壓的網頁按鈕

最近在認真開發一個 Web 上的互動程式,其中一個基本的功能,就是要透過 HTML 的按鈕、來做操作物體的移動與旋轉;而為了方便操作,除了一般的按下按鈕觸發一次事件外,也希望可以透過壓著按鈕,來做到持續性地控制。

而由於 HTML 現在的標準按鈕( <input type="button" />參考)雖然可以長按,但是並沒有辦法偵測他是否被按下,所以,要不就是用別人寫好的,不然就是得自己實作了~

而由於一些原因,Heresy 是選擇自己實作這部分的功能。由於目標平台除了桌上型電腦外,還要考慮以平板為主的行動裝置,所以除了傳統的滑鼠事件外,自然就牽扯到一大多觸控的事件了。而本來想得很簡單,後來真的開始寫了之後,才發現要同時支援觸控、滑鼠,其實還滿繁瑣的,有一堆小細節都得注意到…
這方面的資料,可以參考 HTML5Rock 的《Touch And Mouse》這篇文章,本文有不少內容是參考這篇文章寫的。

閱讀更多»