文章
Analytics
API
Apps Script
Bot
- LIFF v2 基本使用筆記及範例
- LINE Bot：X-Line-Signature 簽名驗證 範例
- LINE Bot：用Google Apps Script，建立簡易網站監測機器人
- LINE Notify：用Google Apps Script，建立簡易網站監測機器人
- Slack通知功能 可互動
- Slack通知功能 純靜態
- Telegram Bot學習筆記-1：用GCP + node.js接收/推播訊息
- Telegram Bot學習筆記-2：用google apps script接收/推播訊息
- Telegram Bot學習筆記-3：鍵盤keyboard
- Telegram Bot學習筆記-4：命令列commands
- Telegram Bot學習筆記-5：取得使用者大頭照
- Telegram Bot學習筆記-6：Google表單提交時收到通知
- Telegram Login Widget，製作用 Telegram 登入功能
- 在網頁上嵌入Telegram 頻道廣播訊息
- 用LINE bot api建立line@圖文選單
- 用line push messaging api推播每日氣象預報
Firebase
Front-End
- Auth0 Universal Login，做一個自己的會員註冊、登入功能
- File API 客製上傳檔案按鈕(input file)
- GitLab Pages，3+2個步驟讓GitLab專案產生靜態頁
- Instagram oEmbed 嵌入 IG 貼文
- IntersectionObserver：上篇-基本介紹及使用
- IntersectionObserver：下篇-實際應用 lazyload、進場效果、無限捲動
- JavaScript載入方式 defer, async
- MacBook 用隨身碟執行 Windows 10：Windows To Go、WinToUSB
- mailto: 點擊連結 開啟寄送email
- Markdown常用語法筆記
- Netlify+Gitlab 建一個免費靜態網站
- OSM + Leaflet 學習筆記1：建地圖、marker、事件、換圖層
- OSM + Leaflet 學習筆記2：移動中心點、抓目前地點
- postMessage 主頁、iframe頁可互相傳值
- Promise, Async, Await 基本使用筆記
- SpeechSynthesisUtterance 讓瀏覽器說話
- TestCafe學習筆記-1：自動化測試會員登入
- TestCafe學習筆記-2：常用設定及功能
- WebSocket 基本介紹及使用筆記
- Word、Excel 合併列印功能使用筆記
- 一些有趣的 CSS 選擇器
- 一個簡單的卡片樣式 simple card ui
- 不會寫程式，也能自己架一個免費網站：Publii + Github pages
- 像Medium的漸近式圖片加載
- 如何使用vivus.js製作輕量快速svg動畫
- 從使用者輸入網址，到瀏覽器呈現出來，經過了哪些過程？
- 拿Trello當資料庫 建一個店家清單：上篇-Trello基本使用
- 滿版圖片背景、影音背景
- 漸層色按鈕hover效果
- 用 CSS :target 製作頁籤、手風琴功能
- 用 Microsoft Clarity 網站分析工具，觀察使用者行為
- 用Google Apps Script寫一個LINE登入功能：上篇 – 前置作業
- 用Google Apps Script寫一個LINE登入功能：下篇 – 三大步驟
- 用Vue.js製作圖片版EDM生成器
- 用原生JavaScript寫一組社群分享按鈕(FB、LINE、Twitter)
- 用原生JS做一個簡單的手風琴Accordion/Collapse功能
- 用原生JS做一個簡單的抽獎功能頁面
- 用純css寫的網頁預覽效果
- 第100篇：起點、轉折、then()
- 製作RWD email 工具：MJML，如何使用及注意事項
- Firebase Authentication 第三方登入 – Google、FB
- Firebase Cloud Firestore 常用功能筆記
- Firebase Cloud Functions 基本使用筆記
- Firebase Dynamic Links Analytics API 取得短網址分析資料
- Firebase Dynamic Links API 做一個自己的縮網址生成器
- Firebase Dynamic Links 從後台建立縮網址
- Firebase Performance使用筆記
- GA：User-ID功能 設定及報表檢視
- GA：啟用Web+APP報表
- GA報表：電子商務 內部宣傳 報表
- GA工具 Google Analytics Debugger 介紹及使用
- GA自訂維度的應用 分類之下的文章成效
- Google Analytics 事件追蹤設定
- Google Analytics 加上 AI
- Google Analytics 用戶計時(User Timings)
- Google Apps Script 基本使用：跨網域AJAX、接Firebase
- Google Apps Script 讀寫 Cloud Firestore 資料
- Google Maps API學習筆記-1：地圖、標記、客製樣式
- Google Maps API學習筆記-2：在地圖上畫個日本結界
- Google Maps API學習筆記-3：用熱圖(Heat map)製作全台12小時雨量分佈圖
- Google Maps API學習筆記-4：place API自動完成地址、地點評論摘要
- Google Maps API學習筆記-5：抓目前位置、計算到各點距離
- Google Maps API學習筆記-6：畫新冠肺炎分佈圖
- Google Material Design 表單標籤效果
- Google Optimize A/B Testing 使用筆記
- Google Sheets 略過空白格重整資料
- Google Top Heavy演算法
- Google表單 用網址改變題目預設值
- Google表單，提交後系統自動寄送回覆通知email
- Google表單，輸入ID後自動帶入其它欄位資料
- Youtube Iframe API 常用功能
- 如何用Google Excel當作資料庫
- 如果頁面有id=”ga”，用gtag埋google analytics會收不到流量
- 完全客製Google表單，美化表單樣式
- 用 Firebase Authentication 做一套簡易會員系統 – 電子郵件 密碼
- 用 GA Spreadsheet Add-on 製作網站訪客人數功能
- 用 GCP 建立 Cloud Functions
- 用 reCAPTCHA v2 來做非機器人驗證
- 用 reCAPTCHA v3 來做非機器人驗證
- 用Firebase、Google Apps Script、GTM自己做一個讚按鈕
- 用Google Apps Script取得Google Excel資料
- 用Google Cloud Platform(GCP)建node.js網站
LINE
Maps
Others
PWA
Telegram
Vue
WordPress
- Ubuntu 安裝 WordPress – 1：VirtualBox、Ubuntu 20.04
- Ubuntu 安裝 WordPress – 2：Webmin、Apache、MySQL、Hosts
- Ubuntu 安裝 WordPress – 3：VM、資料庫權限、PHP、WordPress
- WordPress SEO 有幫助的2個外掛
- WordPress SEO 有幫助的3+4個外掛
- WordPress 基本介紹
- WordPress 好用的會員相關外掛：登入安全性、會員系統
- WordPress：Site Kit by Google介紹及使用
- WordPress：埋Google AdSense廣告
- 如何用 MAMP 在本機安裝 WordPress
- 搭配 WooCommerce 的 2 個好用外掛：客製訂單、客製報表
- 用Auth0在WordPress上做會員註冊、登入功能
- 用原生JavaScript寫一組社群分享按鈕(FB、LINE、Twitter)