圖片來源 Vuetify 簡介 Vuetify 是一個語意化元件的前端框架，提供簡潔、直觀、易於重複使用的元件，使 Vue 的開發者可以輕鬆解決前端的問題。...
這次是我第二次參加鐵人賽，因為最近實在很忙，原本還在猶豫著是否要報名這次比賽，躊躇著到了報名截止前一天，才下定決心報名參加，想不到寫著寫著，不知不覺就到了第 3...
前一篇我們透過 Node-RED 即時地抓取日幣匯率，這邊要繼續介紹 Node.js 的做法，輕鬆實現「抓取日幣匯率，並且在指定匯率到達的時候用 Webduin...
經歷了前三篇 Node-RED 的洗禮，接下來要玩點有趣又實用的東西：「抓取日幣匯率」( 沒辦法誰叫最近日幣在低點好想買 )，一開始我們打鐵趁熱，透過 Node...
雖然我們可以透過 Node-RED 獲取 Twitter 推文與發佈推文，但對於沒有 Twitter 的人該怎麼辦呢？沒關係，這篇將會介紹 Email 的用法，...
在上一篇 實戰智慧插座 25 - 透過 Node-RED 開關燈 ( 基礎操作篇 ) 已經知道了 Node-RED 的用法，以及可以抓取 Opendata 顯示...
在看完 Opendata 之後，感覺好像又多了很多好玩的東西，但凡事都要自己撰寫程式有時實在很不方便，特別是 Node.js 可能還要查一些相關的套件才能使用。...
當我們可以利用一些網路服務來操控智慧插座之後，就可以來玩點比較進階的功能，這篇將會介紹在網頁裡常常使用的 Opendata ( 開放資料 )，並且使用這些 Op...
前面我們使用了 Google 試算表還有 Google 地圖，接著來看 Google 的 Youtube ( 反正都滿好串接的，就直接使用看看 )，不過我們一般...
經過上一篇 實戰智慧插座 21 - 用 Google Maps 開關燈 ( 地圖原理篇 ) 的洗禮之後，對於地圖控制應該都能掌握了，再來就要進入「實戰」的部分，...
在行車記錄器與網路發達的年代，我們應該都有用過 Google Maps，甚至也看過許多把感測器資訊拋到 Google Maps 上頭顯示的實例 ( 目前最夯的...
已經會寫入資料到試算表之後，接著就是要讀取指定儲存格的資料，並用這些資料來操控智慧插座上的燈泡。 讀取指定儲存格內容 詳細準備步驟可以參考上一篇 實戰智慧插座...
前兩篇我們透過 Google Firebase 來儲存資料，但對於某部分的人而言，使用 Firebase 可能還是有些難度 ( 或是說不熟悉 )，接下來的兩篇文...
上一篇我們已經做出一個基本的網頁聊天室，這篇要來做兩件事情，第一件事情「和燈泡聊天」，第二件事情則是「美化聊天室」。 首先來和燈泡聊天，在這邊我們剛剛做的那個頁...
接下來的兩篇文章，要來談談「網路聊天室」，說也奇怪，網路聊天室和智慧插座能有什麼交集呢？因為智慧插座既然可以透過 Webduino 變成一個網頁裏的變數，那麼我...
玩過人臉追蹤與顏色追蹤之後，接著把焦點拉回手機上，既然我們可以透過網頁做這麼多事情，如果用手機或平板打開網頁，能否發揮行動裝置的優勢呢？這篇文章將會介紹如何透過...
看完「語音辨識」之後，接著來看看「人臉追蹤」，這邊所謂的人臉追蹤並不是人臉辨識，而是純粹判斷五官而追蹤人臉 ( 畢竟如果只是「純前端」而沒有後端資料庫，要做到人...
前半段透過「傳感器」( 距離偵測、光線偵測...等 ) 的章節大致上告於段落，雖然還可以結合許多的傳感器做出千變萬化的創意，不過應用的方法都是大同小異，這個章節...
RFID 是 Radio Frequency IDentification 的縮寫，中文翻譯為「無線射頻辨識」( 不是 NFC )，是一種常見的無線通訊技術，透...
在前兩篇「開關」的介紹，都是使用「兩個裝置以上」進行連動，這其實是相當便利的，因為在傳統的 Arduino 世界裡，要做到同時多個裝置連動十分困難，但如果我們把...
上一篇我們認識了「開關」，也可以透過按壓開關來關燈，但這樣子的做法和日常生活中的開關實在沒兩樣，所以我們可以透過同樣的原理，實際做出一個簡單的電流急急棒，或是直...
「開關」是每天的日常生活中都會接觸到的零件，這篇文章的標題所描述「按下開關就開燈」根本就是廢話，但這篇的內容要描述的絕對不會只有這樣，而是更進一步是透過 Wi-...
在一些被動的偵測之後 ( 有觸發才會有行為反應 )，再來要來玩玩主動的偵測，也就是「拿起電視機的遙控器，按下某個按鍵，燈泡就會亮起」，在這邊最主要是用到「紅外線...
在「距離偵測」和「人體紅外線偵測」之後，這篇要來介紹「聲音偵測」( 不是語音辨識，比較貼切的應該是指「有沒有聲音」，語音辨識在之後會介紹 )。 聲音偵測傳感...
今天要來玩玩「小夜燈」，夜燈是一般我們逛家 X 福或是 X 北百貨都會看到的日用品，當我們知道了他的原理，透過 Webduino 的輔助，我們就可以把網頁和夜...
既然已經會使用網頁控制電燈，接下來幾篇就要來玩玩「傳感器」的應用，我們可以透過「傳感器」，偵測我們週遭的環境變化，例如和一個東西之間的「距離」、有沒有「人」靠近...
上一篇已經把智慧插座組裝起來了，接下來就是要來控制了插座了！ 初體驗 首先打開 Webduino 提供的線上編輯工具 ( https://blockly.w...
因為這系列的主題會使用「智慧插座」，所以「組裝」智慧插座，一定就要在介紹撰寫程式之前就先介紹，而且我相信很多人應該跟我一樣，在閱讀這篇文章之前都沒有看過「插座」...
Webduino 顧名思義，就是 Web + Arduino 的合稱，早在 2012 年就已經有這個名詞出現，但一直都停留在撰寫 Arduino 韌體程式，網頁...
印象中第一次聽到「物聯網」這三個字，大約是在五年前的某一次公司會議裡，當時還覺得是哪個地方的科技用語，沒想到在五年後的今天，物聯網竟然已經是如此的蓬勃發展，也應...
HunterLiu
oxxo
iThome鐵人賽
看影片追技術