最新消息

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

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

Feb 12 2019

專案中很常出現按鈕點下跳出 “確認視窗” 的行為,有時候是刪除的警告確認、有時候是資料送出的確認。這些有共同操作行為的 Component 都應該做成共用的元件以方便在各種情況下重複使用, 才不會某 A 做一個版本,某 B 做另一個版本,大家都自己寫自己的造成維護上的困難。 此文章不會詳細列出各項程式碼,如果有興趣可以 clone source code 下來研究研究。 封面圖來源:https://mrdoob.com/lab/javascript/effects/ie6/ 期望...

Jan 25 2019

我大學是讀電子係偏光電類的,雖然都是理工科,但和程式是完全無關的,所以我根本也不會寫程式。 一直從電子系讀到電子所碩士畢業,但我根本就不喜歡當工程師,所以碩士畢業後,就跑到一家銀行當人力派遣領個 22k 的工作 (當時晚上在補英文) 待了 2 年有。後來又去到一家社團法人協會當秘書,是屬於兩岸交流相關的協會,因為有這個機緣,就會時常到大陸出差及開會,也透過這個機會,了解到兩岸對於資訊人才的需求是很大的。 為了公司勞心勞力的工作及加班,但在我的心中很明白,行政這類型的工作,對男生而言,很...

Jan 22 2019

即便是到了 2019 年,每次長途通勤我仍然是飽受行動網路速度不穩定的折磨,特別是每次搭乘臺鐵經過臺北到板橋區間,時有時無的訊號簡直快要把我逼瘋。這時只能夠透過提前下載好的 Netflix 影集、Audible 的有聲書或是 Kindle 來消磨時間,但若手癢拿起手機點開電子報中的文章,緩慢的載入速度還是立刻把人打回現實。 為了帶來更好的體驗,現在大家開始提倡諸如 Accelerated Mobile Pages (AMP)、Progressive Web App (PWA,漸進式網絡應...

Jan 19 2019

最近「台灣共識」很熱門,公司的粉專也分享了 Ruby 版的台灣共識。 我們在公司內部的群組大家其實討論了蠻久,如果只是單純的去實作跟其他語言一樣的內容,不就沒有意義了嗎? 我們之所以會選擇用 Ruby 來當作工作上的工具,就表示他有一些特別的地方吸引我們。 所以,上面用了哪些 Ruby 技巧讓我們一起來分析看看! 先來看一下原始的版本,這是一個可以實際執行的 Ruby 語法。 def Consensus92(countries:, system:) Module.new do