最新消息

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

Sep 14 2018

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

Sep 7 2018

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

Sep 6 2018

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

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 簡單來說,由於電腦記憶體有限,浮點...

Aug 17 2018

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

Aug 3 2018

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

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) 來提供主程式...

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...

Jul 11 2018

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

Jul 10 2018

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

Jul 6 2018

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

Jun 28 2018

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

Jun 15 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 位會眾熱情參與,來自世界各地的講者與開發者齊聚一堂,一同共襄盛舉。活動酬備期長達半年以上,...

Jun 8 2018

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

Jun 1 2018

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