在網頁上嵌入Telegram 頻道廣播訊息

本篇大綱:本篇要解決的問題。Post Widget。由分享的 URL 找嵌入碼。關於 Telegram Widgets。把 Telegram 上的廣播訊息給嵌入後,訊息的閱讀數有明顯增加,也開始有人加入。因此就決定分享這篇,希望台灣用 Telegram 的人可以再多一點。

Vue CLI 安裝 Tailwind CSS

本篇大綱:本篇要解決的問題。安裝 Tailwind CSS -none、minimal、full。postcss.config.js。Google 了一下後,在 npm 上發現有一個套件可以直接安裝,而且容易上手,就整理成這篇。

OSM + Leaflet 學習筆記1:建地圖、marker、事件、換圖層

本篇大綱:本篇要解決的問題。請求地點,建立地圖。放置 Marker。Map 點擊事件。zoom in, zoom out。改變地圖樣式 Layer。本篇 Demo 及原始碼。Google Maps 好用,但過了一定的額度會收費,當時就有人留言問說免費地圖的事,有留上了心。

Google Sheets 略過空白格重整資料

本篇大綱:本篇要解決的問題。新增 Google 試算表、指令碼編輯器。程式碼:onEdit。測試結果。彩蛋:可以指定不同的試算表。前幾天有朋友問說,能不能在 Excel 上,跳過空白儲存格,重整一份資料?身為一位前端工程師,Excel 公式不會,難道不能寫程式解決嗎!?

Word、Excel 合併列印功能使用筆記

本篇大綱:本篇要解決的問題。工程師角度介紹合併列印。製作 Excel 檔。製作 Word。合併列印功能、啟用合併列印、選取收件者、插入合併欄位、完成合併。篩選功能。範例檔案下載。

Google Optimize A/B Testing 使用筆記

本篇大綱:本篇要解決的問題。選用 A/B 版本測試。設定 A/B 版。要執行測試的網址規則。連結 GA 並設定目標。埋程式碼。執行測試。結果報表。最近想對本站的右側版面做些排列上的修改,很好奇「請喝咖啡」的區塊移上去,是不是成效會比較好?

LIFF v2 基本使用筆記及範例

本篇大綱:本篇要解決的問題。建立 LIFF。LIFF init。取得基本環境資訊。登入、登出。取得使用者資料。傳訊息。連結。打開 QR Code 掃描器。關閉 LIFF。LIFF 轉成公開。範例、原始碼。

用 GCP 建立 Cloud Functions

本篇大綱:本篇要解決的問題。建立 Functions。測試 Functions。刪除 Functions。GCP 上也有建立 Cloud Functions 的服務,而且還有介面可以操作,對於建立、測試、刪除這些基本步驟,相較於 Firebase 要下命令,更為簡便。