前陣子再考量換掉1password，工作上用了Synology架了一個工作用的之後，覺得自己私人用也該換一下，就著手找資料了。
至於用BitWarden的原因，就開源，有行動、桌面、網頁三種方式可以用。相較於之前用的KeePass來說在外使用更方便了。而且還有預設信用卡的儲存選項。詳細優點這篇介紹非常詳細：使用 Bitwarden 與自架後端 Vaultwarden 來管理密碼與 2FA Authenticator。
但問題就來了，要用網頁就表示要伺服器。有沒有什麼更好的方式可以貫徹免費仔的精神。最後找到這個建几乎永久免费的在线密码管理服务。那為什麼要用VaultWarden而不用BitWarden呢？找到資料說BitWarden吃的資源是2核心CPU、2G記憶體、12G儲存空間；VaultWarden是0.2核心CPU、1G記憶體、200MB儲存空間。而剛好GCP免費的us-west1 e2-micro就是0.25 ~ 2 CPU、1G記憶體、30G儲存空間，真是太巧了。
Read more “使用GCP安裝VaultWarden密碼管理”就這東西啦
https://bootstrap5.hexschool.com/docs/5.0/forms/validation/#browser-defaults
找了我半天……
最後解法長這樣。
:root {
scroll-behavior: auto !important;
}
為何啊……
參考資料：
on Bootstrap5, browser default validation message does not showed when the page is so long
CKEditor 5最簡單的做法就是去Online Builder點一點，把你要的模組點完之後，按照sample裡面的範例放進你的網頁。但這次我有放圖片的需求，搞了半天才找到可行的做法。記得在Online Builder加進Image Upload及Simple Upload Adapter。
在加入CKEditor的語法前面加上下面程式碼
Read more “簡單使用CKEditor 5 及 使用PHP做後端接收上傳圖片”教育局來文說要把對外網站全改用HTTPS。好喔……
先來個頭痛的，沒人想管系統又被硬弄成Windows Server的網站服務。Windows……也有Certbot耶！先去Certbot官網看說明。身為一個小廢物，自然卡了Install your certificate。平常都偷懶用NAS直接上憑證的人，就連自己租的空間也用cPanel，誰會知道怎麼設定啦。
先找到Apache的SSL設定，然後……Certbot全給我PEM檔啊！還好查了一下只是副檔名不同，是不是crt還是key沒差。然後弄了半天，反而Apache開不起來啦！要死啦！
Read more “網站使用HTTPS”前陣子找了Google App Script把NAS單向同步造成的空資料夾刪掉。然後碰到要分班建成績單表格還要改檔名又要貼學生名單上去。原本都手動做一做就好，但想想這東西應該也可以用Google App Script去處理吧。然後就動手了。
這邊只講幾個基本操作。
Read more “Google App Script操作筆記”好一陣子前看到了這個網站：http://darcs.nomeata.de/screen-message/webapp.html#t=%3A-)。當時只覺得好像滿方便的。
前幾天學校老師要借用iPad，問說有沒有跑馬燈App……問題是你隔天就要用啊，我懶得再用Apple Configurator 2弄。然後就催生出來了這些東西。
也不是什麼大東西。一個是把Screen Message自己放起來，變成https://mis.cat/text/這樣。
另外一個就是自己修修改改弄出來的跑馬燈版本：https://mis.cat/marquee/。反正弄好完的沒打算公開，放這邊小小紀錄就好了。
為什麼會想弄個LINE Bot來玩……就只是單純覺得目前Chat Bot發展得差不多了，台灣應該多數人都是以LINE當作主要通訊軟體。想說弄個來玩，或許可以讓家長或是老師有種不一樣的感覺。
基本上我大致的架構是靠這篇文章去寫的。為了懶方便使用，我參考了另一篇文章的作法，這樣可以少寫管理上的驗證，把所有麻煩事情都丟給Google去處理。但是也間接犧牲掉反應時間跟伺服器的流量。完成的程式碼就在下面： Read more “PHP LINE Bot實作”
最近弄了個東西，寫了一堆判斷發現還是有人會填進奇怪的東西。後來發現是Safari不支援pattern跟required。pattern填錯就算了，required不填倒是比較困擾啊。找了一下網路上解決方案。 Read more “處理Safari不支援HTML5 Required屬性的方法”
其實這東西做出來一陣子了。不過做完後一直沒有颱風會放假啊！然後就一直放到今天。
基本上由於技術太爛，資料用主機裡面的cron job呼叫PHP，自動從人事行政總處挖出來後直接丟進csv檔……現在才發現我根本直接弄成靜態網頁就好啦！根本智障。實際上index.php這東西沒執行個什麼鬼啊！
然後參考這篇原來地圖視覺化這麼簡單 － D3.js 地圖實戰的教學，弄出行政區域圖，把抓來的資料用Java Script做正規比較再上色。
剛公布後沒多久就出現資料消失的問題，查了老半天查不出原因，真要被ban早就在我做好之後就ban掉了(一直開著cron job跑)。後來把phpQuery的 table:last-child 改成 table:not(:first-child) 就好了……根本見鬼……
後來在Front-End Developers Taiwan裡面有人提到NCDR 災害示警公開資料平台直接有RSS可以吃！真是太棒啦！但這其實是我練習phpQuery的作業，而且RSS沒有比較好挖啊！資料上也沒有人事行政總處完整。改天有閒再玩看看。
最近在弄系統要匯入學生名單，當然最方便是從校務行政系統撈，但是沒權限啊，只能匯出後再匯入。
原本找到PHPExcelReader，結果不知道為什麼陰錯陽差變成PHPExcel……反正還是弄出來就是。 Read more “PHPExcel基本讀取”
