分類

Backend

• Mongoose 是什麼 : 資料操作三步驟從 MongoDB 到 API
• Java 開發 RESTful API 入門教學 : Jersey 需要了解的六個地方
• Java Web API (RESTful API) 教學 : 三步驟打通關節開發 API 後端服務

ElasticCloud

• 開外掛的 Elasticsearch 數據檢索 : 30 天上手 Elastic Cloud 心得分享
• Elastic Cloud Enterprise 維運與除錯 : 維運節點及高可用性的系統架構
• Elastic Cloud Snapshots : 資料備份與恢復
• Elastic Cloud Enterprise Deployment : 開箱部屬樣板體驗
• Elastic Cloud Enterprise Architecture : 系統平台管理與架構設定
• Elastic Anomaly Detection for Cybersecurity : DNS 常見攻擊與可能的偵測方法
• Elastic Machine Learning 基礎介紹 : 機器學習的名詞、相關流程與案例介紹
• Elastic SIEM 簡介 : SIEM UI 功能介紹，究竟能解決什麼問題
• Elastic Endgame 簡介 : 端點防護產品 Endgame 的體驗心得分享
• Elastic Security Quick Start : 透過 Kibana 介面加入並監控安全相關的事件數據
• Elastic Security 簡介 : 淺談 EDR、SIEM、Elastic Endpoint Security
• Elastic 加密傳輸 : 啟用加密讓資料傳輸更安全
• Elastic 操作權限管理 : Role-Based Access Control 簡介
• Elastic APM 基礎教學 : 運用 APM client 和 server 端的函式庫來做應用程式層級的監控
• Elastic Kibana 快速入門 : 資訊圖像化可以炫技到什麼程度
• Elastic Logging X Filebeat 深入理解 : Filebeat 實際運用的細節、基礎概念及相關配置教學
• Elastic Workplace Search Quick Start : 用三分鐘的時間架設工作區搜尋引擎
• Elastic App Search Quick Start : 用三分鐘的時間架設搜尋引擎
• Elastic Observability 簡介 : 透過 Logs、Metrics、Apm、Uptime 整合系統資訊
• Metricbeat 應用教學 : 搭配 Kibana 即時監控 Nginx 伺服器服務狀態
• 三步驟完成 Filebeat 設定 : 傳送 Nginx Log 到 Kibana 產生報表

Frontend

• Node.js 模組管理工具比較 : npm、pnpm、yarn 和 bun 的優缺點與選擇指南
• JavaScript 模組超進化 : 從工業革命到文藝復興
• Cumulative Layout Shift (CLS) : Pagespeed 未通過但沒有建議動作
• One Piece X 開發者體驗 : 三分鐘斷捨離，讓每天都早點下班
• 刷題到底是在刷什麼 : 1864 Minimum Number of Swaps to Make the Binary String Alternating
• 三步驟加速你的網站效能 : 善用開發者工具進行效能分析優化
• 四種加快網站開啟速度的常見方法 : 延遲載入、程式拆分、打包檔分析、資源優化
• Leaflet 地圖實作教學 : 從0到1快速建立疫情地圖
• 網站常見 Memory Leak : 循環參照、事件循環監聽、存取全域變數
• Google 試算表實作簡易資料庫 : Google Sheet, App script, Visualization API
• 前端專案資訊安全 : 檢查網站安全
• 網站導覽設計 (使用 Intro.js) : 輕鬆幫網站 UI 加上導覽
• SEO 前的網站設定 : HTML 優化, 結構化資料, 網站地圖
• 什麼是無障礙網頁? : 用 React 撰寫符合 JSX a11y 的無障礙網頁
• 地理資訊視覺化 : 網站技術與工具介紹
• Component State and Props : SPA 的狀態與資料流 (MVVM vs FLUX)

JavaScript

• JavaScript Behavioral Pattern : 開箱 JavaScript 設計模式 (3)
• JavaScript Structural Pattern For Project : 開箱 JavaScript 設計模式 (2-3)
• JavaScript Structural Pattern For Code : 開箱 JavaScript 設計模式 (2-2)
• JavaScript Structural Pattern For Program Syntax : 開箱 JavaScript 設計模式 (2-1)
• JavaScript Creational Pattern : 開箱 JavaScript 設計模式 (1)

PWA

