最新消息

關於五倍還有更多你可以發掘的,都在這邊說給你知!

May 25 2019

大家好,今天要跟大家介紹我的瀏覽器會圖片辨識,一個瀏覽器套件(Chrome Extension)與圖片辨識(OCR API)結合的故事。OCR 是 Optical Character Recognition 的簡稱,簡單說就是圖片辨識的技術,主要目標是可以辨識圖片上的文字,我們的目標是瀏覽器會圖片辨識,讓我們可以將當前畫面上的文字複製出來,這邊的想像是,瀏覽器打開圖片後點選瀏覽器套件,接著圖片上的文字出現在我們的套件上,就可以將文字複製到別的地方了,所以做一個 Chrome Extension...

May 18 2019

「我不是本科生,適合寫程式嗎?」這樣的討論,是每個轉職工程師的人心中,一定曾冒出來的問題。 其實像這樣非黑即白、非敵即友、非 true 即 false 的二分法命題很容易討論,也很容易討戰,特別是文人相輕,自古皆然,誰也不想自己學的專業被批得一文不值,所以只要立場不一樣很快就能戰起來。戰起來倒也不是壞事,只是到最後可能容易淪為戰文而失焦… 啊,扯遠了。 很多學生,或是在網路上很多人會敲我,問我說「現在還適合轉職工程師嗎?會不會太晚?我適合嗎?」坦白說,這些回應都應該要「個案回答」,但成...

May 6 2019

接觸過設計或前端開發的人對 Hex Color Codes 應該都不陌生,只是大家更熟悉的名稱是 十六進位色碼標示法,例如 #ffffff 代表白色、#333 則是深灰色。但你知道如何把 #333 變成更淺的灰色嗎?Pantone 2019 年度代表色 Living Coral 的 #FF6F61 是怎麼來的?十六進位與六位數的色碼又是什麼關係? 「複製貼上就好了啊!Photoshop 檢色器打開點一點就有了,像是 HSL Color Picker 的工具在網路上也有很多,為什麼要了解那...

May 4 2019

台灣又即將進入選舉的時節,看著政治人物不做正事忙著在跑選舉行程,大家是否也跟我一樣有很強烈的亡國感呢?不過沒有關係,不要讓負面情緒影響我們的心態,今天就讓我們用 Redis 搭配 ActionCable 來做一個即時計票顯示吧! Why Redis? Redis 是一個 in-memory 的 key-value database,時常被使用在需要快取的場合,以減輕後端資料庫的壓力。在選舉計票的時候,統計數據更新的頻率會相當頻繁,因此 Redis 便成為一個非常好的資料庫選項。

Apr 27 2019

使用 VuePress 來做個俄羅斯方塊攻略 大家好,我是卡米哥。今天要教大家怎麼用 VuePress 來做這個俄羅斯方塊攻略網站:https://etrex.tw/Vuepress-Demo/。 本篇文章架構如下: VuePress 簡介 Markdown 簡介 VuePress 安裝 VuePress 試用 Markdown-It 簡介 Markdown-It-Plugin 簡介 Markdown-It-Tetris 在 VuePress 安裝 Markdown-It-Tetris

Apr 20 2019

圖片作者:Julius Silver, 圖片來源連結 如果你曾經看過 Docker 相關的文章,對 Docker 有點認識但又不是太熟,需要找個主題來實作看看,那這篇文章就是為你準備的!我們將透過 Docker 部署一個 Rails 應用到 DigitalOcean 平台上,本文會一步一步介紹部署的過程。 目錄 Docker 基本介紹 Docker 三大元素 設定檔 常用指令 實戰演練 步驟0: 簡單開一個 Rails 專案 步驟1: 開始加入 Docker 步驟2...

Apr 6 2019

