用Google Apps Script寫一個LINE登入功能:下篇 – 三大步驟

本篇大綱:取得LINE登入的三大步驟。1 產出一個讓使用者點擊的LINE網址。2 拿LINE網址回傳的授權碼,呼API取得token。3 拿token呼API取得使用者的公開資料。三大步驟的完整程式碼。參考資源。上篇的「前置作業」都設定完後,本篇要進入程式碼的部份了,程式碼主要是呼API來取得token跟資料。

用Google Apps Script寫一個LINE登入功能:上篇 – 前置作業

本篇大綱:為什麼要LINE登入?為了電子報訂閱人數。LINE登入會拿到的資料。LINE登入並取得資料的三大步驟。前置作業:3個必備事物。LINE Login後台設定部份。如果常來Let’s Write的朋友,又是眼尖的朋友,會發現本站訂閱電子報換成掃QR code的方式啦~

Slack通知功能 可互動

本篇大綱:學了單純發送訊息後,接著我們來學可互動訊息。1 建立一個App。2 開啟App功能。Incoming Webhooks。Interactive Components。3 發送訊息、接收訊息的程式碼。4 實際範例。參考資源。想要有可互動的訊息,我們得自己建立一個App。

Slack通知功能 純靜態

本篇大綱:原來Slack通知還蠻多人用的。純靜態?註冊Slack,跳過。1 開通自動通知功能。1-2 忘記了webhook url?2 發送訊息。3 設定自動發送。4 除了純文字的訊息,還有多種格式。筆記後心得。這篇寫的自動通知,就是單純發送個訊息的,無法跟訊息有互動。

Youtube Iframe API 常用功能

本篇大綱:影片愈來愈重要的這時代,前端會遇到嵌Youtube的相關需求。基本使用:嵌入影片+自動播放。1 html中放一個div,由JS去嵌入。2 html裡直接放個iframe。自製Youtube播放器。監聽Youtube播放狀態。Demo、原始碼。

d3、vue 畫一個台灣地圖

本篇大綱:畫一個台灣地圖需要很多資源的幫忙、畫台灣地圖步驟、下載縣市界線經緯度、SHP轉檔GeoJSON、製作頁面、HTML、引用d3.js、d3.js append svg path、參考資源、原始碼、Demo。本篇紀錄在畫一個台灣的步驟,包含拿資料、轉檔、用d3.js繪製地圖,以及把台灣本島放在區塊中央。

ml5.js 神經網路 開發圖像辨識

本篇大綱:機器學習的JS Library、vue.js抓input file、ml5.js 圖像辨識API、第一個坑 沒等model載完、第二個坑 沒給圖片寬高、補充 關於圖片辨識模組、原始碼。本篇筆記主要寫用vue.js,搭配file API、ml5.js,做一個簡單的圖像識別頁面來玩。

切詞工具結巴Jeiba 優化標籤關鍵字

本篇大綱:切詞功能 幫你找到適合的標籤、結巴 Jieba 基本使用、切詞功能實際應用、參考資料。每篇文章都需要下標籤(tags),有時會不知道要下哪些,或是這個詞是不是大家比較常搜尋的關鍵字。Wordpress會把每個標籤獨立成一頁,所以想把標籤盡量設成跟關鍵字有關,以利SEO。

Telegram Bot學習筆記-5:取得使用者大頭照

本篇大綱:Telegram Bot的大頭照要另外取得、取得使用者大頭照的流程、user_id、file_id、file_path、取得大頭照、完整示範程式碼、參考資源。要拿使用者大頭照,無法單純的只call一個API就取得,實做的結果是用了3個API才成功。

Instagram Embedding 抓iframe高度及3種大小圖片

本篇大綱:嵌入Instagram的方式、IG抓iframe高度API、IG抓3種大小圖片、本篇Demo及原始碼。IG嵌入的方式有提供API,可以用GET的方式取回code,再append到內文中。IG也提供了抓貼文圖片的API,還可以抓出small、medium、large等3種大小。