一個資淺工程師年末的自我省視
嗨大家，今天是 2016 年的最後一天了，先預祝大家新年快樂，能夠在明年有一個好的開始。同時也感謝大家對 TechBridge 的支持。 我自己喜歡看的技術文章有兩類，一種是分享一些實際的軟硬體技術，例如說教你怎麼用 Node.js 寫一個聊天機器人，或是怎麼用最新的 CSS 語法建造出酷炫的網頁效果等等。另外一種則是比較「軟」一點的心得分享文，例如說最近這陣子滿常看到被分享的這兩篇：接近 2016 年底的我是否有資格稱為資深工程師、技
Object Recognition Kitchen 透明物體辨識(演算法概念)
前言這次的文章想要討論一個有趣的題目 – 透明物體辨識，這次的介紹先把題目限定在找出透明物體的位置，並把透明物體的輪廓找出來。 演算法功能簡介我們的演算法目的是要找出影像中的透明物體，並把輪廓圈出來，就像下面這張圖一樣。 其實如果要更精確，應該把想要辨識哪些透明物體、在那些場景、辨識成功率希望有多高、如何定義辨識成功等都說清楚，不過這邊想先帶給大家一個初步的概念，就不討論得太過瑣碎。 演算法概念為了達成這個功能，我們勢必要先收到彩色影
Python 101 快速入門教學
什麼是 Python？Python 是一種物件導向、直譯式的跨平台電腦程式語言，它包含了一組功能完備的標準庫和豐富套件生態系，可以輕鬆完成很多常見的任務（例如：讀寫檔案、自然語言處理、網路爬蟲、網站開發、機器學習等），因為它可以很輕易整合其他底層語言，所以又稱為膠水語言。它的語法簡單，與其它大多數程式設計語言使用大括弧不一樣，它使用縮進來定義語句塊。由於具備簡潔易學等特性，許多開發者推薦 Python 為初學者第一個學習的程式語言。
用 JavaScript 學習資料結構和演算法：佇列（Queue）篇
什麼是佇列（Queue）？佇列（Queue）是一種先進先出（First In First Out, FIFO）的有序串列（Ordered List），與堆疊（Stack）後進先出（Last In First Out, LIFO）不同的是佇列（Queue）的新增和刪除元素是發生在不同端，新增元素在尾部、移除元素在頂部，最新加入的元素會從尾部排入。在一般生活中比較常見的例子是電影院排隊買票、小七便利商店排隊付款（當然不能有人想插隊啦），在
直播協定 hls 筆記
前言最近剛好在做直播相關的東西，雖然說是做前端，但還是必須懂一些直播的原理至少要知道有哪些格式，以及各種格式的優缺點是什麼，做起來也會比較踏實 這篇就簡單記錄一些心得跟資料，如果想比較深入了解 hls 的，可以參考下面這兩篇文章： 直播协议的选择：RTMP vs. HLS 在线视频之HLS协议—学习笔记：M3U8格式讲解及实际应用分析 hls 是什麼？我覺得以直播來說，hls 是一個相當好懂的協定，其實就是透過一個 .m3u8 的播
接收來自 ROS Topic 的影像並偵測畫面中的動作
前言這次來帶大家玩個基礎的應用 - 動作偵測,用自己筆電的相機再加上 OpenCV 的 API，就可以做到動作偵測並把在動的地方框起來。可以透過這篇學習怎麼使用 ROS Topic 來接收影像並做後續的處理。 開 package 寫程式首先來開一個 motion_detector package: 123catkin_create_pkg motion_detector rospy sensor_msgs cv_bridge usb_c
一小時內製作自己的 Pebble 錶面
筆者「最近」買了一隻 Pebble 2，大概是半年多前的事情…當初看上他便宜信譽好，又可以用 javascript 撰寫自己的 watch face，所以就刷下去了，算是第一次在 kickstarter 上面贊助產品，等待的時間久到我都快忘了….才怪，我大概每個月都會想起來一次 XD 總之，經過幾個月漫長等待，以及網站上跟我一樣想趕快拿到產品的 baker 們不斷地詢問下，終於還是送到我手上了！ Tada ~! …不對這篇不是開箱文 我
React Native in 24 Hours
前言上個禮拜的時候，我們公司舉辦了一年一度的黑客松，一隊有四個人。因為我才剛加入公司大概兩個禮拜而已，所以也沒認識什麼人。不過，剛好當初找我進來的同事問我要不要一起參加，就跟著報名了。 黑客松的時間是禮拜五早上十一點到禮拜六同一時間，一共 24 個小時。我的三個隊友，一個是 PM、一個是資安部門、一個是 SA（System Admin） 部門。因此，在他們知道我現在是前端工程師，以前是 Android 工程師以後，理所當然地，Mob
Web 資訊安全（Security）簡明入門教學指南
前言隨著越來越多的服務和資料連上網路，Web 資訊安全已經是 Web 開發中一個重要的環節，然而許多開發者往往希望專注在應用程式的研發，而忽略了資訊安全的重要性。不過若是沒有嚴謹地考慮資訊安全的問題，等到事情發生後反而會造成更嚴重的財務和名譽上的損失。本文希望整理一些 Web 常見資訊安全（Security）的議題和學習資源和讀者一起教學相長，下次建構網路服務時可以更留心 Web 的資訊安全，甚至努力成為一個好的白帽駭客（White
如何使用 Google Cartographer SLAM 演算法來建地圖
前言Cartographer 是 Google 最近剛發表的 SLAM 演算法，效果看起來非常好，而且他們發表的論文裡主打這個演算法很 real-time，今天就來帶大家把這個演算法在自己的環境中跑起來，之後就可以自己玩了。 建立模擬環境我的測試環境是 Ubuntu 14.04 + ROS Indigo，不過使用的指令都很 general，即便你使用其他版本，應該也不會有什麼問題。 首先我們確定已經安裝所需要的套件： 1sudo ap