• Progressive Web App 跨平台安裝上架 : PWABuilder、Bubblewrap 打包工具簡介
• Progressive Web App Audits : 優化檢核清單項目說明
• Progressive Web App Shortcuts : 程式快速啟動選單
• Progressive Web App 介面外觀 : 針對應用操作介面優化操作體驗
• Progressive Web App 個案分析 : 樂天 24 導入 PWA 後帶來的好處
• Progressive Web App 推播通知行為 : 用戶端行為設定與事件流程處理
• Progressive Web App 網站推播通知 : 原理解密前後端實作說明
• Progressive Web App Notification : Web Notifications API 應用程式通知
• Progressive Web App 閒置中 : Idle Detection API 空閒檢測入門實做
• Progressive Web App 定期背景同步 : Periodic Background Sync API 入門實做
• Progressive Web App 存取通訊錄聯絡人 : Contact Picker API 入門實作
• Progressive Web App 透過系統分享內容 : Web Share API & Web Share Target
• Progressive Web App 喚醒鎖 : 維持螢幕長亮的方法
• Progressive Web App NFC : NDEFReader 入門實作
• Progressive Web App 存取本機檔案 : File System Access API 簡介
• Progressive Web App 用戶端儲存與快取 : 網站離線後備頁面實作
• Progressive Web App 位置存取 : Geolocation API 取得地理資訊
• Progressive Web App 通知數字 : Badging API 入門實做
• Progressive Web App 架構模式 : App Shell Model 概念說明
• Progressive Web App Service Worker : 讓網頁支援離線快取及推播
• Progressive Web App Manifest : 配置屬性、啟動和更新機制深入介紹
• Progressive Web App A2HS : 安裝推薦程式與設計模式全解析
• Progressive Web App 開箱解密 : 看看漸進式增強到底有多強

Python

• Python FastAPI 快速入門 : 7 行程式完成 API 和線上互動文件
• Python Crawler 爬蟲入門範例 : 用一百行不到的程式，把網站通通爬下來
• Python Hypothesis Testing (假設檢定) : 快速入門假設檢定、資訊視覺化

React.js

• 為什麼選擇 Zustand 作為最佳狀態管理解決方案 : 那隻熊也許不會最好但卻是最可愛的
• 為什麼選擇 React Hooks : 基礎範例解析與優缺點全面分析
• Reactjs 問世十年後的開發體驗 : 一袋米扛幾樓的難度有多少
• React 元件開發指南 : 從特性去運用 Pattern 簡化開發與架構
• 你了解 React JS 嗎 : 15 個 React JS 的面試問題
• 不在大型專案導入 React.js 的 5 個原因 : 關於跟著 React.js 一路成長的心得分享
• React Class-based vs Functional Component : 從特性淺談兩種寫法之異同
• React 多國語言簡介(使用 react-intl) : 使用 Yahoo react-intl

三分鐘斷捨離

• 選擇，會加速你的開發嗎? : 三分鐘斷捨離，讓每天都早點下班
• 離職後的君子之交淡如水 X 最小知識原則 : 三分鐘斷捨離，讓每天都早點下班
• 影分身之術 X 里氏替換原則 : 三分鐘斷捨離，讓每天都早點下班
• 把自己角色扮演好 : 三分鐘斷捨離，讓每天都早點下班
• 決定成敗的系統細節分析 : 三分鐘斷捨離，讓每天都早點下班
• 照三餐改變的系統與環境 : 三分鐘斷捨離，讓每天都早點下班
• 建模和收納 X 豆漿和油條 : 三分鐘斷捨離，讓每天都早點下班
• 失控的理智 X 到底有多少需求和條件 : 三分鐘斷捨離，讓每天都早點下班
• 當依賴反轉就不再依賴 : 三分鐘斷捨離，讓每天都早點下班
• 原子化設計 X 收納 : 三分鐘斷捨離，讓每天都早點下班
• 有什麼留在你我的心頭，那是什麼？ : 三分鐘斷捨離，讓每天都早點下班
• 會不會放手，其實才是擁有 : 三分鐘斷捨離，讓每天都早點下班
• 我願意，付出所有來換一個時光機 : 三分鐘斷捨離，讓每天都早點下班
• 一次做一件事，念 : 三分鐘斷捨離，讓每天都早點下班
• 架構與分層 X 整理的秘訣 : 三分鐘斷捨離，讓每天都早點下班
• 想要與需要，選擇的智慧 : 三分鐘斷捨離，讓每天都早點下班
• 十年後你就知道了，別人說不好就真的不好嗎? : 三分鐘斷捨離，讓每天都早點下班
• 大家都說需要的源頭管理 : 三分鐘斷捨離，讓每天都早點下班
• 秩序與平衡 X 分類之道 : 三分鐘斷捨離，讓每天都早點下班
• 物件的管理，你想要九把刀還是瑞士刀 : 三分鐘斷捨離，讓每天都早點下班
• 同類型的東西一再出現 : 三分鐘斷捨離，讓每天都早點下班
• 該好好重構和斷捨離的是程式碼還是人生 : 三分鐘斷捨離，讓每天都早點下班
• 可以簡單就不要複雜的程式碼與人生 : 三分鐘斷捨離，讓每天都早點下班

