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種大小。

File API 客製上傳檔案按鈕(input file)

本篇大綱:客製上傳檔案input html 部份、客製上傳檔案input js 部份、示範頁面。最近朋友遇到一個需求,就是要客製上傳檔案的按鈕。覺得寫成一篇,然後把code存起來,以後要用比較好找。可以看到input的id,跟label的for,兩個值要是相同的,這樣就可以把label跟input綁起來。

Telegram Bot學習筆記-4:命令列commands

本篇大綱:commands 代替選單的快速功能表、關於commands、建立telegram bot commands、收到commands後。telegram keyboard的建立比較麻煩,如果說機器人的功能很少,或是不需要到第二層選單,用commands是比較快的。

Telegram Bot學習筆記-3:鍵盤keyboard

本篇大綱:機器人選單/鍵盤 = 網頁導覽列、keyboard 格式、ReplyKeyboard、InlineKeyboard、callback_data、第二層選單editMessageReply、ReplyKeyboardRemove、ForceReply