大家好，新年快樂！對於現代 web 開發框架來說，登入驗證幾乎都有成熟的 library 可以使用，例如 Rails 可以搭配 Devise gem 快速的搭建一個會員登入的系統。但是如果在前後端分離的單頁式網頁（Single Page Application ，以下簡稱 SPA）上，該怎麼跟後端......

什麼是 Rake？ Rake 是由大師 Jim Weirich 所開發的任務程式工具，就像是 Ruby 版的 Make，可以用來執行各式任務。 Rake 是以 Ruby 語法編寫任務於 `Rakefile` 檔案中，並用 commandline interface（CLI）輸入指令 `$ ra......

SASS (Syntactically Awesome Stylesheet) 是一種預處理語言 (preprocessing language)，透過 SASS 可以更有效、更結構化的產生 CSS，並有助於減少撰寫重複的樣式，讓你的 CSS 更易於維護。今天要跟大家分享的是 SASS 的 @mix......

前言 這篇文章主要是提供給初學網站設計或由平面設計轉網站設計新手的文章。 我將分享我在設計網站的過程，希望可以幫助新手在開始進行時不至於毫無頭緒。 另外，不管你是新手設計或是已經入行一陣子的設計師，在設計的領域上每個人獲得靈感的方式、設計流程都不同，這邊分享其中一個方式，提供你作為參考，期......

（範例會以 Rails 來實作，登入的部分使用 devise 套件為例） 前言 不知不覺來到了 2019 年末。從 2016 年到現在，AMP 也越發成熟完整（但我怎麼還是覺得 bug 還是有點多w），有很多實用的 components 也有豐富的範例可以參考。如果想要大大地提升網站在手機上......

所謂「半路出家」的工程師 也許以下的故事對你／妳而言似曾相識： > 之前沒有程式或相關背景的你／妳，透過自學或參加線上／實體課程，找到了第一份工程師的工作。 > > 到了就職報到的第一天才發現，主管跟同事所說的話怎麼都聽不懂；好像當初所學的，其實對於工作情境而言根本就不夠用。過了幾天，把主管交......

身處在講求效率的時代，完整的開發流程當然少不了 CI/CD。什麼是 CI/CD 呢？CI（Continuous integration）中文為「持續性整合」，目的是讓專案能夠在每一次的變動中都能通過一些檢驗來確保專案品質。 CD（Continuous Deployment）中文則為「自動化佈署」，......

前言 「工欲善其事，必先利其器」，通常看到這個開頭，就知道今天要來介紹工具。在寫程式時，大家通常習慣的 Editor 是哪些呢? Vim、Emacs、Atom、Sublime、VSCode、記事本。而上述的 Editor 中，最廣為人知的就是被譽為「編輯器之神」的 Vim 和被譽為「神之編輯器......