最新消息

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

Nov 6 2018

Emacs 入坑引導 - 打造自己的 Ruby IDE - Part 2 前言 我在 Part 1 簡單介紹了 Emacs 入門的基礎知識,包括基本按鍵操作、套件安裝及視窗管理等,熟練 Emacs 需要長期使用經驗的累積,大腦才會慢慢適應,Coding 的速度才會跟上思考。在 Part 2 我將繼續介紹如何透過設定 Emacs 來打造自己的 Ruby IDE 。 何謂 IDE ? IDE 中文名為「整合開發環境」(Integrated Development Environment...

By Mike
看更多
Nov 5 2018

五倍紅寶石請求火力支援!副本太多農不完,懇請各路好手一起組隊打怪。 職稱:Ruby on Rails 工程師 工作內容: 執行實作各種 Ruby on Rails 專案開發 專案客戶主要在日本 / 台灣 / 新加坡等地 前端 Stack 視客戶與專案屬性而定,主要是 jQuery 或 ReactJS(這個是加分項目) 後端 Stack 以 Ruby on Rails 為主 工作地點: 五倍紅寶石台北出礦坑 (228 公園門口附近) 基本技能要求 Ruby on Rails...

By 鄧慕凡
看更多
Oct 25 2018

我發現一件有趣的事,不少開發者朋友都知道 Git 這個工具的重要性,但卻又不會花太多時間去了解它到底是個什麼樣的工具。以工程師的謀生技能來說,Git 不需要像演算法、資料結構或其它程式語言、開發框架要學那麼深入,不少人平日的 Git 操作似乎只要會 add、commit、push、pull,再加上會開分支跟合併就夠用了。在許多公司的職缺列表中,Git 都只是一個「加分條件」,所以就算不會用或不太熟好像也不會影響飯碗。 嗯…的確目前在職場上是這樣沒錯,而且把 Git 當 FTP 用也不能說...

By 高見龍
看更多
Oct 19 2018

最近因為手邊有一個工作以外的專案需要搭配硬體做一些 IoT 類型的應用,雖然之前在五倍紅寶石開發的 Tamashii 系列應用已經足以應對在這個專案上開發所需的解決方案,但是依舊缺少了一些功能。 也就是我們過去並沒有考慮到的,如果裝置是交給一般使用者的狀況下,如何在透過網路的前提將裝置更新。 這是很多硬體都會有的功能,但是就目前而言 Tamashii 並不支援。 經過幾天的調查,發現有一個 Open Source 的專案似乎符合條件。 Mender 的 OTA 伺服器 這個開...

By 蒼時弦也
看更多
Oct 14 2018

需求 在我們幫某個客戶維護的服務當中,需要提供大量即時的數據圖表 (主要是 K 線圖,a.k.a 陰燭圖) 供用戶即時監測數值的變化與走勢。一般來說我們都是使用 JavaScript 的 Charting Library 來幫我們完成圖表繪製與顯示的需求,在現有的網頁中,這早已不是什麼稀奇的需求,依據所需的圖表類型,隨便都能想到約數十種 Library 來達成需求,甚至土炮一點也能完全用 D3.js 從頭刻起。一般來說這些套件大多是透過操作 DOM 或是繪出 SVG 的方式來顯示圖表,比...

By Yusheng Li
看更多
Oct 4 2018

React DnD 使用 HOC 的方式來實作複雜的 Drag and Drop 介面,可以在 Drag Drop Component 之間輕鬆的溝通傳遞資料。 此文章不會詳細列出各項程式碼,如果有興趣可以 clone source code 下來 checkout 研究研究。 1. 先刻出靜態 React Component,並且將每張卡片的資料用 state 管理 class Card extends Component { render() { const { ...

By treekey
看更多
Sep 28 2018

「檔案上傳」是網站開發永遠的課題,充滿各種地雷眉角。Active Storage 是由 Rails 核心團隊開發的原生方案,內建於 Rails 5.2 之後的版本中,提供開發者在處理檔案上傳時的另一個選項。由於還相當年輕,以成熟度來說也許還比不過上傳界的前輩們,但未來的發展依然相當令人期待,甚至老字號的 Paperclip 都已順勢宣布停止維護。 首先你至少需要 Rails 5.2 因為不想從頭重刻,筆者隨便撿了個被放置的 side project 來試玩。這邊花了點時間升級到 Rails...

By 趙子皓
看更多
Sep 25 2018

\[a-zA-z]{3,}|^\D$|^[0-9a-z]*$|^[0-9A-Z]*$\ 相信大家在寫程式的過程當中,一定都曾看到過像上面這種,有點像亂寫的程式碼,有些可能看起來沒那麼複雜,而有些則是長到讓人難以招架,光是看到就讓人頭痛,更不用說去讀懂它了。 事實上,這種程式碼叫做正規表達式(RegExp,Regular Expression),是處理文字非常重要的利器,當你希望規範文字的格式、或者是限制使用者的文字格式時,正規表達式是不可或缺的存在。 文首的表達式是我超級討厭的銀行密...

By Roy
看更多
Sep 14 2018

大家應該都聽過 WebSocket,讓瀏覽器和伺服器兩者之間可以建立持久性的連接,並進行雙向數據傳輸;那 WebRTC 是什麼?比起 WebSocket,WebRTC 可以直接讓瀏覽器跟瀏覽器連線,一開始主要的目的是 Voice/Video conferencing,但是也提供 Data channel 傳送資料,今天就來試玩看看 WebRTC 連線架構 WebSocket 只要打個 Http 到要連線的伺服器,伺服器回覆了 101 Switching Protocols 以及 Upgrade...

By PastLeo
看更多
Sep 7 2018

前言 工欲善其事,必先利其器,出色的工匠都有自己熟練的工具;優秀的碼農都有自己慣用的 Editor。世間 Editor 千百種,Atom、VSCode、Sublime、Notepad++(?)… 等皆是現代碼農之所好。但萬變不離其宗,每個 Editor 都有相似之處,追求的都是更便捷的文字編輯功能,讓程式碼更容易閱讀、修改。選好一個 Editor 是躍升專業碼農的第一步,挑選適合自己的 Editor 就像挑老婆一樣,必須用心陪伴,才能了解其本質與內含,進一步決定能否成為自己一生的伴侶,而...

By Mike
看更多
Sep 6 2018

calc() 是一個 CSS function 作用於屬性設定是數值的時候可以進行加減乘除的運算,例如: 長度、 頻率、 角度、

By Kay (陳曉菁)
看更多
Aug 24 2018

相信大家小時候都學過四則運算。以 Ruby 進行四則運算時,整數的加法、減法、乘法相當單純: > 1 + 2 => 3 > 9 - 2 => 7 > 3 * 2 => 6 為什麼要強調整數呢…因為換成浮點數的話就會混進奇怪的東西 XD > 0.1 + 0.2 => 0.30000000000000004 > 0.3 - 0.1 => 0.19999999999999998 > 0.1 * 0.2 => 0.020000000000000004 簡單來說,由於電腦記憶體有限,浮點...

By 趙子皓
看更多
Aug 17 2018

部署 Rails 你可能會需要用到… 在學習 Rails 部署的路上,你一定聽過 Nginx、 Passenger、 Capistrano 這幾個東西吧?這篇文章會依序介紹這幾個工具特色,以及常見功能! 學習 Rails 部署建議可以參考蒼時的 系列教學文章 它會詳細帶著讀者一步一步在 DigitalOcean 的機器上部署 Rails 專案 部署大概像什麼樣子?大概像下面這張圖吧 遠端伺服器可能是 GCP、AWS、DigitalOcean 這些機器,程式碼倉庫則是 GitHub...

By Johnson
看更多
Aug 3 2018

這是綠界的電子發票介接技術文件:綠界科技股份有限公司 電子發票介接技術文件 根據這份文件,我們可以做的事情有蠻多的,本文只介紹最最基本的功能: 開立發票 查詢發票明細 本文將會從建立一個新的 Rails App 開始,最後實作開發票和查詢發票明細的功能。 建立一個 Rails App 在 console 輸入以下指令: rails new ecpay_invoice_demo cd ecpay_invoice_demo 新增一個開發票的 service 在專案資料夾中的

By 郭佳甯
看更多
Jul 20 2018

The ABC of Rails Engines 本文內容主要參考自 http://guides.rubyonrails.org/engines.html 本文會以下列三個段落來介紹 Rails Engine 的基礎知識及用法 Rails Engine 是什麼? 打造一個 Rails Engine 在主程式中使用 Rails Engine Rails Engine 是什麼? Rails Engine 主要的目的是透過簡單易用的程式介面 (interface) 來提供主程式...

By Alan Chou
看更多