五倍紅寶石・專業程式教育

五倍紅寶石 ・專業程式教育機構

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

如何在 Rails 中使用 Arel SQL

By Lance・7月 21 2020・技術文章
如何在 Rails 中使用 Arel SQL
(Photo by Clio Labs on Medium) 本篇文章主要是在說明如何在 Rails 中 使用 `Arel` 來做資料查詢, 以及解釋為何要使用 Arel 來操作的原因 使用的開發環境設置如下: Rails: `6.0.3` Ruby: `2.7.1` Arel sql......
如何在 Rails 中使用 Arel SQL
前言 在軟體工作中,經常要對文字做處理,例如資料的搜尋、擷取並重組文字、驗證使用者輸入等等,遇到這類與字串有關的問題,依情況使用正規表達式可以免去很多處理上的麻煩,使程式碼更簡單好懂。 這篇文章將帶你用 15 分鐘的時間,透過 MDN文檔 與幾個常見的例子,帶你初步認識並使用這門技術,我們話不多......
十五分鐘認識正規表達式,解決所有文字難題

Tailwind 求上車 - 重構 React component

By おK・6月 30 2020・技術文章
Tailwind 求上車 - 重構 React component
React 是 Facebook 2013 年推出的 Javascript 的框架,這篇文章是針對 React component 的重構,對 React 就不多做介紹。Tailwind 是 2017 年正式發佈的 CSS 框架,提供一堆超基本的 class,例如:`fontbold`、`text......
Tailwind 求上車 - 重構 React component
(Photo by Prateek Katyal on Unsplash) Build a URL Shortener from scratch? 大家應該都曾經因為分享方便、想要追蹤點擊等目的使用過 Bit.ly 或是已關閉的 Goo.gl 網址服務。 自行打造 URL 縮網址小工具,對......
From Serverless to Functionless,不寫 Code 也能打造縮網址服務?

原來 Rails Console 可以這樣用

By 韓政璇・5月 30 2020・技術文章
原來 Rails Console 可以這樣用
(Photo Credit: "Person Standing on Train Rail" by Clayton Cardinalli on Unsplash) 目錄 前言 使用 `reload!` 來重新讀取更改過後的 Code 呼叫 Helper Methods 與發送 HTTP R......
原來 Rails Console 可以這樣用

機器戰警 RuboCop

By 趙子皓・5月 23 2020・技術文章
機器戰警 RuboCop
有聽說過「編輯體例」嗎?拿起你手邊任何一本有經過出版社印製的書來看看,你應該可以發現:同一本書裡,不論是在排版格式上或是翻譯用語和專有名詞上,是有很高的一致性的。舉個簡單的例子,如果書中主角是「彼得」和「瑪莉」,即便編輯自身比較偏愛「彼德」和「瑪麗」的用法,也必須按照出版社要求的編輯體例,將用語統一......
機器戰警 RuboCop
什麼是 Tailwind CSS? 簡單來說 Tailwind CSS 是一套 UtilityFirst CSS,相當具有彈性,也非常適合快速刻板。在 UtilityFirst CSS 之間也算是殺出了一片天。不過這個工具的魅力到底在哪呢?且讓我慢慢說明。 !post-還在跟複雜的 CSS ......
還在跟複雜的 CSS 的設定奮鬥嗎?用 Tailwind 來幫你實現真正的高效整潔!
......