PTT新貼文提醒、單字蒐集 Chrome 擴充套件？一同窺探有哪些強大的 API 可以使用

Emacs 入坑引導 - 打造自己的 Ruby IDE - Part 2 前言 我在 Part 1 簡單介紹了 Emacs 入門的基礎知識，包括基本按鍵操作、套件安裝及視窗管理等，熟練 Emacs 需要長期使用經驗的累積，大腦才會慢慢適應，Coding 的速度才會跟上思考。在 Part 2...

我發現一件有趣的事，不少開發者朋友都知道 Git 這個工具的重要性，但卻又不會花太多時間去了解它到底是個什麼樣的工具。以工程師的謀生技能來說，Git 不需要像演算法、資料結構或其它程式語言、開發框架要學那麼深入，不少人平日的 Git 操作似乎只要會 add、commit、push、pull，再...

最近因為手邊有一個工作以外的專案需要搭配硬體做一些 IoT 類型的應用，雖然之前在五倍紅寶石開發的 Tamashii 系列應用已經足以應對在這個專案上開發所需的解決方案，但是依舊缺少了一些功能。 也就是我們過去並沒有考慮到的，如果裝置是交給一般使用者的狀況下，如何在透過網路的前提將裝置更新。

需求 在我們幫某個客戶維護的服務當中，需要提供大量即時的數據圖表 (主要是 K 線圖，a.k.a 陰燭圖) 供用戶即時監測數值的變化與走勢。一般來說我們都是使用 JavaScript 的 Charting Library 來幫我們完成圖表繪製與顯示的需求，在現有的網頁中，這早已不是什麼稀奇的...

React DnD 使用 HOC 的方式來實作複雜的 Drag and Drop 介面，可以在 Drag Drop Component 之間輕鬆的溝通傳遞資料。 此文章不會詳細列出各項程式碼，如果有興趣可以 clone source code 下來 checkout 研究研究。 1. ...

「檔案上傳」是網站開發永遠的課題，充滿各種地雷眉角。Active Storage 是由 Rails 核心團隊開發的原生方案，內建於 Rails 5.2 之後的版本中，提供開發者在處理檔案上傳時的另一個選項。由於還相當年輕，以成熟度來說也許還比不過上傳界的前輩們，但未來的發展依然相當令人期待，甚...

\[a-zA-z]{3,}|^\D$|^[0-9a-z]*$|^[0-9A-Z]*$\ 相信大家在寫程式的過程當中，一定都曾看到過像上面這種，有點像亂寫的程式碼，有些可能看起來沒那麼複雜，而有些則是長到讓人難以招架，光是看到就讓人頭痛，更不用說去讀懂它了。 事實上，這種程式碼叫做正規表達式...

大家應該都聽過 WebSocket，讓瀏覽器和伺服器兩者之間可以建立持久性的連接，並進行雙向數據傳輸；那 WebRTC 是什麼？比起 WebSocket，WebRTC 可以直接讓瀏覽器跟瀏覽器連線，一開始主要的目的是 Voice/Video conferencing，但是也提供 Data channel...

前言 工欲善其事，必先利其器，出色的工匠都有自己熟練的工具；優秀的碼農都有自己慣用的 Editor。世間 Editor 千百種，Atom、VSCode、Sublime、Notepad++(?)… 等皆是現代碼農之所好。但萬變不離其宗，每個 Editor 都有相似之處，追求的都是更便捷的文字編...

calc() 是一個 CSS function 作用於屬性設定是數值的時候可以進行加減乘除的運算，例如： 長度、 頻率、 角度、 時間、 數字或者是 整數這幾個屬性值都可以使用 calc()。