最新消息

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

Sep 14 2018

WebRTC - Real-Time Communications on the web

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

By PastLeo
看更多
Sep 7 2018

Emacs 入坑引導 - 打造自己的 Ruby IDE - Part 1

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

By Mike
看更多
Sep 6 2018

CSS: calc() 數值運算

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

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

Ruby 冷知識:除法篇

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

By Johnson
看更多
Aug 3 2018

Rails 串接 Ecpay 電子發票,就是這麼簡單

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

By 郭佳甯
看更多
Jul 20 2018

The ABC of Rails Engines

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但是….. 先別管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

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

By PastLeo
看更多
Jun 28 2018

Material Design 新利器:Material Theme Editor

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

By Ringo Yang
看更多
Jun 15 2018

Designing Case Study: Ruby x Elixir Conf Taiwan 2018

Designing Case Study: Ruby x Elixir Conf Taiwan 2018 一年一度的 Ruby Conf Taiwan 今年邁入第七屆,這次 Ruby Taiwan 特別和 Elixir Taiwan 合作,共同推出史無前例的雙程式語言研討會 Ruby x Elixir Conf Taiwan 2018,於今年 4/28 圓滿落幕 🎉 本次研討會,超過 250 位會眾熱情參與,來自世界各地的講者與開發者齊聚一堂,一同共襄盛舉。活動酬備期長達半年以上,...

By Irene Chang
看更多
Jun 8 2018

React Native:終結 Debug 的雪克人生 ♪

身為一個 React Native 的開發者一定了解在實機測試過程中,可能會認為自己不是在寫 APP 而是在手搖飲料店打工,因為每次做一個段落要看結果,就必須搖動手機召喚 Developer Menu,進行一個重新載入 APP 的動作,由於每隻手機對搖晃的感應不同會影響搖出 Menu 的難易程度,有時候會難搖到讓人想摔手機,而且搖著搖著,接口好像默默地就變鬆了,容易造成接觸不良鬆脫斷線,影響 MAC 和手機間的連線品質,或者是使用平板在作開發的時候,平板的尺寸確實很難搖擺起來,諸多種種確實...

By 陳曉菁 (Kay Chen)
看更多
Jun 1 2018

我的 Chrome 會說話

這是很多年前的事情了,當時看到別人的 Chrome 竟然會說話,讓我震驚了很久。但是花了很多年都沒有找到要怎麼做,不過最近因為一些關係,我終於知道了他的秘密! 首先,這不是鬼故事!這篇文章要討論的是 Web Speech API 這個由 Google 所提交的功能。主要就是做「語音轉文字」跟「文字轉語音」兩件事情,像是有在玩遊戲可能有用過 Discord 這種類似 Slack 的通訊軟體,裡面提供的朗讀功能應該就是透過這個 API 實作的。 Web Speech API 在 Web...

By 蒼時弦也
看更多