FB 社團爬蟲實作範例﹍使用 Node.js 操作 Puppeteer
![FB 社團爬蟲實作範例﹍使用 Node.js 操作 Puppeteer](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDF-O5Zb__A5nqgot24GhUqvEk10CuzHDiIYN6G0q2sgzrT5d6yx9BJYgo7RwsB2sjpbfXMW7ggk1pkn8Yp0obB7MkDbFGPHfZtVGgHUO0JI1B6O_g0G8edjCVOun49C9fJ7RDDhR150ir5v8NciXnbNQnC92XI1kD2mLc7Ez0Q-yni3JLaOivKEAfvtD9/s1600/fb-group-scraper-nodejs-puppeteer.jpg)
過去取得 Facebook 社團貼文的方法為「 訂閱FB社團通知郵件 」,然後利用 Gmail 設定關鍵字篩選,挑出真正需要的貼文內容,整個優化流程記錄在「 操作 Google Apps Script 定時過濾 FB 社團郵件通知 」。 不過這套流程最近碰了壁,不知為何 Fac...
繼續閱讀全文如何使用 Node.js 播放 mp3 聲音檔(作為提醒音效)?
![如何使用 Node.js 播放 mp3 聲音檔(作為提醒音效)?](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwNFiz62W5Qk97_IJ4Rt_r11Cf0sPnaKa-XqkW5yXN-RbO7wSelW456i5S3PEcJiGeTGRNXeqi3RFAZUWEZySNqTXzhQ8JIioqSYds_BUk4HV3-vsV0LrFlXPzGRIMuxU4S9bLApbprjkzEGXEGlYP9VrIp1CM1OGIMYaGcCz9ao2Yjy2yb7fB11rAvg/s1600/node-js-play-mp3.jpg)
原本認為 Node.js 播放 mp3 音效是很簡單的一件事,畢竟在瀏覽器連寫 js 都不需要,HTML5 內建的 Audio 就能播放各種音檔。然而安裝了一大堆 Node.js 模組後卻都不成功,不知道問題出在哪。 Google 找答案的過程發現,很多人無法理解為何有這樣的需...
繼續閱讀全文使用 Node.js 操作 Google Sheets API 讀寫試算表資料庫
![使用 Node.js 操作 Google Sheets API 讀寫試算表資料庫](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOj_IbfE5xLVYmxY9PYbotW_Z2LsUL9JsrezAKXG5kfadtvAXMNmfI98C0nyqDkkynstb47S32LuBzbCkl9VATu2UpnHzs12yJum7MUh_dgDCvuA2WeSLVsDummmlSOPjjQoP6vEUjmsReE8Fxx6GEmi8ZWAv04blkv1DUe1ijCrqs642SpXqCCjViaw/s1600/nodejs-google-sheets-api-read-writ.jpg)
過去一向使用 Google Apps Script(簡稱GAS) 存取 Google 試算表,可參考系列文章「 用 GAS 操作試算表 」,且「 操作 Google Sheets API 讀取 Google 試算表 」也說明過, Sheets API 無法對資料進行篩選、搜尋,所...
繼續閱讀全文使用 Node.js 爬蟲定期抓網頁資料,結合 Google 試算表作為資料庫
![使用 Node.js 爬蟲定期抓網頁資料,結合 Google 試算表作為資料庫](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEwN_P30nde6yoDJSviXigYZwhoF6WLfliWxNdzL5euCVkwo-_itnIfEPtGxKemvszfTc1cIo89zzW3D1fCMREkdxX69Y431Sz8elr90VeH_mdGJHGYR5fP0P38Wq5Lek-eg-zYu2R9fOPDsEbJ3FS-YqTmphkGrjMrkwWZR6BNauXLbmBTzFLuu5lDw/s1600/node.js.crawler.periodical.jpg=s800-rw)
上一篇「 Node.js 爬蟲開發新手技巧﹍Google Apps Script 替代品 」說明了為何我選擇 Node.js 作為爬蟲程式,並搭配 Google 試算表這個免費雲端資料庫,只要學會 Javascript 就能通吃「前端+後端+資料庫」,非常方便好上手。 閱讀本篇...
繼續閱讀全文Node.js 模組安裝完卻無法引用的最佳解法
![Node.js 模組安裝完卻無法引用的最佳解法](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj56ydj_ijo8-6o9fvNUUeOkTYWIyjo0sCSKPnOOsfWpfaIWgRkilf_7appn3wuGMBbIustmz3oLyIl1znRo7ELn23mHZJSHtF4icJJdZs9oFNFVTJN6STG1f1jd9YDif9bStv8JVKQ65XHfA9kp-HYXvVwyGz29PgYme1fmej3FVON65R4gUu9Wm4KDA/s1600/nodejs-module-not-found.jpg)
寫完前一篇「 Node.js 爬蟲開發新手技巧 」後發現,在不同的資料夾執行程式碼,有的可以正常執行,有的會報錯「Cannot find module 'xxxxx'」表示找不到第三方模組。 研究後才發現,Node.js 讀取第三方模組有其 SOP,若在系統預設...
繼續閱讀全文Node.js 爬蟲開發新手技巧﹍Google Apps Script 替代品
![Node.js 爬蟲開發新手技巧﹍Google Apps Script 替代品](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMLTLDvvI5m8OA-ZyyMHXVSHUe45bhCM6hu1Zh3uP-_fJ8g1SsTkmMHAzSV4UKoMeL87hgk4znqKUbSn7t4rdnkzA0MKdoBgTO0eM2VpBOpVB2Ka7o_pTG4CFnlt7sGwTI07BcRIWpmV97R5PBb3sCfly2-lhR_LPcNbOGDJuf3LV_O9HL3HgsNCk-gQ/s1600/nodejs.jpg)
過去一直使用「 Google Apps Script 製作網頁爬蟲程式 」,並配合「 Google 試算表做為資料庫 」,基本上不但免費、可應付大多數的需求,同時 Google 試算表還很強大,操作起來不但方便,只要能上網的地方就可使用,省下雲端同步的麻煩,比 Excel 方便太...
繼續閱讀全文Sublime Text 檢測 JS 最佳工具 ESLint﹍安裝 + 設定技巧
![Sublime Text 檢測 JS 最佳工具 ESLint﹍安裝 + 設定技巧](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTFSKWQStGYJkflClGEPiMDI8t9nimHhWvQjLLZemo3XIt3LDp32STReCl5eNywOzuCoz8dCcagccwYt-GQBX_OkamQmXsjkXhj1Vb3efQmtLhi2FZZfw9X24ojFCdhqCK0NeulKGuNIuW/s0/sublime-text-js-syntax-linter-eslint.jpg)
一直以來使用 Sublime Text 3(簡稱 ST3)檢查 Javascript 錯誤的工具是「 JSHint Gutter 」,優點為執行快速、圖形介面操作友善、自訂參數完善,沒想過有可能要放棄他的一天。 基於網路環境所發展的技術實在進展太快,也可說是變化...
繼續閱讀全文Google Apps Script 網頁爬蟲麻煩事交給 Cheerio 解決,輕鬆解析 HTML 與 XML
![Google Apps Script 網頁爬蟲麻煩事交給 Cheerio 解決,輕鬆解析 HTML 與 XML](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyialvTiA-iZLv_QIvK-zq5WPUdiKsSNd20NHZufLwGFf_iZW3R0M4phR2VH8_FIumhB0o4o8v1Yv9lU2zGRtk-2ekbrDG-IVdJFm6_fQ_hxJtkOvR3ZOHS3cioJMNkd5Ji2BB9UgMcqEp/s1600/google-apps-script-parse-html-cheerio.jpg)
之前用 Google Apps Script(簡稱 GAS)製作網頁爬蟲程式,為了解析 HTML 與 XML 分別寫了兩篇心得: Google Apps Script 爬網頁資料,解析 HTML 及操作 DOM 的技巧 Google Apps Script 使用 XmlSe...
繼續閱讀全文利用 Chrome 對 iOS 裝置進行除錯(iPhone、iPad)的絕佳方案
![利用 Chrome 對 iOS 裝置進行除錯(iPhone、iPad)的絕佳方案](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_BU5l1f9r0vUjwyU3Np7u2oc9Hx6dG4M1x4ngv7mx1iITAnqmYTu2Q543bi-dfg8qYo40-h3qGaj0FADLHGfNJXSQt0rZjmm6T0oAUuIJtkLhbwnTT23Chm49yPfLmW3dL8acfkT0VkPJ/s1600/chrome-ios-device-debug-tool.jpg)
前端開發非常頭痛的是,除了跨瀏覽器的問題,各種行動裝置的效果也可能不一樣。其中最麻煩的,算是針對蘋果 iOS 裝置進行偵錯 debug。 資本夠粗的話最好,各種蘋果筆電、平板、手機都買上一台。但 iPhone、iPad 的問題是,就算硬體有了,debug 流程也沒有 Wind...
繼續閱讀全文