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

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

從模組化帶你認識 Webpack
Latest Post

從模組化帶你認識 Webpack

By William・7月 20 2021・技術文章

如何自幹一個 Rails Router

By 卡米・12月 21 2018・技術文章
如何自幹一個 Rails Router
本文嘗試觀察 Rails 透過什麼方式來解析輸入的網址,找到對應的 controller action 以及 params,然後自幹一個。 參考資料 Rack 應用程式 尝试理解 ActionDispatch::Routing::RouteSet 由於篇幅的關係,請先花個 1~2 分鐘大......
如何自幹一個 Rails Router

Ruby 探索:Blocks 深入淺出

By Johnson・11月 29 2018・技術文章
Ruby 探索:Blocks 深入淺出
> 圖片作者:Duncan WJ Palmer , > 來源連結 Ruby 探索:Blocks 深入淺出 在學習 Ruby 的過程中,Block 是其中很重要的一環,如果對 Block 有多一點的認識就能更了解一些深奧的 code 到底是什麼意思啦!這篇文章主要是在看完 Metaprog......
Ruby 探索:Blocks 深入淺出

在你的 Rails App 實作 AMP

By Irene Chang・11月 25 2018・技術文章
在你的 Rails App 實作 AMP
AMP 是 Google 在 2016 年 2 月所推出的加速行動網頁(Accelerate Mobile Pages)開源專案,能讓靜態內容網頁快速呈現。 根據 What is AMP,AMP 在運作上由三個部分組成: AMP HTML:基本 HTML 配合 AMP 的規則與屬性,以符合效......
在你的 Rails App 實作 AMP

Git 面試題

By 高見龍・10月 25 2018・技術文章
Git 面試題
我發現一件有趣的事,不少開發者朋友都知道 Git 這個工具的重要性,但卻又不會花太多時間去了解它到底是個什麼樣的工具。以工程師的謀生技能來說,Git 不需要像演算法、資料結構或其它程式語言、開發框架要學那麼深入,不少人平日的 Git 操作似乎只要會 `add`、`commit`、`push`、`p......
Git 面試題

Serverless 與 Node-Canvas 實作動態圖表匯出

By Yusheng Li・10月 14 2018・技術文章
Serverless 與 Node-Canvas 實作動態圖表匯出
需求 在我們幫某個客戶維護的服務當中,需要提供大量即時的數據圖表 (主要是 K 線圖,a.k.a 陰燭圖) 供用戶即時監測數值的變化與走勢。一般來說我們都是使用 JavaScript 的 Charting Library 來幫我們完成圖表繪製與顯示的需求,在現有的網頁中,這早已不是什麼稀奇的需......
Serverless 與 Node-Canvas 實作動態圖表匯出

用 React Drag & Drop 來實作 Trello 拖拉牆

By treekey・10月 4 2018・技術文章
用 React Drag & Drop 來實作 Trello 拖拉牆
React DnD 使用 HOC 的方式來實作複雜的 Drag and Drop 介面,可以在 Drag Drop Component 之間輕鬆的溝通傳遞資料。 此文章不會詳細列出各項程式碼,如果有興趣可以 clone source code 下來 checkout 研究研究。 1. 先......
用 React Drag & Drop 來實作 Trello 拖拉牆

Active Storage 開箱文

By 趙子皓・9月 28 2018・技術文章
Active Storage 開箱文
「檔案上傳」是網站開發永遠的課題,充滿各種地雷眉角。Active Storage 是由 Rails 核心團隊開發的原生方案,內建於 Rails 5.2 之後的版本中,提供開發者在處理檔案上傳時的另一個選項。由於還相當年輕,以成熟度來說也許還比不過上傳界的前輩們,但未來的發展依然相當令人期待,甚至老......
Active Storage 開箱文

動動手來學 Regular Expression 正規表達式

By Roy・9月 25 2018・技術文章
動動手來學 Regular Expression 正規表達式
`\[azAz]{3,}|^\D$|^[09az]$|^[09AZ]$\` 相信大家在寫程式的過程當中,一定都曾看到過像上面這種,有點像亂寫的程式碼,有些可能看起來沒那麼複雜,而有些則是長到讓人難以招架,光是看到就讓人頭痛,更不用說去讀懂它了。 事實上,這種程式碼叫做正規表達式(RegExp,......
動動手來學 Regular Expression 正規表達式
......