不可不知的流量追蹤術!Google Analytic 追蹤碼及 Facebook Pixel 攻略

技術文章 By Mika・Jul 27 2019

一個網站核心除了網頁架構和 SEO 策略規劃外,最重要就是為網站埋設追蹤碼,埋設追蹤碼更可以知道網站的策略方向以及統計分析進入網站的流量,更精準的瞭解網站受眾輪廓樣貌,進而優化後續的頁面,本文提供給你目前必備 GA 和 FB 埋設追蹤碼方式,輕鬆 6 步驟讓你完成埋設兩大追蹤碼動作!並提供如何...

ngrok 不求人:自己搭一個窮人版的 ngrok 服務

技術文章 By Fred・Jul 20 2019

在開發聊天機器人的過程中,可以透過 ngrok 這個服務來快速測試我們在開發中的本地程式碼,本篇文章將介紹如何用 nginx + ssh reverse tunnel 來自己架設一個窮人版的偽 ngrok,並且研究一下其中的原理。 ngrok 服務簡介 (圖片來源: ngrok 官網)

我把資料庫放到 Google Sheets 上了

技術文章 By 卡米・Jul 13 2019

大家好,我是卡米哥。今天要教大家怎麼用 Google Sheets 存放資料並且在 rails 當中使用。 在本次的教學中,我們主要的需求是想要直接以 Google Sheets 作為後台,來取代 rails 原本的資料庫以及需要自己寫的管理介面。 使用 Google Sheets 作為後...

與你每天擦身而過的 Enumerator

技術文章 By DC・Jul 6 2019

在 Ruby/Rails 開發日常中總少不了對集合物件(例如 hash 與 array)做 iteration(迭代)操作,常見的包含 select, count, filter …等。例如當我們想從一個 array 中有條件式選取一些元素,可能會這樣寫: arr = [1, 2, 3] arr

整合 reCAPTCHA 到你的專案上,搭配 rails、devise

技術文章 By Treekey・Jun 22 2019

reCAPTCHA 是 Google 在 2009年收購一家叫 CAPTCHA 的公司,其服務的目的是為了辨認機器人與防止廣告垃圾訊息氾濫。 reCAPTCHA 問題的所需的文字圖片,首先會由 reCAPTCHA 計畫網站利用 Javascript API 取得,在終端使用者回答問題後,伺服...

RubyConf Taiwan 2019 會前議程搶先看

技術文章 By 鄧慕凡・Jun 1 2019

大家好,一年(其實是 16 個月)一度的 RubyConf Taiwan 2019 即將在兩個月後的 7.26 - 27 日於張榮發國際會議中心召開,作為活動的主辦人與議程委員,在此想跟大家介紹一下本次大會的主題。 Keynote: 今年一共有 4 場 Keynote,講者分別是 Matz...

我的瀏覽器會圖片辨識

技術文章 By Cindy・May 25 2019

大家好,今天要跟大家介紹我的瀏覽器會圖片辨識,一個瀏覽器套件(Chrome Extension)與圖片辨識(OCR API)結合的故事。OCR 是 Optical Character Recognition 的簡稱,簡單說就是圖片辨識的技術,主要目標是可以辨識圖片上的文字,我們的目標是瀏覽器會...

別再只會複製貼上!帶你真正搞懂 Hex Color Codes

技術文章 By Irene Chang・May 6 2019

接觸過設計或前端開發的人對 Hex Color Codes 應該都不陌生,只是大家更熟悉的名稱是 十六進位色碼標示法,例如 #ffffff 代表白色、#333 則是深灰色。但你知道如何把 #333 變成更淺的灰色嗎?Pantone 2019 年度代表色 Living Coral 的 #FF6F61

利用 Redis 打造選舉即時票數排行

技術文章 By Roy・May 4 2019

台灣又即將進入選舉的時節,看著政治人物不做正事忙著在跑選舉行程,大家是否也跟我一樣有很強烈的亡國感呢?不過沒有關係,不要讓負面情緒影響我們的心態,今天就讓我們用 Redis 搭配 ActionCable 來做一個即時計票顯示吧! Why Redis? Redis 是一個 in-memory...

使用 VuePress 來做個俄羅斯方塊攻略

技術文章 By 卡米・Apr 27 2019

使用 VuePress 來做個俄羅斯方塊攻略 大家好,我是卡米哥。今天要教大家怎麼用 VuePress 來做這個俄羅斯方塊攻略網站:https://etrex.tw/Vuepress-Demo/。 本篇文章架構如下: VuePress 簡介 Markdown 簡介 VuePress 安...