PTT新貼文提醒、單字蒐集 Chrome 擴充套件?一同窺探有哪些強大的 API 可以使用

技術文章 By PastLeo・Aug 4 2020

大家是否有在使用瀏覽器『擴充套件』呢?筆者已經使用 uBlock 這款開源的廣告阻擋器多年囉,但是一直以來都不知道瀏覽器擴充套件是如何製作以及其可取用的 API 為何,前陣子花了點時間研究一下,才發現在 Chrome/Chromium 上開發擴充套件竟然是如此的簡單,而且可取用的 API 跟在...

開發不難,會 Debug 就好!如何靈活運用 Chrome DevTools 來開發網站

技術文章 By Apa yu・Jul 28 2020

(Photo by Apa yu) 前言 隨著網路技術的發展,前端應用已經是網頁開發不可或缺的一塊,隨手打開一個網站,隨處都可以看到互動元素,從大至首頁炫炮華麗的 JavaScript 特效,小到輸入資料出現的驗證訊息,甚至是早些年代最愛用的跑馬燈(不要問我什麼是跑馬燈),或是近幾年熱門的...

如何在 Rails 中使用 Arel SQL

技術文章 By Lance・Jul 21 2020

(Photo by Clio Labs on Medium) 本篇文章主要是在說明如何在 Rails 中 使用 Arel 來做資料查詢, 以及解釋為何要使用 Arel 來操作的原因 使用的開發環境設置如下: Rails: 6.0.3 Ruby: 2.7.1 Arel sql Arel

十五分鐘認識正規表達式,解決所有文字難題

技術文章 By Jerry・Jul 14 2020

前言 在軟體工作中,經常要對文字做處理,例如資料的搜尋、擷取並重組文字、驗證使用者輸入等等,遇到這類與字串有關的問題,依情況使用正規表達式可以免去很多處理上的麻煩,使程式碼更簡單好懂。 這篇文章將帶你用 15 分鐘的時間,透過 MDN文檔 與幾個常見的例子,帶你初步認識並使用這門技術,我們話...

Tailwind 求上車 - 重構 React component

技術文章 By おK・Jun 30 2020

React 是 Facebook 2013 年推出的 Javascript 的框架,這篇文章是針對 React component 的重構,對 React 就不多做介紹。Tailwind 是 2017 年正式發佈的 CSS 框架,提供一堆超基本的 class,例如:font-bold、text...

From Serverless to Functionless,不寫 Code 也能打造縮網址服務?

技術文章 By Yusheng Li・Jun 16 2020

(Photo by Prateek Katyal on Unsplash) Build a URL Shortener from scratch? 大家應該都曾經因為分享方便、想要追蹤點擊等目的使用過 Bit.ly 或是已關閉的 Goo.gl 網址服務。 自行打造 URL 縮網址小工具,...

原來 Rails Console 可以這樣用

技術文章 By 韓政璇・May 30 2020

(Photo Credit: “Person Standing on Train Rail” by Clayton Cardinalli on Unsplash) 目錄 前言 使用 reload! 來重新讀取更改過後的 Code 呼叫 Helper Methods 與發送 HTTP Request...

機器戰警 RuboCop

技術文章 By 趙子皓・May 23 2020

有聽說過「編輯體例」嗎?拿起你手邊任何一本有經過出版社印製的書來看看,你應該可以發現:同一本書裡,不論是在排版格式上或是翻譯用語和專有名詞上,是有很高的一致性的。舉個簡單的例子,如果書中主角是「彼得」和「瑪莉」,即便編輯自身比較偏愛「彼德」和「瑪麗」的用法,也必須按照出版社要求的編輯體例,將用...

綠界金流與 Rails 整合指南

技術文章 By 慕凡・May 16 2020

前言 當我們在台灣製作本地使用的電商或是網路服務需要收費時,綠界(Ecpay)會是一個我們時常提到的名字,由於筆者在近期的工作中時常需要整合綠界金流的服務,又發現在國內 Ruby / Rails 圈比較缺乏對相關整合的介紹文章,因此編寫本文給需要的人參考。 本文涉及的綠界服務 綠界一般...

超神奇!Ruby 容器不用停也能找出記憶體問題!

技術文章 By 蒼時弦也・May 9 2020

從去年開始跟朋友營運的 Open Unlight 遊戲專案在前幾個月觀察到疑似記憶體洩漏(Memory Leak)的現象,不過因為這是一個相對龐大的開源專案也因此不是那麼容易的去進行調整跟修正。 剛好最近參加了 TGONext 能跟許多優秀的工程師討論就在 Slack 群組提出來討論,才知道...