人生演算法

• 人生的二分搜尋法 : 為什麼喜歡的演唱會總是聽一場少一場
• 人生的貪婪演算法 : 你想的最佳解也許不是真的最佳解又如何

前後端如何和平相處

• Vite 系統環境變數 : 從把妹角度理解前後端如何和平相處
• 用 JavaScript 測試你的網站 : 從把妹角度理解前後端如何和平相處
• Hack 網頁從按鈕開始!HTML/CSS/JS Debug 技巧 : 從把妹角度理解前後端如何和平相處
• CI/CD X Jenkins、CircleCI、Github Action : 從把妹角度理解前後端如何和平相處
• 8 個寫 JavaScript 前該懂的問題 : 從把妹角度理解前後端如何和平相處
• 前端函式庫與框架 X 框架御三家怎麼選 : 從把妹角度理解前後端如何和平相處
• 前端模組化與打包工具 (Webpack、Rollup、Parcel) : 從把妹角度理解前後端如何和平相處
• Monorepo 和 Polyrepo : 從把妹角度理解前後端如何和平相處
• 前後端分離或在一起 (CSR 與 SSR) : 從把妹角度理解前後端如何和平相處
• 前任物品斷捨離 X 專案資料夾架構與收納 : 從把妹角度理解前後端如何和平相處
• Git 時光機 X 專案協作與開發指南 : 從把妹角度理解前後端如何和平相處
• 語意化版本透露什麼訊息 : 從把妹角度理解前後端如何和平相處
• npm 入門到進階X常用指令與版本規則教學 : 從把妹角度理解前後端如何和平相處
• 定義屬於你的風格 X VS Code Extensions X ESLint X Prettier : 從把妹角度理解前後端如何和平相處
• 用 HTTP Cookies 記住你的曾經 : 從把妹角度理解前後端如何和平相處
• 網頁即時通訊實作 X Long-Polling, Server Sent Events, WebSockets : 從把妹角度理解前後端如何和平相處
• 全攻略 AJAX 是什麼 : 從把妹角度理解前後端如何和平相處
• Web API 實作解析 : 從把妹角度理解前後端如何和平相處
• API 系統設計方法 X 面試指南 : 從把妹角度理解前後端如何和平相處
• RESTful API 是什麼?該怎麼理解? : 從把妹角度理解前後端如何和平相處
• 用 Hexo 和 Github Pages 建立部落格吧 : 從把妹角度理解前後端如何和平相處
• 想架站不會寫網頁，那就用 WordPress 吧 : 從把妹角度理解前後端如何和平相處
• 用 LinkFree 製作一個 Github Pages 取代 LinkTree : 從把妹角度理解前後端如何和平相處
• 九種亂寫 CSS 的方法 X 有比亂化妝好嗎 : 從把妹角度理解前後端如何和平相處
• CSS in JS (react) 簡介與優缺點分析 : 從把妹角度理解前後端如何和平相處
• CSS 框架用了什麼設計模式 : 從把妹角度理解前後端如何和平相處
• 解密 CSS 處理器 SCSS/PostCSS : 從把妹角度理解前後端如何和平相處
• 透過 BEM、SMACSS、OOCSS、Atomic CSS 簡化樣式開發流程、減少維護成本 : 從把妹角度理解前後端如何和平相處
• CSS 易容術入門 : 從把妹角度理解前後端如何和平相處
• HTML DOM、HTML5、HTML Template : 從把妹角度理解前後端如何和平相處
• 網站元素概觀 : 從把妹角度理解前後端如何和平相處

數位行銷

• 部落格搜尋引擎優化方法 (SEO) : MAU 3000 到 4000 的過程
• Google Trends 變身鍵盤柯南 : 你知道怎麼找出趨勢關鍵字嗎?
• 2020 成長駭客年會 : GDPR 與肺炎疫情後的行銷轉型與想法
• 2020 Grow with Google Tour : 數位行銷基本功，打造數位能見度
• Google Analytics 4 注意事項 : 新版 GA 開箱體驗心得
• 用 Socialbakers 了解其他粉專數據 : 社群經營分析工具開箱
• facebook pixel 與 google tag manager 的應用 : 淺談行銷與再行銷
• 簡報與訊息投放技巧 : 說一個容易引起共感的故事
• Market爆擊ing : 戰略X戰術X心理 => Marketing
• 當 chatbot 遇上行銷 : 該如何讓行銷跟上聊天機器人的潮流?
• Landing Page 的重要 : 當到達頁面遇上行銷

