最新消息

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

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

By Irene Chang
看更多
Jun 8 2018

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

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

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

By 蒼時弦也
看更多
May 25 2018

前言 近年 Docker / Kubernetes 已經逐漸成為 DevOps 的主流,不管是開發任何網路服務應用都可能會有使用 Docker 做部署的需要,在此我以近期經手開發且有部署到 Kubernetes + Google Cloud Engine 的專案為例,示範並說明一般 Rails 專案的 Dockerfile 寫法。 專案環境說明 Rails 4.2 Ruby 2.3.5 Application Server: Passenger Web Frontend: Nginx

By 鄧慕凡
看更多
May 16 2018

FactoryBot(前身為 FactoryGirl)為知名軟體方案解決公司 ThoughtBot 所開發,其用途非常地單純,就是讓使用者可以輕鬆地生產測試用資料。 而使用 FactoryBot 的方式也相當簡單。只要安裝了 Gem 並新增一個 Factory,就可以產生資料。 Factory 長這個樣子 FactoryBot.define do factory :user do first_name "John" last_name "Doe" admin

By Roy Huang
看更多
May 10 2018

為什麼用 Ransack 在網站中提供搜尋、篩選與排序功能在現在的網站中已是基本需求,畢竟大家的耐心,在 Ruby on Rails 中,由於採用了 ActiveRecord 作為 ORM 框架的緣故,要快速的組出 Search Query 並非難事。 基本上只要搭配上 Form Object 與 Query Object 模式,要優雅的完成好維護的搜尋模組還算是容易,但當你想要快速完成搜尋功能的時候,Ransack 絕對是你的好夥伴。 基本使用 Basic Configuration

By Yusheng
看更多
May 4 2018

從 sketch 一鍵生產 icon-font Icon font 雖然不是什麼新的技術, 不過從這一連串的實作過程可以學到很多東西, 且順便分享一下使用在專案內會遇到的問題。 實作流程可以拆成以下: 使用 sketch 編輯管理所有的 icon。 使用 sketchtool 匯出所有 icon 並為 svg 格式。 使用 grunt 來實作一鍵生產的任務。 使用 grunt-webfont library 將 svg 圖案轉換成 font 和相關的 css。 Grunt...

By Treekey
看更多
Apr 20 2018

之前曾經寫過一篇我們公司專案使用敏捷開發的案例,當時我們在預期的時間讓 MVP 的產品能夠上線,讓敏捷開發的價值得底被證明。不過這一次我想從另一個同樣是跑敏捷開發卻跑的不盡理想的專案中,重新探究敏捷開發的價值。 專案的背景是與國外企業的 RD 部門將部分的產品委外給我們開發,產品的規劃、設計由他們主導,我們只要負責好開發的部分,聽起來是非常單純的委外開發。但短短的半年期間,雙方經歷過多次的調整,才終於催生出產品進到使用者測試的階段。 溝通的高牆 敏捷開發宣言裡提到:個人與互動重於流程...

By Nina
看更多
Apr 13 2018

在 Mac 上使用 Nginx + SSL & HTTP/2 做網站開發的設定 1. 安裝 Nginx 推薦使用 Homebrew 在 Mac 上安裝 Nginx: brew install nginx 安裝完成後,就能用 brew services 來幫我們啟動 Nginx: sudo brew services start nginx 2. 設定 Nginx 用慣用的編輯器打開 /usr/local/etc/nginx/nginx.conf,然後確認裡面有 include servers...

By 張博凱
看更多
Mar 30 2018

Multi-tenant 應用程式:讓人又愛又恨的 Apartment 隨著現在個人化網站的興起,許多網路服務都提供使用者自訂網站的功能。這些功能涵蓋許多面向,包含論壇、部落格與網路個人商店等。典型的自訂網站例子如 Wix 與 Weebly,個人商店則如 Shopmatic 與 Shopify 等等。在這些服務中,使用者可以在某些限度下自定網站的內容,建立屬於自己的資料,而不會與其他使用這個服務的使用者衝突。換句話說,不同的使用者使用同一個服務,但他們的資料卻是各自分離的,這便是最基本的...

By Henry
看更多