鉄道 ＪＲ風 有機EL 電光掲示板を作ってみた。（スマホで編集できて、Yahoo! ニュースも表示できる）

８．コンパイルおよび実行

では、いよいよArduino IDE でコンパイル実行してみてください。
予め、ルーター（アクセスポイント）は起動しておき、ESPr Developer と接続できるようにしておいてください。

先で紹介した動画のようにYahoo! 記事が表示されれば成功です。

その後、スマホブラウザのURL入力欄にESPr Developer ( ESP-WROOM-02, ESP8266 ) のローカルＩＰアドレスを入力してください。
分からなければ、Arduino IDE のシリアルモニタを115200bpsで起動して、ESPr Developer のリセットボタンを押してください。
するとこんな感じで表示されると思います。

WiFi connected
Server started
192.168.0.14

この数値の部分がESP8266のローカルIPアドレスなので、これをブラウザのURL入力すればＯＫです。

初期のブラウザコネクションでは、WebSocket ハンドシェイク（コネクション確立）まで少々時間がかかります。

ブラウザには下図の様に表示されて、WebSocket　Status が
WebSocket.CONNECTED
と表示されればＯＫです。

注意していただきたいのは、Yahoo! ニュース取得ボタンが押されると、WebSocketプロトコルと異なるHTTP通信となるために、WebSocket通信が切断されます。
その後に操作したい場合は、WS-Recconectボタンを押してください。

また、指定された文字数より大きかったり、画像が大きかったりすると画面は崩れますのでご注意ください。
画像を電車にすると雰囲気が出てイイですね。

９．まとめ

いかがでしょうか。
ちゃんと表示できたでしょうか。

改めて記事にすると、もの凄く多くの工程があるもんです。
初めてこのページから見た方は、挫折すると思いました。
何といっても、記事を書いている自分でさえ、途中で挫折しそうになりました。

今回のＪＲ風　Yahoo! ニュース電光掲示板では、いままでやってきたことの総まとめみたいな感じで全部盛り込んでみました。
今回はいろいろと自作ライブラリを更新しましたが、昔作ったものは将来のことをあまり考えずに思い付きで作ったものばかりだったので、今の記事との整合性を取るのが難しく、とても大変な作業になってしまいました。
ライブラリを公開するときには、ある程度将来的に拡張することを考慮に入れてないとエライ目に遭いますね。
独学なのでご容赦ください。m(_ _)m

作った後で思ったのですが、8×8ドットの美咲フォントを小さい有機EL ( OLED ) に表示させる場合、グラフの座標数値などにも生かせると思いました。
いつか試してみたいと思います。

今回はここまでにします。

ではまた・・・。

Yahoo!ニュース RSS サイトが https ( SSL )化されてしまいました。
その対策方法は以下のページにあります。

JR 風 Yahoo! ニュース 電光掲示板 の https ( SSL )対策

合わせてご参照ください。
その場合、SD_EasyWebSocket は Beta ver 1.50 をインストールする必要があり、スケッチも大幅変更する必要があります。
(2017/4/11時点)