產業觀察

• 後疫情時代五種企業具備的公關力 : 從台灣百工的內心話反思如何經營自身的公關力
• 四個網路發展對個人品牌影響 : 淺談網路時代下的開源社群、知識變現、聯盟行銷
• 三個騎 UrDa 前就爛到不行的體驗 : 從前端工程師的角度淺談如何做出失敗的產品
• 淺談 Product Marketing : 以電商在馬來西亞市場為例
• Shoplus 東南亞經驗分享 (Conversational Commerce) : 從台灣出發打造 15 萬賣家的東南亞社群電商服務成功經驗分享
• 搜尋引擎與社群媒體 : 從請輸入檢索詞 WWW 淺談搜尋引擎與社群媒體對社會的影響
• Web of Things 介紹 : 當前端遇上 IoT 會變成 WoT 嗎?

職涯發展

• Google AdSense 新加坡稅務資訊 : 申請核發個人居住者證明
• 當時相信的專案規劃，能夠一如期待? : 三分鐘斷捨離，讓每天都早點下班
• 未來的那個你，該成為工程師嗎 : 三分鐘斷捨離，讓每天都早點下班
• 能不能給我一首歌的時間，把 Spec 說完才說再見 : 三分鐘斷捨離，讓每天都早點下班
• 開會是謀財害命還是協作解決 : 三分鐘斷捨離，讓每天都早點下班
• 為你寫下這份文件讓專案 Go : 三分鐘斷捨離，讓每天都早點下班
• 提問嗎?你要去哪裡? : 三分鐘斷捨離，讓每天都早點下班
• 面試前端，你還有什麼問題想問嗎 : 一起透過發問知己知彼找到理想生活
• 三種常見核薪流程開箱 : 公司徵才狀態會怎麼影響談薪水時機
• 30 幾歲之後的人生意義該去哪裡找 : 認清自我跟世界的關係、尋找值得全神貫注的領域、在愛與被愛中漸漸成熟
• 離職交接計畫 : 軟體專案(被)交接的心態準備與踩坑鬼故事
• HPE Full Stack Web Developer 面試心得 (2021/08) : 外商公司面試過程體驗分享
• 談溝通步驟與引導技巧 : 職場老鳥必點技能
• 回顧成為前端工程師的這五年 : 淺談選擇前端的理由
• 星星女孩 : 從 Google 到臉書， 工程師到矽谷頂尖 PM 養成訪問心得分享
• 商業思維與影響力 : 關於教育！創辦人對談：均一教育平台 呂冠緯 Ｘ 商業思維學院 Gipi
• 價值談判課 : 制霸暗黑談判，修煉不被欺負的勇氣
• 從辦公室到遠端，四個價值觀的轉換與改變 : 有個同學叫屁蒼 X 職場奇遇記
• 怎麼兼職? 身兼三份工作的真實樣貌 : 有個同學叫屁蒼 X 職場奇遇記
• 22K 很少，那如果是三份 22k+ 的工作呢 : 有個同學叫屁蒼 X 職場奇遇記
• 圖論、線性代數、團隊關係 : 從數學的角度切入並觀察團隊關係
• 履歷診斷和優化履歷三步驟 : 職場老鳥必點技能
• 前端面試心得 (2018/11) : KKstream, Oath, MIT jobs 快速面試

軟體工程

• DevOps X 被趕鴨子的前端工程師 : 關於 DevOps 一年體驗與心得
• 雲原生 (Cloud Native) X K8s (Kubernetes) : 初新手概念理解懶人包
• Gitlab CI/CD 教學 : 從零開始快速上手 Runner 與 YAML 設定
• Domain Driven Design X User Story : 淺談從使用者需求走到軟體規格的過程
• Agile Tour Taiwan 2020 心得分享 : 週期圖法、Cynefin Framework、遊戲化框架
• 程式碼品質與重構方法 : 範例與相關概念

雲端服務

• Nginx 管理與監控工具推薦 : Nginx Proxy Manager、Nginx GIXY、GoAccess
• 架設你的網站伺服器 : 架設流程與問題排除
• Google Cloud 技術培訓計畫闖關體驗 : 網站服務架設、Google Assistant、BigQuery 開箱
• Nginx Config 與常用指令教學 : 快速入門網站架設
• AWS lambda vs ec2 vs Azure Web App : 架站服務比較
• 使用 Hexo 架設部落格 : 嗨!前端三分鐘