是誰在哈囉? 如何搞定 SPA 與 API Server 的登入驗證

技術文章 By Fred・Jan 4 2020

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

寫隻 rake 讓你一行指令輕鬆跑報表

技術文章 By 吳兆召・Dec 28 2019

什麼是 Rake? Rake 是由大師 Jim Weirich 所開發的任務程式工具,就像是 Ruby 版的 Make,可以用來執行各式任務。 Rake 是以 Ruby 語法編寫任務於 Rakefile 檔案中,並用 command-line interface(CLI)輸入指令 $ rake

新手也可以輕鬆玩轉 SASS - @mixin and @include

技術文章 By Grace Huang・Dec 21 2019

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

如何著手設計你的第一個網站?

技術文章 By Debby・Dec 14 2019

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

透過 amp-access 讓你在 Cache 頁面也能順利保持登入!

技術文章 By Meng-Ying Tsai・Dec 7 2019

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

總覺得自己在工作上不夠稱職?論冒名頂替者症候群所帶來的影響

技術文章 By 韓政璇・Nov 30 2019

(Cover Photo by John Schnobrich on Unsplash) 所謂「半路出家」的工程師 也許以下的故事對你/妳而言似曾相識: 之前沒有程式或相關背景的你/妳,透過自學或參加線上/實體課程,找到了第一份工程師的工作。 到了就職報到的第一天才發現,主管跟同事所...

CI/CD 從零開始 - 使用 CircleCI 部署 Node.JS App 到 GCP App Engine

技術文章 By Mindy・Nov 23 2019

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

VSCode 的奇幻旅程

技術文章 By Vense・Nov 16 2019

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

Hanami - 軌道外的風景

技術文章 By 趙子皓・Nov 9 2019

前言 大家自助旅行時喜歡搭車還是自駕呢?有經驗的旅人會說「看情況」。熱門景點大多交通便利,雖然行程多少會受到路線和班次限制,但整體來說一般還是會因為各種方便,選擇搭乘大眾交通工具吧。那如果是要去比較特別的景點的話呢?或者是雖然是要去四通八達的地方,但帶了一家老小呢?你確定你真的要帶著父母(或...

勇者,成為時間的支配者吧!

專案管理 By Winnie・Nov 2 2019

時間永遠是固定的24小時這麼多,如何掌握在有限的時間內取捨事情的優先順序? PM 手中可能會有多個專案在進行,最有可能遇到的狀況,例如: 你一早進到公司,正打開電腦要回 A 專案客戶的訊息,結果不到兩秒鐘, B 客戶問你能不能開個簡短的視訊會議討論他剛剛新開的 issue,接著 C 客戶突...