最新消息

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

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
看更多
Jul 13 2018

Proc是甚麼可以吃嗎 雖然主題是Proc但是….. 先別管proc了,你有聽過block嗎? Block 簡單的說就是do…end或是{ …. }這種東西 #block1號 [1,2,3].each do |i| p i end #block2號 [1,2,3].each { |i| p i } 上面那兩種是一模一樣的東西,但通常大家習慣如果只有一行的時候寫成{…},但要把他分行也是可以正常執行的。 block無法單獨存在也沒有辦法代入變數,所以如果寫成下面這樣子,ruby...

By Telsa
看更多
Jul 11 2018

職稱:行政專員工作內容: 協助公司課程班務 協助管理 / 推廣線上與線下社群 管理活動與共同空間場地之使用與租借 核銷單據搜集整理 其他行政庶務 加分條件: 曾參與社群活動 曾負責補習班之招生業務 曾擔任相關活動的志工經驗 對學程式有興趣者佳 英日語專長 細心負責 工作地點:五倍紅寶石台北出礦坑 (228 公園門口附近)工作時間:09:30 - 18:30 (可彈性調整為 10:00 - 19:00)工作福利與大小事: 週休二日 (休假比照人事行政局,見紅就放) 勞、健保、勞退 三節、年終獎金 享特休,年資滿一年公司再額外...

By Sabrina
看更多
Jul 10 2018

五倍快訊 - 本日活動取消公告 依據行政院人事局發佈消息,7/10 台北市停班停課 網頁前端設計女性專班助教諮詢時間 及 默默會活動 將暫停一次 請各位做好防颱準備,五倍紅寶石關心您:) 原圖出處於交通部中央氣象局

By 五倍小編
看更多
Jul 6 2018

LitElement - 像 React 一樣寫 WebComponent 2018/6/21 在 React, Vue 還不存在的時代,純粹透過 jQuery 或是 DOM API 撰寫 User interface ,不過問題就是 html, js 容易進入混亂的狀態,沒有元件的概念,不好模組化,所以許多人一直發(ㄔㄨㄥˊ)明(ㄗㄠˋ)工(ㄔㄜ)具(ㄌㄨㄣˊ)幫助開發 也有另一派人馬希望可以透過改善瀏覽器本身 API 來做到元件化開發,因此 WebComponent 的概念就...

By PastLeo
看更多
Jun 28 2018

在與 Sketch 相遇後,已經回不去用其他軟體設計網頁的我 ( hen 誇張 ),前陣子從公司的大大那邊聽聞 Google 發表了一個叫做「 Material Theme Editor 」的工具,而它竟然是今年五月份才發表的東西!就讓我來為大家稍微介紹一下這個還熱騰騰的新玩意吧~ ▸ 簡單來說,「 Material Theme Editor 」是什麼? 一言以蔽之,這是「讓你快速製作自家品牌的 Material Design 風格 Sketch 套件」。( 也太拗口 ) 有接觸網頁、APP...

By Ringo Yang
看更多