(技術)透過Github-Action實現CICD-Pipeline
How to use git clone 1https://github.com/chienniman/mantine-vite-template.git download the ZIP fork the project Create a new repositorySelected Public to host free gh-page app Create CI/CD workflow.github /workflows/main.yml 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061name: Deploy to gh-pagepermissions: contents: writeon: push: branches: masterjobs: build: name: Build runs-on: ubuntu-latest steps: ...
(遊戲)不靠T轉跟完美消除達到TETR的S牌位
2022 年因為伺服器延遲問題從特戰英豪退坑後，每周零零散散的玩幾場 CSGO 競技，不得不說在基建的部分，V 社做得比拳頭好很多，像特戰英豪這種高強度競技射擊，PING 飆到 200、300 基本上走出去就被爆頭了(白金~鑽石)，無遊戲體驗可言，心灰意冷轉戰 2021 年時發現的俄羅斯方塊，沒有搞氣氛的隊友，沒有馬鈴薯伺服器，勝負大機率取決於個人技巧。 介紹兩個特殊技巧，T 轉(T-Spin)跟完美消除(Perfect Clear) 完美消除(Perfect Clear)透過特殊擺法消除場上所有方塊，不包含垃圾 開場造成 10 行以上的攻擊(取決於 B2B combo)，非常致命 T-Spin顧名思義，透過旋轉 T 方塊的特殊消行技巧，每個遊戲有不同計算方式，以下是 4 個 T-spin Triple 加上一個 mini single 的示範 牌位D~C+先贏 3 場，入門級，速度緩慢，失誤多，方塊擺放不整齊就開始消行，注重自身的防守。 B-~B+先贏 3 場，頻繁使用連招，小失誤，比拚消行速度與時機點把握，推薦空 2、3 行，重點在懲罰對手的失誤。 A-~A+先贏 3 場，實 ...
(心得)不幸買到七進七出子龍機是什麼體驗
在台灣購買桌電有很多管道，但建議盡量到實體通路，購買有保障、評價好的品牌機，價格稍高，但可以省下大把時間，不需搬著幾公斤的鐵塊到處解被動觸發的子龍任務。 這台電腦在 2020 年初購入，當時的想法很簡單，上課報告寫作業，i5 的舊筆電綽綽有餘，當時對買電腦完全沒概念，只知道 CPU 好就夠了(這不全然正確，想想看在小金龜上裝法拉利的引擎)，興致勃勃地上網，在某網購平台看到，電競水冷機 RTX-2060+i7-9700K，竟然只要 3 萬出頭，不管三七二十一就火速下單，送到家剛開機時，七彩奪目的 RGB 燈，半透明側板，未來龐克設計的水冷系統，讓我興奮地整晚睡不著覺。 當時沉浸在刺客教條帶給我的 3A 絕佳體驗，毫無意識到 40%爆擊的背刺正攻向我，那是一個美好的清晨，奇怪，開機怎麼發出 bbb 蜂鳴器的刺耳叫聲，卡在 bios，其實是UEFI，而且讀不到硬碟?花了幾天瞎搞當然是無疾而終，沒備用零件、沒電壓表，如何交叉測試，花了 400 多塊請了個年紀跟我差不多的大學生幫我看，但他拿著無線鍵盤鼓搗了 3 小時只得出可能是主機板的問題的結論，廢話，那我花錢請你來幹嘛，無奈，車馬費還是得 ...
(心得)我的第一台Lubuntu筆電
前言以前就想要安裝Linux作業系統，長期習慣Windows介面的我遲未行動，一部分是因為許多Steam遊戲不支援，舊筆電(使用5年)出現花屏，可能是顯示卡、螢幕問題，拿去修理效益比實在不大，但又有外出攜帶需求，結合價格、使用頻率、開發需求、硬體規格等多方要素，2021年購入這台不到一萬的迷你筆電。 規格 處理器：IntelR Celeron N4020 Processor 1.1 GHz (4M Cache, up to 2.8 GHz) 記憶體(內建/最大)：4GB DDR4 硬碟：64G EMMC 大小跟平板差不多(11.6”HD霧面寬螢幕)，重量1.05KG，適合外出，預設安裝Windows10 S模式(只允許 Microsoft Store 上提供的應用程式)，整體來說開機相當快速，能上網、文書處理、前後端開發、跑資料庫，不過有時會黑屏閃退，這台小筆電開太多Chrome分頁，CPU就會飆到80、90%，所以桌機就漸漸取代它，直到最近整理時，打算安裝輕量級的Ubuntu版本，使其起死回生。 LubuntuLinux有許多版本，適合桌面使用的Ubuntu，常用於伺服器 ...
(技術)大型關係管理Monica
Monica 是一個開源專案，用於組織和記錄與親人的互動。又稱 PRM，個人關係管理。可將其視為您朋友或家人的 CRM，本文會介紹感興趣的功能，API、數據導出、OAuth、以及 issue。 Monica’s vision is to help people have more meaningful relationships.幫助人們建立有意義的關係 主打”關係管理”，相較市面成熟的社交產品(如 Facebook)，其定位特別，替人脈建立一個管理後台，還記得大學時參加幹訓、社團迎新，認識各社團幹部，常忘記小細節，此產品便能很好地解決這個問題，基於興趣，我也作為翻譯貢獻者，協助 monica 文件繁體中文的在地化，具體參考chienniman/monica。本文會介紹API授權(個人使用、開放授權)，數據導出、社群討論issue，也會同時附上以上功能的原始碼分析，深入淺出的介紹設計模式在本專案的應用。 執行&部署1234PHP 8.1+HTTP server with PHP support (eg: Apache, Nginx, Caddy)ComposerM ...
(技術)網頁打包壓縮的好用工具Parcel
說到打包工具，多數人的第一直覺就是Webpack，我也不例外，今天就要介紹一個簡單快速的打包工具Parcel，適用於小型專案的開發。 為何壓縮伺服器中，會使用壓縮來減少頻寬和傳輸時間，從而提高網站性能和用戶體驗。通常壓縮的是返回給客戶端的HTML、CSS、JavaScript、圖像等靜態資源文件。透過減少文件大小。 網頁伺服器會使用一些壓縮算法，例如gzip和deflate，將靜態資源文件壓縮成壓縮包，然後在將壓縮包傳輸給客戶端。客戶端接收到壓縮包後，會解壓縮文件並顯示頁面。 壓縮技術可以提高網站性能，但壓縮也可能增加服務器的負擔和處理時間。此外，某些瀏覽器不支持特定的壓縮算法，因此需要在服務器端進行相應的配置和優化。 原生性能 Parcel’s JavaScript compiler, CSS transformer, and source maps implementation are written in Rust for maximum performance. It’s 10-20x faster than other JavaScript-based tools!Par ...
(技術)30秒解決Dcard彈跳視窗
可以不要一直叫我登入嗎有時在網路上看到有趣的 Dcard 文章，好奇點進去，看留言時卻跳出討厭的登入視窗，這篇文章會示範如何用開發者工具在 30 秒內關閉 點擊 F12，開發者工具 找到彈跳視窗根元素(最外層，屬性 tabindex=”0”)，點滑鼠右鍵，刪除元素，這時候就可以看到乾淨漂亮的頁面了~但是還是不能滾動 往上滑找到 body 元素，element 屬性加上 overflow:scroll 大功告成，不需要打帳密了 全自動執行做成 Chrome Extension，這裡提供思路，封裝實作可以參考這篇文章 1234567window.addEventListener('load', function() { const popup = document.getElementById({modal--id}); if (popup) { popup.remove(); document.body.style.overflow = 'scroll'; ...
(技術)製作自動排程的YoubikeLineBot
關於騎腳踏車上班Youbike 通勤上下班，趕到公司樓下卻發現沒有空位，只能花費雙倍路程時間步行到上一站，搜尋可行的解決方案，別人製作的 站點地圖是不錯的解決方案，但對壓線出門的懶人不是最佳解，重複的查詢、比較、紀錄相當多餘，真正能解決痛點的是固定時間、主動通知、快速查詢工具。以 Node.js開發的 bot，邏輯在index.js，完整原始碼。 特點 自動化查詢 部署Render雲服務 排程每日通知 SDK其他語言參考Official SDKs，官方提供 Java PHP Go Perl Ruby Python Node.js 本地1git clone https://github.com/chienniman/YouBikeNotify-Bot.git 1npm install 1mkdir .env 環境變數&金鑰 Cron1npm install --save node-cron 臺中交通資訊 API上網搜了一下發現臺中交通資訊 API 整合的相當不錯，Swagger 的文件架構清晰，井然有序，這邊給個讚，台中路面狀況如果也可以就謝天謝地了。臺中交通資 ...
(技術)淺談伺服器的授權、驗證
Authentication驗證，告訴伺服器登入者是其所聲稱的使用者，以遊戲登入舉例 12345678910111213141516171819202122+------------------------+ | 遊戲客戶端啟動 | +-----------+------------+ | | 向遊戲伺服器發送認證請求 | +-----------v------------+ | 遊戲伺服器進行認證 | +-----------+------------+ | | 驗證玩家帳號和密碼是否正確、權限(有無鎖帳號) | +-----------v------------+ ...
(心得)考取AZ-900心得分享
筆者於2022/10/29通過AZ900，在此分享，先前在FB看到大推Azure廣告，本身雖以軟體開發為主，但對雲端也深感興趣。 流程1.聽完線上講座免費拿考試卷 / 自費購買($75美元，印象中)2.報名線上/實體，自己是去聯成電腦考試3.考試前要先拍證件照4.被帶進小房間考試，全程後面有考官盯著5.印象中寫了30分鐘就交了，當場就知道分數 如何準備1.寫考古題再去背概念(畫心智圖)2.youtube/微軟 Doc 掃一次3.英文準備 範例考題幾乎都是一個概念的比較，例如混合雲、公共雲、私有雲差別應用，很快就能判斷，但是中英文翻譯落差，第一眼看到題目可能會愣住，因此建議讀文件&考古都使用英文 選擇題-官方例題組織會使用哪一種雲端方法來充分利用內部部署技術投資，並在兩個環境之間共用資料和應用程式？ A. 公用雲端B. 私人雲端C. 混合式雲端D. 內部部署資料中心 混合雲：控制——您的組織可以為需要低延遲的敏感資產或工作負載維護私有基礎架構。靈活性——您可以在需要時利用公共雲中的額外資源。成本效益——通過擴展到公共雲的能力， ...