Vatic 安裝教學

前言Vatic 是用來標註影片中 bounding box 的好用工具,因為它提供了 bounding box tracking 的功能,不需要一個一個 frame 去重新標註,所以想用 Machine Learning 學習影片中 bounding box 的人來說是很好用的工具。 因為 vatic 的安裝步驟有一點複雜,所以寫這篇教學提供給需要的讀者朋友。筆者自己有在 Ubuntu 16.04 裝成功,這篇教學主要會 cover

Read More...

基礎電腦科學:排序(sorting)演算法入門上

前言排序(sorting)和搜尋(search)是演算法(algorithm)中最常見的入門知識。雖然我們在一般程式開發的場合中較少會需要自己實作排序和搜尋演算法,但排序(sort)和搜尋(search)的觀念也常出現在其他的演算法當中,應用層面很廣。本系列文章將使用 Python 來實作幾個經典演算法。首先我們先來介紹:選擇排序、插入排序和氣泡排序法。 選擇排序法選擇排序法是一種十分直觀的排序演算法(就是選擇最小的值和第一個初始值互

Read More...

基礎電腦科學:演算法概要

前言隨著資訊科技發展,演算法已經無所不在存在我們的生活當中。舉凡上網 google 搜尋資料、下載檔案的壓縮方法、檔案的加密傳輸等,都可以看到演算法運作的蹤跡。一般來說資料結構和演算法是程式設計最基本的內涵,所以有人說:程式設計 = 資料結構 + 演算法。那究竟什麼是演算法/算法呢? 咱們維基百科給了個非常需要慧根才能理解的解釋: 演算法(algorithm),在數學(算學)和電腦科學之中,為任何良定義的具體計算步驟的一個序列,常用

Read More...

淺談 JavaScript 頭號難題 this:絕對不完整,但保證好懂

前言在 JavaScript 裡面,有一個令新手十分頭痛,老手也不一定能完全理解的主題:「this 是什麼?」。身為一個以 JavaScript 當作吃飯工具的前端工程師,我也被這個問題困擾了許久。 我原本以為我這輩子都不會寫有關於 this 的文章。 原因有兩個,第一個是講解 this 的文章已經超級無敵多了,而且每一篇都寫得很不錯,之前看完 What’s THIS in JavaScript ? 系列之後覺得講解的很完整,若是沒有把

Read More...

如何用 TensorFlow object detection API 的 Single Shot MultiBox Detector 來做 hand detection

前言今天要來教大家怎麼用 TensorFlow 的 Object Detection API 來偵測人的手,因為筆者最近在使用 這個 repo 的 code時,還是遇到了一些問題,需要自己再去找資料解決,所以決定基於前人的基礎之上再補充說明一些 相比起去年寫過的 一起來玩 OSRF 的 TensorFlow Object Detector,這一篇會有更多對於演算法和細節的敘述,讓大家之後也可以自己學習深入研究各個 model。 Tens

Read More...

從頭打造一個簡單的 Virtual DOM

前言過年除舊佈新,剛好趁這個機會來複習一下已經是老觀念的 Virtual DOM。很多人在講到 React 的時候都一定會提到 Virtual DOM,而問到 Virtual DOM 的好處時,就會說到實際 DOM 的操作成本很貴,所以透過 Virtual DOM 可以降低成本。 你在除夕餐桌上這樣講可能沒問題,面試只講這樣應該不太好。 畢竟你最後還是會操作實體 DOM 啊,這樣說明太簡化了。 Virtual DOM 的由來可以從 MV

Read More...

Linux Curl Command 指令與基本操作入門教學

前言身為一個 Web 開發者,往往需要開發不同的 Restful API (Application Programming Interface)來存取資源。在開發完 API 後測試則會使用類似 Postman 的測試工具來進行測試。除了使用 Postman 等 GUI Tool 外,身為一個軟體工程師,當然要學會使用 Linux 指令中的 Curl!這邊我們整理了 Curl 常用的指令,讓大家可以重新溫習,讀者也可以分享自己的常用的指

Read More...

邪魔歪道還是苦口良藥?Functional CSS 經驗分享

前言以 CSS 架構方法來說,主流的大概可以分成三個:OOCSS、SMACSS、BEM,這些架構的提出都是為了讓 CSS 更好維護,這幾個的介紹以及差異可以參考 @arvinh 寫過的 淺談 CSS 方法論與 Atomic CSS。 但我們今天要談的不是上面提到的這三種,而是另外一種相較之下沒那麼主流(但好像有慢慢流行的趨勢),而且很少人第一眼看到就會贊同的方法:functional CSS。 什麼是 functional CSS直接舉

Read More...

如何在 Windows 安裝 OpenPose 跟使用 Python API 來偵測人體姿態

前言 OpenPose 是 Carnegie Mellon University(CMU)論文實作的開源函式庫,提供的功能主要就是可以偵測人體的各部位在什麼地方,例如可以在影像中找到臉、身體、手等等地方的特徵點。但他厲害的地方在於可以一次偵測很多人,看看下面這張圖就知道: 這個 repository 仍然相當地 active,有兩個 CMU 的學生常常在 Github 上面解 issue。這次因為筆者需要在 Windows 上面安裝

Read More...

一起探討 Micro Frontends 的世界

前言大概三個月前,忘了在哪看到 Micro Frontends 這個詞,當時沒有仔細去了解(畢竟聽起來就像是另一個 Buzzword XD),只是從名字大概猜測是想讓前端頁面更加模組化,讓不同團隊能更有效率的開發共同的站。稍微 Google 了一下這個 term,發現文章多數在 2018 的五六月出現,之後就鮮少人提起,我也就淡忘了他。 直到最近工作上接觸到的框架,似乎也想讓頁面上的元件更加低耦合,甚至是希望能支援運行不同版本或是 te

Read More...