JavaScriptでHTTPリクエストをする普通のことをします。

1. JavaScriptで
ごく普通にHTTP通信をする
2015.10.30
Developers in KOBEVol. 1
Bathtimefish 村岡 正和
∼ESP8266+EspruinoでHTTP GETリクエストをするテスト∼

2. HTML5-WEST.jp代表 / html5j マークアップ部 部長 / HTML5 Experts.jp メンバー
GDG京都 / CSS Nite in OSAKA / 神戸ITフェスティバル実行委員など
むらおか まさかず
村岡正和
HTML5-WEST.jp
Webアプリケーション開発 IT業務システム設計/開発
Webサービス導入/事業戦略コンサルティング
@bathtimefish

3. Firefox OSの
薄い本書きました。
http://goo.gl/mA8ebW
好評発売中！
開発に、「もえあがる」のはつきものだ
第一話 がいあハックス
（Gaia開発環境の構築とデバッグ）
著

4. また書きました。
C86
第一話 WebIDEを使いこなす
（WebIDEを使ったアプリ開発法）
著
http://goo.gl/IzkT5m

5. FirefoxOSアプリ開発のやり方書きました
http://codezine.jp/article/detail/8476

6. http://kobekokaku.jp/ #kobekokaku
神戸市公安9課、起動。

7. 神戸土産にはゴーフルを買いましょう
http://www.sankei.com/region/news/150923/rgn1509230055-n1.html

8. JS Board

9. Arduino
Espruino
Tessel
http://cylonjs.com/
https://github.com/rwaldron/johnny-five
http://www.espruino.com/
https://tessel.io/
BeagleBone Black
http://beagleboard.org/Products/
BeagleBone+Black
http://au-fx.kddi.com/
Open Web Board
Sperk core
https://www.spark.io/
http://www.we-io.net/
WEIO

10. オレ的JS Boardの定義
JavaScriptがネイティブで動作するデバイス
最近はJavaScriptを中心技術に据えていたら
それでいいかと思いはじめた。
いやもうWeb技術っぽかったらなんでも
いいかもしれない。。。
気に入ったら
なんでもいい
ことにした。

11. 勉強会やってます。

12. MFT2015に出展しました。

13. 今日はJavaScriptで
HTTPリクエストをする
普通のことをします。

14. こんなかんじで。

15. 今日の材料

16. Cerevo ESP-WROOM-02
ESP8266EX
ブレイクアウトボードセット
http://cerevo.shop-pro.jp/?pid=91592223
Espruino Pico
http://www.adafruit.com/product/2621
• 抵抗10kΩ x 2
• ジャンパワイヤー x4
• ブレッドボード x1
• ジャンパピン いくつか
その他

17. http://www.espruino.com/Pico

18. https://www.kickstarter.com/projects/gfw/espruino-javascript-for-things
http://www.espruino.com/

19. Espruino
Kickstarter発
Cortex-M3, JavaScriptネイティブな
ファームウェアを実装
軽い小さい、GPIOたくさん
豊富なビルトインライブラリ
ソースコードを転送したらファームが
JSをコンパイルして即実行

20. 電子工作できなくてもできる解説書いてます
http://bathtimefish.hatenablog.com/entry/2014/12/14/161305

21. 日本語のチュートリアルも豊富
http://qiita.com/advent-calendar/2014/espruino

22. USBメモリ基盤サイズで
超小型組み込みデバイス
がJSで開発可能に

23. ESP8266
最近話題のWifiモジュール
• 技適取得済み
• 1000円切る格安モジュール(800円くらい)
• UART接続、ATコマンドで簡単操作
• Arduino + IoTホビーな人達に大人気
http://cerevo.shop-pro.jp/?pid=91592223

25. 調 理

26. Espruinoもモジュールをサポート(picoのみ)
http://www.espruino.com/ESP8266

27. ピンレイアウト

28. http://tech-blog.cerevo.com/archives/859/参考:
配線してみた図
GND3.3V
EN
10kΩでプルアップ RST
10kΩでプルアップ
GND
GND
TXD
Espruino B7に接続
RXD
Espruino B6に接続

29. GND
3.3V
B6(Serial1 TX)
ESP8266のRXを接続 B7(Serial1 RX)
ESP8266のTXを接続

30. AT+GMRコマンドで
firmwareのバージョンを
確認してバージョンに応じた
モジュールを選択する

31. ウチのは version 0.25.0.0 なので
require( ESP8266WiFi_0v25 ); でいいみたい。

32. ソースコード
1. シリアル通信オブジェクトをセットアップ
2. ESP8266にシリアル接続
3. ESP8266をリセット
4. APに接続
5. HTTP GET リクエスト
7. data イベントを聴いてレスポンスを取得する
6. レスポンスヘッダを取得する

33. できた！
レスポンスヘッダ
レスポンスボディ

34. POSTメソッドは自前で実装する必要あり
http://qiita.com/rockymanobi/items/d50fcaf26cb59afb586b

35. まとめ

36. 今日は普通の言語JavaScriptで
一般的なWifiをつかって
HTTPリクエストする
普通のことをしました。

37. 普通すぎてすみません。
まあいろんなセンサーつけて遊ぶにしろクラウドにデータ
上がらないとIoTはじまらないんで大事っちゃ大事かもですね。( ﾟдﾟ)

38. これからのWeb屋は
いま、Webの専門技術を渇望しているのはソフトウェア以外の業界。
組み込みの知識を身につけ、ハードメーカーと組んでWebを中心とした
サービスの企画・開発をすることが将来の仕事につながる。
という可能性がある。かもしれない。そうなるといいなぁ。
組み込みをやるべき。

39. Thanks !