給工程師的 Sketch Prototyping 簡易入門教學

前言Sketch 是近來非常火紅的輕量級 UI 設計工具,簡易好上手的設計讓許多設計師紛紛從 PS 和以拉等其他工具跳槽過來,整個 Sketch 生態系也蓬勃發展。雖然筆者本業是工程師,但前陣子趁著買 Flinto (可以很輕易將 Sketch 的靜態頁面轉成 Prototype)送 Sketch 的行銷活動時同時入手了這兩套設計工具(雖然我把它當成買 Sketch 送 Flinto 啦:P),因此藉著機會分享一下給工程師的 Sket

Read More...

Reactive Programming 簡介與教學(以 RxJS 為例)

Rx 其實也出來一段時間了,前陣子看到一篇文章解釋得蠻好的,擷取重點並加入一些自己的心得範例供大家參考,畢竟 Rx 中文的介紹似乎少了點… 相信聽過 Rx 的讀者,應該也會耳聞 RxJS, RxJAVA, RxAndroid等等,因此被 Google 慣壞的我們一定會試著去搜尋一下 Rx 到底是什麼 然後在 Google Search Result page 的最下方會看到 MSDN 的 Reactive Extensions 和 Re

Read More...

快速取得 apk 相關資訊

前言在 之前,我們曾經介紹過如何反編譯 Android Apk。而藉由反編譯,我們可以知道許多跟 apk 有關的資訊,例如說 AndroidManifest.xml,只要這個檔案就可以看出 apk 的一些基本資訊,還可以看到整個 apk 的程式碼跟使用到的資源(圖檔、影片、聲音等等)。 但若是今天我們只想要知道基本資訊,完全不想知道 apk 是怎麼寫的,也根本不關心它用到哪些資源,那該怎麼辦呢?反編譯需要一點時間,愈大的 apk 需要愈

Read More...

使用 Object Recognition Kitchen 的 Linemod 演算法辨識物體

前言這次要介紹的工具是 ROS 裡面專門用來作物體辨識的 Object Recognition Kitchen (以下簡稱為 ORK ),這個工具比較像是一個框架,裡面包含了好幾種演算法(你可以根據自己的需求使用不同的演算法),這篇文章要介紹的只是其中一種 – Linemod 。 Linemod 是一個辨識效果很不錯的 3D 物體辨識演算法(不過一個使用條件是物體須是剛體),所以想藉此機會分享給大家,以後只要你想要,就可以直接拿這個工具

Read More...

從 Flux 與 MVC 的差異來簡介 Flux

今天這篇主要是想藉由Flux的介紹,進而探討Flux與MVC的差異,到底Flux做對了什麼,而MVC又犯了什麼錯呢? 首先我們回顧一下2014 F8大會 - Hacker Way的影片其中 Jing Chen 用了兩張圖來做對比,說明MVC的觀念在複雜的Application下難以維護。 經驗豐富一點的Developer看到這張圖的第一個念頭應該會是:”What the fxxx… 誰家的MVC長這樣啊?” 沒錯!Jing Chen

Read More...

用 Node.js 快速打造 RESTful API

前言現今有些網站採用了 Single Page Application 的方案,後端只負責提供 API 讓前端抓取資料,達成完全的前後端分離。前端的選擇有很多種,你可以用 Angular,可以用 Ember.js,也可以用 React + Redux。至於後端的 API,必須符合固定格式,才能讓前端的人員比較好抓取。而這個「固定格式」,最常見的就是我們今天的重點:RESTful。 什麼是 RESTful?與起從硬生生的文字解釋下手,不如

Read More...

一看就懂的 JSX 簡明入門教學指南

前言根據 React 官方定義,React 是一個構建使用者介面的 JavaScritp Library。以 MVC 模式來說,ReactJS 主要是負責 View 的部份。過去一段時間,我們被灌輸了許多前端分離的觀念,在前端三兄弟中(或三姊妹、三劍客):HTML 掌管內容結構、CSS 負責外觀樣式,JavaScript 主管邏輯互動,千萬不要混在一塊。然而,在 React 世界裡,所有事物都是 以 Component 為基礎,將同一

Read More...

用 DDS 開發 ROS 2.0

前言這篇文章想要向大家介紹ROS 2.0的底層實作概念,雖然比較不會有程式實作的討論,但我覺得這一塊的深度滿值得介紹的,因為使用ROS有好幾種層次: 使用ROS的各種工具來建立自己的應用 在開發上碰到一些問題,修改現成的package來滿足自己的需求 開發自己的演算法,發布自己的package給其他人使用 協助開發與維護ROS的核心 這篇文章要討論的議題已經落在第四個層次,所以對於一般的使用者來說,可能不太具有直接應用的價值,但如果

Read More...

一看就懂的 React ES5、ES6+ 常見用法對照表

前言React 是 Facebook 推出的開源 JavaScript Library。自從 React 正式開源後,React 生態系開始蓬勃發展。事實上,透過學習 React 生態系(ecosystem)的過程中,可以讓我們順便學習現代化 Web 開發的重要觀念(例如:ES6、Webpack、Babel、模組化等),成為更好的開發者。雖然 ES6(ECMAScript2015)、ES7 是未來趨勢(本文將 ES6、ES7 稱為 E

Read More...

Browser Rendering Optimization

“My name is Barry Allen, and I’m the fastest man alive …”
“Wait..reverse flash is faster then you, zoom is faster than you..”

Read More...