Node-REDでシンプルなウェブサイトを作ってみる

初めてWatson IoT Platformを使ってみよう、というかたのためのガイドです。
Watson IoT Platformを使ってみるでIoTアプリを使ってみました。

ここでは、Node-REDを使ってシンプルなウェブサイトを作ってみます。

0. Node-REDを用意します

• カタログからNode-REDボイラープレートを選択しアプリを一つ作成します。

1. シンプルなhtmlを送ってみる / 2. 色を付けてみる

• Node-REDでシンプルなウェブサイト - 1. シンプルなhtmlを送ってみる / 2. 色を付けてみる

3. 画面を複数のdivを分割してみます

• Node-REDでシンプルなウェブサイト - 3. 画面を複数のdivに分ける
  • divを使ってウェブ画面を分割する方法を練習します

4. 文字列を送信してみます

• Node-REDでシンプルなウェブサイト - 4. 文字列を送受信してみる
  • ブラウザからウェブサイトへ文字列データを送信し、結果をブラウザに受信して表示する方法を練習します

5.データベースを使ってみる

• Node-REDでシンプルなウェブサイト - 5. データベースを使ってみる
  • dashDBでデータベースを作成し、ブラウザからデータを登録したり表示したりできるようにします。

6.写真を貼ってみる

• Node-REDでシンプルなウェブサイト - 6. 写真を貼ってみる
  • 無料サイトから写真を見繕ってウェブサイトに表示する方法を練習します

7.動画を貼ってみる

• Node-REDでシンプルなウェブサイト - 7. 動画を貼ってみる
  • YouTubeから動画を見繕ってウェブサイトに表示する方法を練習します

Tips

• Node-REDでシンプルなウェブサイト - Tips
  • 経路の変更やスマホでのアクセス用のQRコード化などをご紹介します

無料のhtmlを使ってみる

• Node-REDでシンプルなウェブサイト - 無料のhtmlを使ってみる①
  • HTML5 Up Photonを使ってみます
• Node-REDでシンプルなウェブサイト - 無料のhtmlを使ってみる②
  • HTML5 UP Tessellateを使ってみます
• Node-REDでシンプルなウェブサイト - 無料のhtmlを使ってみる③
  • HTML5 UP Storyを使ってみます