最新消息

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

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

Jan 17 2019

跑在瀏覽器上的組合語言?在 ban 了 flash 之後,大家在尋找是否有其他可以在瀏覽器上執行原生程式的方案,又或者只是不想寫 Javascript…Webassembly 這個標準被提出了(以下簡稱 wasm),可以是 C/C++ 這種靜態語言的編譯目標,也就是我們可以把現有的 C/C++ 專案編譯成 wasm,有人就嘗試把 ffmpeg 編譯到瀏覽器上執行,後來 golang 以及 rust 也可以編譯成 wasm ,今天來用 rust 試試看 wasm 吧 基本上這篇我是看著 https...

Jan 12 2019

從雲端開始熱門起來後,為了能能讓提供不同服務的伺服器能夠被自動的偵測,我們在許多雲端相關的工具都會看到 Service Discovery 這個名詞。 不過,除了雲端上的服務能夠透過這樣的機制互相「發現」對方,我們也可以在區網中用類似的方法找到「提供服務」的裝置。 這就要從 mDNS (Multicast DNS) 和 DNS-SD (DNS-based Service Discovery) 開始談起。 概觀 想要可以發現區網的裝置,我們需要先搞懂 mDNS 和 DNS-SD ...

Jan 11 2019

你的技能還不夠讓你實踐夢想嗎?你是否已經找不到當初工作的熱情? 面對… 🚫 產業僵化 🚫 技能不適用 🚫 沒有人脈和資源 改變未來,你有更聰明的方式! 『選擇比努力重要』,你只是選錯了產業! 每天朝九晚五為了公司拼搏,就領著那微薄的薪水? 或是在同個產業待太久,想換換環境卻不知道如何下手? 聽人說找工作要靠人脈,但身為一般上班族,去哪裡認識? 如果你今天是全端工程師… 💰 薪情好 你的起薪是其他行業的高薪!拿行銷產業舉例,三年經驗平均薪資可以到 42,000 算不錯;但以...

Jan 11 2019

這兩個月有點奇幻、有些驚嚇(?),在真正上台之前不斷碎念著自己難以言述的成長,畢竟我在做的事和五倍大多數人在做的不太一樣。 雖然依舊和兩個月前的我一樣不確定未來、有點悶、很難約,但確實可以感受到自己的不同 ─ 抓到輪廓、動手執行。 「實習」之於我 在真正的心得開始前,想先釐清這次去實習的想法及目的。 就和大多數人一樣,在大三下學期瘋狂地找實習,剛開學各大外商銀行、管顧公司開始招募時,我便陷入無比地焦慮…… 到底是自己想找實習,還是被環境逼著去實習 同時,實習的意義、我想從中獲得什...