WebSocket 基本介紹及使用筆記

本篇大綱:WebSocket前端得懂一點。WebSocket重點心智圖。用 Node.js 建一個簡單的 WebSocket Server。前端連結WebSocket。1 建立WebSocket、2 監聽WebSocket事件、3 client端發訊息給WS Server。

用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的方式啦~

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

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

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

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

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

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

Imgur API:upload, load 上傳、讀取 心得筆記

本篇大綱:註冊Imgur App、生出token、Upload 上傳 程式範例、Load 讀取 程式範例。這篇是從一年前自己寫的github頁面上搬過來的,原本有提供demo連結,但發現被大大們玩太兇了,傳了一些奇怪的圖XD~就決定文章搬到這。

接氣象局api、跨網域ajax資料

本篇大綱:本篇要解決的問題、接氣象局api需要的3個東西 -1 氣象局提供的授權碼 -2 取得要get的url -3 可跨網域取得資料的api -4 補充:只想取得某個區的資料。跨網域get資料 -1 直接用別人寫好的線上功能 -2 自己寫一個後端api,用api去取資料

用 Performance API 檢測檔案讀取時間

上次遇到官網的讀取時間很耗了很久,但從Network也沒看出是哪一支檔案造成的情形。當時一位後端就在問說前端有沒有辦法用js看頁面的效能狀況?今天原本是在查別的資料,一個巧合就看到側邊的推薦文章寫了一個 performance api,在Google大神的指引下,找到了這篇:Performance API