我覺得取密碼已經是現在網路時代很讓人困擾的事情之一,特別是現在各種不同網站對密碼的要求不一樣(其實我很希望各網站不只是設新密碼的時候會顯示要符合的密碼規則,登入的時候可以也顯示一下嗎QQ)或者是要求使用者要定期換密碼最後常常造成防堵了密碼被盜也防堵了使用者登入自己的帳戶。 為了好記而取簡單的密碼讓人不放心( ex.# ji32k7au4a83 ) ,但是就算我取了強度夠的密碼如果網站的安全性不夠密碼根本沒幫我加密好像也只是增加我輸入密碼的時間,比方說曾經收過某知名英文學習網站直接把密碼明...

Mar 30 2019

相信大家平常都有在寫測試吧?咦沒有嗎?!俗話說有寫有保祐,如果還不知道怎麼入門的話,可以參考同事寫的這篇《為你自己學 Ruby on Rails:寫測試讓你更有信心》。不過呢,今天要業配的不是書中範例使用的 RSpec,而是華文圈較少有人著墨的 minitest。 Minitest, Test Unit 傻傻分不清楚? 會混淆也是理所當然的!以大部分人熟悉的 Rails 來說,在不做任何設定修改的預設狀態下,執行 generator,會看到類似以下的結果: https://imgur...

Mar 23 2019

當使用者進到自家網站時,想知道使用者是點擊哪個商品按鈕?或是讓使用者透過按鈕去分享,該如何知道分享按鈕是被點擊幾次呢?電商網站最常見的就是加入購物車、收藏清單、註冊會員、FB登入等等行為,可以藉由 Google Analytics 去分析網站的訪客行為,這些按鍵點擊我們稱為「事件」,一起來透過 GTM 將這些「事件」傳送到 GA 分析吧! 追蹤網頁按鈕點擊 GTM 實戰教學 直接登入 GTM 開始吧 ! GO https://tagmanager.google.com/?hl=zh-tw

Mar 16 2019

最近很火紅的第一人稱射擊吃雞類型遊戲「Apex Legends」上市8小時內同時在線玩家人數突破100萬人(筆者也是其中之一),這款遊戲和 Ruby 能擦出什麼樣的火花呢?在本文中我們將嘗試使用 Ruby 搭配玩家間熱門的語音通訊社群軟體 Discord 製作聊天機器人再透過 API 獲取玩家於遊戲中的相關戰績資訊。該透過哪些步驟快速製作我們的聊天機器人呢?讓我們接下去看看吧! 前置作業 假設你已經安裝好了程式語言 Ruby(如果沒有安裝的請到官方網站根據自己所使用的 OS 安裝 Ruby

Mar 3 2019

在三大主流前端框架中,最年輕的 Vue 無疑是個爆發力最強的一個,尤其是容易上手且中文資源多,對於很多人來說 Vue 是踏入前端框架的首選。Rails 自 3.1 版使用 jQuery 並且搭配 Asset pipeline 來打包前端資源已經好一段時間,在這個前端爆炸的年代這個組合已經略顯不足,直到 Rails 5.1 開始引入了 webpack 並且可搭配 yarn 做前端套件管理後,大大的提升 Rails 對現代前端框架支援的友善度! 本篇將會以一個搞不懂前端生態(誤) 的 Rails...

Feb 27 2019

隨著數位人才的需求逐年攀升,「工程師」也成為許多人心中嚮往的職涯選項與轉職目標,各式各樣「程式學習」資源也正在蓬勃發展。無論線上或實體課程、免費或付費教學,開始「學寫程式」的人數正在快速成長中。 然而「找到最適合自己的學習方式」可以說是程式學習路上最重要,也是最先要面對的課題之一。畢業於歷史系的小雅,從一個完全沒有程式開發經驗的初心者,到現在成為負責網站開發的專業後端工程師,這趟轉職歷程的起點,就是從五倍紅寶石的課程開始。 接觸程式的契機 是為了能更有效的溝通 小雅過去從事數位行銷,...

Feb 23 2019

前往寫程式之前,電腦的配備該如何選? 寫程式電腦需要很高階嗎? 對於電腦不熟悉的使用者,寫程式最重要的就是電腦的記憶體大小 電腦 4G 記憶體雖然可以動,但是上課會開到瀏覽器以及其他應用程式,很容易不夠用,會變得很慢,容易影響到上課進度。 建議選擇 8G 記憶體起步,並且安裝 64 位元的 Windows 系統,選擇一般電腦作業系統至少 windows 7 或 window 10 
以上! 你的電腦是 Mac 電腦的話,記憶體至少 8G 以上型號都可以! Windows or Mac...

Feb 19 2019

「在飯店上班時,看到外籍的工程師坐在吧台寫程式、遠端工作,當時就在想,我是否有一天也可以做得到?」 我是一個後端工程師,在成為後端工程師之前,我做的是 bartender, 在服務業待了接近六年的時間。 有些人會說:「你應該大學就是資訊相關科系吧~」其實,我大學原本唸的是德文,甚至因為家庭因素,大一唸完就休學去工作;後來下定決心轉職後,從初次接觸程式,到找到工作,前後大約是一年的時間。 轉職之前,我在飯店業工作了滿長一段時間, 那時候看主管們的生活就大概可以想像未來的發展,如果一直...

Feb 15 2019

這篇文章要討論的是 XML 格式的 sitemap,而不是有時在一些網站上會看到的『網站地圖』頁面內容(HTML sitemap),而 XML sitemap 內的 URL 資訊以及附帶的 metadata 主要功能在於幫助搜尋引擎暸解一個網站內的連結以及所對應的頁面的一些額外資訊(如:最後修改時間、修改頻率…等)。 最基本的內容大概會像下方範例。當中可以發現 tag 裡除了 為必要的資訊外其他都可以選擇性填入。而目前支援 standard sitemap protocol