CircleCheck.Plus

一直想要重開 Blog ,可是其實一直也沒有什麼很有動力寫的東西,這次趁著 circlecheck.plus 達到了一個還可以的完成度的一個段落,以這個為主題來寫點東西好了。

CircleCheck.Plus

CircleCheck.Plus,或簡稱 CCPlus ,是我製作的一款 webApp ,它的功能簡單來說就是幫你把逛同人場時想去的攤位記下來,以最少手續的方式建立一個清單。

它的運作方式是,將一個社團的最底限要傳達的參展資訊( 社團名稱 / 場次名稱 / 攤位編號 )寫在一個 URL 內,點擊 URL 即啟動 App(進入網站),解析 URL 內的資訊並呈現在頁面上,使用者可以選擇將這些資訊儲存,即可建立清單項目。

這個 URL 我稱之為 Plus Link ,社團只要將自己參展資訊寫成 Plus Link ,並且宣傳出去,即可幫想逛他們攤位的人快速記住攤位編號。最短的情況下就是按一下螢幕就可以了。

建立起清單之後,只要進入 circlecheck.plus 就可以隨時確認想去逛的攤位。
作為範例,以下是我在 FF32 攤位資訊的 Plus Link :

環球崩壞聯播網@FF32

有興趣可以試試看。

CCPlus 說起來是或者不是什麼

它 不是資訊蒐集網站,是一個紀錄跟整理攤位資訊的工具
沒有幫社團宣傳的功能,它幫助的對象是逛攤的人,不是擺攤的人
它 並沒有預先建立任何同人場次的資料,所有顯示在頁面上的內容都寫在 URL 裡
它 不需要註冊帳號也無須付費即可使用、所有的資料都存在使用者端不需要送到伺服器端

製作 CCPlus 的動機

因為我懶(一秒)

場前先蒐集資訊一直都是一件麻煩又不直覺的事情,大多數時候我都是欺騙自己可以用腦袋記住,但是從來沒有真的記住過。很多人會手動抄下想逛的社團的攤位編號,甚至開個試算表來紀錄,這對我來說也不是多困難的事情,但是不困難並不等於不麻煩。

而且我懶(一秒)

更新履歷

  • — — — —
  • 2018-07-27: PF 那次的推廣結果並不理想,重新檢討使用流程之後,大概重寫了八成,沒重寫的兩成雖然屬於比較核心的部份,但是重寫的八成改動的幅度卻也很大,而且這次重新把大部分的功能以 component 的方式包裝重寫,增加了重用性。
    這個版本注重使用者初次來訪時的操作導引,畫面上的按鈕更少,也有足夠的提示訊息,分享功能雖然還是只有複製網址,但是做的比較好用了。同時會偵測網頁被開啟時的環境,若是 in-app 瀏覽器的話會提示,實裝了多語系統,共有中英日三種語言版本,根據瀏覽器設定自動切換。
    但是為了趕 FF 前上線,預定要重作的搜尋排序功能沒有動工先擱著,還有說明頁也沒跟著修改,也沒有翻譯。
  • 2018-05-27 : 因為之前 component 的部份寫的太亂所以又把這部份改單純,不過改著改著也幾乎等於重寫了。這個版本的令一個重點是把之前太過急就章的界面改漂亮一點。搜尋功能變得比較齊全,可以用日程、分區等好幾種方式過濾、排序,但是結果不直覺也不好用。因為想配合 PF 來一波推廣,新增了一個說明頁面,現在想想花在思考文案的時間似乎還多過寫程式的時間。新增 Plus Link 產生器,但是只放在說明頁。
    然後也開了噗浪的帳號。
  • 2018-02-07:導入 vuex 後重寫部份功能,並且嘗試把儲存資料的諸多功能寫成不同的 component ,然後這個版本開始才加上搜尋儲存的資料的功能。
    正式上線到 circlecheck.plus 的網域開始運作,但是距離 FF31 時間太近,而且我那一場沒有報上,所以我也沒有很積極的宣傳這個版本。不過為了確認離線瀏覽的功能可以正常運作,跑到會場拍攝了一段操作影片。
  • 2017-11:以 vue.js 從頭建構起,因為對 vue.js 還有很多不熟悉所以花了很多時間,同時也學習了比較正確的 PWA 相關技術,這個版本使用了 vue 與 vue-router ,同時前後端的各種架構也是在這個階段確立雛型。
    這個版本完成了: Plus Link 的格式設計、解析 Plus Link 的功能(前後端皆有),存入前端的資料格式、比較資料衝突、一鍵廚存的 UI 設計,以 json 的方式載入補充資料的流程等等,是後續所有版本的基礎,但是這個版本沒有正式上線過。
  • 2017-08:最初的版本,試做性質,當時取名叫做「同人攤位筆記」,以 jQuery 寫成,完成度很低,不過具備最基本的紀錄與 PWA 的離線運作功能。這個版本需要我先把攤位資料爬成 json 格式匯入,人工維護的功耗太大,其次是 PWA 的部份有很多錯誤,並不能真正的離線運作。其實本來試想最初就改用 vue.js 來做,但是當時的我對 vue.js 還不熟悉,所以選擇保守的以 jQuery 先製作,但總之結果並不好。