SpeechSynthesisUtterance 讓瀏覽器說話

本篇大綱:瀏覽器本身就可以發音、頁面製作、SpeechSynthesisUtterance、第一坑 拿瀏覽器支援的所有語音、第二坑 調整速度倍率、第三坑 Chrome的Google語音、原始碼、筆記後心得。原本以為照著用,然後用vue.js把參數接一接,馬上就可以完成的,但一接參數就踩坑了。

Markdown常用語法筆記

本篇大綱:愈來愈常用到Markdown了、Markdown編輯器 Typora、標題、內文、文字斜體、粗體、清單、引言、超連結、圖片、圖片加上連結、寫程式碼、行內程式碼。本篇主要是筆記Augustus用Markdown寫文時,最常用到的幾個。

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。

用原生JS做一個簡單的手風琴Accordion/Collapse功能

本篇大綱:從jQuery到原生JS、HTML、CSS、JavaScript、原始碼下載。今年開始在工作時逼自己寫原生的JS(Vanilla JavaScript),今天趁著意外的假日,試著把手風琴用原生JS寫了一個出來。寫完後發現,其實沒幾行就可以完成,也有了一點小小的成就感。

Promise, Async, Await 基本使用筆記

本篇大綱:Promise, Async, Await 真是個好物、Promise使用、Promise polyfill、Async, Await使用、Async, Await polyfill、筆記後心得。Promise, async, await,覺得又是一個前端必學的語法,可以很有效的解決以前遇到的問題。

Google Analytics 用戶計時(User Timings)

本篇大綱:用戶計時(User Timings)功能很少聽到,但很實用、記錄每個區間的比例、記錄每個地區平均的讀取時間、搭配次要維度可再細分、埋User Timings程式碼、完整的埋User Timings程式碼、GA 使用者載入時間 報表、分布情況、訪客分佈圖、筆記後心得、參考資源

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

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

Firebase Performance使用筆記

本篇大綱:建立firebase應用程式,取得firebase config、firebase performance埋code、埋碼standalone || standard、first input delay polyfill library、從network中確認有送資料給firebase、後台報表