IFTTT 是一個免費的網路服務自動化工具 🛠️，運作原理是這樣的，當網路上某服務觸發一個事件，則另一個網路服務執行某動作，所以此工具有個口號叫「if this then that」，我們將利用它這樣的原理將 Twitter 新推文自動轉至 Telegram 頻道/群組發訊息，同步速度相當快，當新推文釋出後約十分鐘內就…

由於本學期我是做前端，所以還沒有學到後端的程式語言，不過因為期末專案的關係，需要與另外一班的同學合作完成前後端具備的購物網站，因此前端完成後需要將檔案交給他們繼續撰寫與嵌入後端程式，並且還需要跟 SQL 資料庫連接，才能答案前後端連線，我們學校所教的後端技術是 JSP，我下學期也會學到該技術，其所使用的程式語言為 Java。 為了解決前後端連接的問題，我決定超前進度，

「Ionicons」是一款開源的圖標，由 Ionic Framework 團隊開發，採用 MIT 授權，可讓開發人員使用在網站、行動 APP 或電腦程式上，也支援 SVG 向量圖的格 […]

前陣子非常想在網站上製作視差效果，礙於時間因素沒有去找尋資料，現在寒假到了，我就著手開始尋找適合自己用的 jQuery 插件，最後找到了「paroller.js」覺得最滿意！讓我開 […]

《上一篇：Node.js：Yarn 專案初始化、gulp.js 任務管理工具安裝與使用》已經成功將 Gulp 任務管理工具安裝完成，也能運作了！接著我們要運用 Yarn 這款套件管理程 […]

上一篇：Node.js：Gulp 運行 gulp-connect 套件，建立前端開發伺服器（Gulp 大展身手！）》應該已經讓您了解 Gulp 是多麼方便且好用的任務管理工具，現在就讓我們運用 Node.js 環境下的 Gulp 運行「imagemin-mozjpeg」這款套件，將 jpg 圖檔使用 mozjpeg 破壞壓縮技術進行批次壓縮，

《上一篇：Node.js：Gulp 運行 imagemin-mozjpeg，mozjpeg 批次圖片壓縮》已經成功在 Node.js 環境中運用 Gulp 這款任務管理工具加上「imagemin」 […]

《上一篇：Node.js：Gulp 運行 Autoprefixer，批次處理 CSS 供應商前綴問題》已經可以知道 Node.js 環境下 Gulp 任務管理工具可以幫助我們快速處理工程師不想 […]

這篇文章是《Node.js：Gulp 運行 imagemin-mozjpeg，mozjpeg 批次圖片壓縮》的延伸篇，這次來探討如何運用建構路徑物件的方式來方便管理 Gulp 的工作流程檔「gu […]

《上一篇：Node.js：Gulp 運行 gulp-clean-css，批次壓縮 CSS》我們已經瞭解到如何將 CSS 壓縮成較小的檔案啦！這篇文章我們要更完整的敘述封裝檔案這件事情， […]

🍪 Cookie（餅乾）在網路世界中無所不在，可以讓使用者儲存網頁設定到瀏覽器中，下次瀏覽時網站就能提供更個人化的服務給同位訪客，其實是一個不錯運用的技術！因此萌芽站長就決定應用它來製作現在非常流行的「🌙 黑暗模式」，也有人叫做「夜間模式」或「深色模式」，其實都是一樣的功能，也就是把原先白底黑字為主的版面切換成黑底白字為主，可能有些人以為這要用到「後端技術」，事實上完全不需要後端程式，

因為要開氣象圖資直播的關係，我發現大多氣象單位所提供的圖資都是要手動重新載入才可以獲取最新的圖資，OBS（Open Broadcaster Software）內建的瀏覽器也不支援指定時間不斷重新載入，因此我決定用純網頁前端的技術來自行製作 OBS 瀏覽器自動重載解決方案！ 簡單運用 JavaScript 抓取網址「?」後方之參數，我們可以將自訂的網址（url…

前端除了能生成 QR Code（👉 相關文章），竟然還能掃描 QR Code？沒錯！只要運用 instascan 這個插件就可以運用 WebRTC 這樣的技術來做到掃描 QR Code，WebRTC 的名稱源自網頁即時通訊（英語：Web Real-Time Communication）的縮寫，是一個支援網頁瀏覽器進行即時語音對話或影片對話的 API，但其一定要在 HTTPS 的連線環境下運作，

Node-RED 建構在 Node.js 之上，也就是說需要先行安裝好該環境，這款工具才能運作。早期由 IBM 所開發，後來在 2016 年交給 OpenJS 基金會維護及運作網站等，現今為一個開源專案。透過它，您可以在基於瀏覽器上的網頁介面來操作各種資料的串接，並且同時可以做運算、除錯，還能導出數據至儀表板、資料庫等。操作上透過拖拉左側需要的節點至中央流程區塊，接著使用線條把需要的節點串聯，

Kalidoface 3D 是一款支援 3D Vtuber 虛擬人物的網頁應用程式，可載入 VRM 人物模型檔案。它現在具有更多動態攝影機角度，使用最新的 Mediapipe 人體姿勢偵測模型來做到全身追蹤。結合 OBS 即可做到直播、錄影等，該應用能夠變更人物背景，可以改成純色（綠幕）再給 OBS 處理去背，就能直接與螢幕畫面合在一起，詳細可見我另一篇教學。實際測試效果很不錯，

近來，許多使用者反映 ChatGPT 出現異常，讓人不禁懷疑「ChatGPT 又掛了？」。其實 OpenAI 官方有提供即時的服務狀態頁面，能夠讓使用者隨時查看各項服務的運作情況。這對於需要依賴 ChatGPT 及其相關 API 進行工作的開發者和使用者來說，尤其重要。當遇到功能異常時，第一時間檢查官方狀態可以避免誤判問題出在自己端，也能及早得知官方的回應和修復進度。