ユーザ登録とユーザログイン画面を作る
Local Storage: アプリを終了させても残るデ－タを持つことができる部品。デ－タはキ－とバリュ－の対で記憶される.
今回のアプリは、キーemailとpasswordで、ユーザのログイン情報をローカルに保存する。
４つ画面で構成する
４つ画面でそれぞれブロックがある
作ったSWIPING SCREENSアプリにGoogle Map表示機能を追加する。
SWIPING SCREENSで、順次DIT UENOの一号館、2号館、3号館の写真とGoogle Mapを表示する。
一号館のGPS座標は、Google Mapで検索してください。
Mapの拡張設定に、ShowsUserLocationを「On」にして、自分の位置を地図に表示する。
New Market Goods is a simple website app with a branding screen and a social media bar that opens a deep link to a user’s installed apps that works across platforms.
New Market Goodsは、ブランディング画面とソーシャルメディアバーを備えたシンプルなウェブサイトアプリです。
ユーザーのインストール済み（ここではFacebook、Instagram）アプリへの内部リンクを開きます。
If you have a mobile optimized website for your business or organization, this is a simple way to turn what you already have into an app.
ビジネスや組織にモバイルに最適化されたウェブサイトをお持ちの場合は、既に持っているものをアプリに変える簡単な方法です。
Screen1
Screen2
Screen1
Screen2
まず参考Youtubeビデオのままデザインします。
ちょっとものが足りないから、音声認識も組み込む。
参考Youtubeビデオのままではbotton1のブロックだけでよい。
音声認識も組み込むには、botton2のブロックも組み立ててください。（ただし今現在この組み合わせでは、音声認識ができて、同時にText to speechの発声ができない。
画像をクリックすると、「ニャー」と猫の鳴き声がするアプリを作る
まず https://thunkable.com/ を開いて、gmailのアカウントでログイン。
新規App作成。アプリ名は「Hellopurr」とする。
Projectsに、「Hellopurr」が現れる。
デザインしながら、実機で見るのは、Apple StoreからThunkable Liveというアプリをインストールしてください。
「Live Test」をクリックして、バーコードをアプリ「Thunkable Live」に読ませて、実機でデザインの様子をみてください。
素材の2個ファイルをアップロードしてください。
アプリのBlocks画面に切り替え、ボタンクリックのブロックに、「ニャー」と猫の鳴き声がするように組み立てる。
Webduino Cloud Platformは、スケッチ保存できるクラウド環境。
（それまで、作ったスケッチは、保存できない！）
開始使用：https://cloud.webduino.io
Gmailのアカウントで簡単にログイン可能。
早速公開しているのスケッチ(Public Files から検索)を試す。意外に簡単。
まずOLEDを増設、スケッチの通り結線しただけで表示ができた。
OLEDの接続と表示。漢字も可能？
さらにDHT11を追加し、スケッチの通り結線しただけ、すごく気楽にできた。
DHT11を接続して、温度と湿度も簡単に表示できた。
Webduino Smartには、「明度センサー」内蔵なので、それを利用してみる。
ソースコードは、範例解答：https://goo.gl/vWKS41 を利用する。
特に問題なく、明度が表示された。
Webduino Smartに接続方法は２つある
WiFi接続はデバイスIDを利用して接続する。
この場合はWebduino Blockly ( https://blockly.webduino.io )を開いてプログラミングする。
WebSocket接続は、デバイスのローカルIPで接続する。
この場合、http://blockly.webduino.io/ を開いてプログラミングする。
Webduino Smartには、RGB LED内蔵なので、まず点灯してみる。
http://blockly.webduino.io/ を開いて、下記の通り、プログラミングする。
右上の “Run Blocks”をクリックして、Web Demo エリアのボタン1..5をクリックすると、対応色が点灯する。
