M5Stackに天気予報、スクロール時計、Yahooニュース、メッセージ表示させてみた

使うもの

M5Stack

Espressif Systems社の ESP32 を搭載した、Wi-Fi & Bluetooth マイコンモジュールです。
更に、LCD ディスプレイ、micro SD カードスロット、スピーカー、簡易バッテリー、Groveコネクタ、USB-TypeC 等を搭載した、全部入りマイコンモジュールです。

micro SDHC カード

普通の micro SD や micro SDXC は動作不良が起こるかも知れません。
micro SDHC カードが安定動作すると思われます。
私が動作確認しているカードは以下の物です。

トランセンドジャパン トランセンド microSDカード 16GB UHS-I U1 Class10【データ復旧ソフト無償提供】Nintendo Switch/3DS 動作確認済 TS16GUSD300S-AE【Amazon.co.jp限定】

トランセンドジャパン

￥960（2024/05/09 21:53時点）

Wi-Fi環境

2.4GHz 帯のインターネットにつながった Wi-Fi ルーター環境が必要です。
予め、MACアドレスフィルタリングやファイアウォール設定は済ませておいてください。
M5Stack の MACアドレスを調べる方法は以下の記事を参照してください。

ESP-WROOM-32 ( ESP32 ) チップ・メモリ・MACアドレス情報取得方法

パソコン、USBケーブル等

開発環境 Arduino – ESP32 を設定しておく

プログラムは Arduino IDE を使います。
Arduino IDE はver 1.8.5 で動作確認しておりますので、それを予めインストールしておいてください。

また、Arduino IDE でESP32 のプログラミングが出来るように、Arduino core for the ESP32 をインストールしておいてください。
そのインストール方法は以下の記事を参照してください。

Arduino core for the ESP32 のインストール方法

東雲フォントをmicro SDHC で表示できる状態にしておく

古川泰之さん原作、/efont/ さん保守開発の日本語フリービットマップフォント、東雲フォントを micro SDHC に保存し、M5Stack で表示できる状態にしておいてください。
以下の記事を参照してください。

M5Stack ( ESP32搭載 )の LCD に日本語漢字フォントを表示したりスクロールしたり

なお、これでインストールしたライブラリは今回は使用しません。
あくまで表示できるかどうかテストするための前準備です。

カスタム自作フォントを東雲フォントに埋め込んでおく

デフォルトの東雲フォントでも表示できますが、先に紹介した動画では、16x16pixel 自作カスタムフォントを東雲フォントに埋め込んだものを使用しています。
カスタムフォントを表示させたい場合は以下の記事を参照して、カスタムフォントを作成しておいてください。

Excel で自作したカスタムフォントを M5Stack に表示してみる

ここでは、micro SDHC カード内の/font/フォルダに
MYshnmk16.bdf
というファイル名で保存しておいてください。

一新した自作ライブラリをインストールする

先の苦労話で紹介したように、今回は私の自作ライブラリを作り直し、一つのパッケージとしました。
GitHub の以下のページにあるので、ZIPファイルをダウンロードしていただき、Arduino IDEにインストールしてください。

今まで使っていただいた方には申し訳ございませんが、関数名は殆ど変更になりましたので、今までのライブラリと一切互換性はありません。
機能は同じですが、全く別物です。

ESP32_mgo_tec ライブラリ

https://github.com/mgo-tec/ESP32_mgo_tec

ZIP ファイルのままArduino IDE にインストールする方法は以下の記事を参照してください。

また、この自作ライブラリには、Arduino IDE 標準の Time ライブラリが必要です。
これは外部ライブラリになっているので、GitHub の以下のページから ZIPファイルをダウンロードしてインストールしてください。
https://github.com/PaulStoffregen/Time

C:\Users\__user_name__\Documents\Arduino\libraries\ESP32_mgo_tec-master\src\ESP32_mgo_tec_bV1\Sensor

GitHubにある ZIP形式ライブラリ のインストール方法 ( Arduino IDE )

天気予報用自作フォントをmicro SDHC にコピーしておく

前項でダウンロードした ESP32_mgo_tec ライブラリの ZIP ファイルを解凍してください。
その中の data/font/ フォルダの中の
MyFont.fnt
というファイルを、micro SDHC の /font/フォルダにコピーしておいてください。

これは、以下の記事にある方法で自作した天気予報用フォントです。

天気予報を自作フォントで表示してみた ( ESP32 , OLED SSD1331 )

ただ、その記事は古いので、こちらの記事のエクセルファイルで作成した方が良いです。
バイナリ形式ファイルを作成します。

Excel で自作したカスタムフォントを M5Stack に表示してみる

Timeライブラリのインストール

もう殆どの方はインストールされていると思いますが、念のため載せておきます。
Arduino 標準の Time ライブラリをインストールしておいてください。
GitHub の以下のページにあります。

https://github.com/PaulStoffregen/Time

スケッチの入力

ではいよいよ、メインプログラムをArduino IDE に入力します。
Include が少なくて良い感じです。
TimeライブラリはInclude しなくても他で Include しているので良いのですが、インストールを忘れない様に明示的にしています。

Yahoo! Japan RSS ニュースについては、トップニューストピックスを取得しています。
その他のニュースは以下のサイトから選んで、下記のソースコードの 24行目を変えてください。
※ただし、トピックス以外のニュースは文字列が多いので、45行目の配列要素数を400以上にしないと正常に動作しません。
場合によっては半角 2000文字くらいないと受信しないかもしれません。
その場合、メモリ容量オーバーでコンパイルエラーになる場合があります。
https://news.yahoo.co.jp/rss

また、天気予報は以下のリンクから自分の地域のURLを選んで、26行目を変更してください。
https://weather.yahoo.co.jp/weather/rss/

【ソースコード】 (※無保証　※PCの場合、ダブルクリックすればコード全体を選択できます)

#include "mgo_tec_esp32_ili9341_sd.h"
#include <TimeLib.h> //Arduino time library ver1.5-

const int8_t sck = 18; // SPI clock pin
const int8_t miso = -1; // MISO(master input slave output) don't using
const int8_t mosi = 23; // MOSI(master output slave input) pin
const int8_t cs = 14; // Chip Select pin
const int8_t dc = 27; // Data/Command pin
const int8_t rst = 33; // Reset pin
const int8_t lcd_led_pin = 32;

const uint8_t cs_sd = 4; //SD card CS ( Chip Select )

const char* ssid = "xxxxxxxx"; //ご自分のルーターのSSIDに書き換えてください
const char* password = "xxxxxxxx"; //ご自分のルーターのパスワードに書き換えてください

const char* utf8sjis_file = "/font/Utf8Sjis.tbl"; //UTF8 Shift_JIS 変換テーブルファイル名を記載しておく
//const char* shino_full_font_file = "/font/shnmk16.bdf"; //オリジナル東雲全角フォントファイル
const char* shino_half_font_file = "/font/shnm8x16.bdf"; //半角フォントファイル名を定義
const char* shino_full_font_file = "/font/MYshnmk16.bdf"; //自作改変全角東雲フォントファイル
const char* myfont_file = "/font/MyFont.fnt"; //自作フォントファイル名を定義(天気予報用)

const char* yahoo_news_host = "news.yahoo.co.jp";
const char* yahoo_news_target_url = "/rss/topics/top-picks.xml"; //ニューストピックス主要
const char* yahoo_weather_host = "rss-weather.yahoo.co.jp";
const char* yahoo_weather_target_url = "/rss/days/4410.xml"; //地域：東京

//using namespace mgo_tec_esp32_bv1; //これを使うと簡単になるが、逆に衝突する危険があるので、極力使わない
mgo_tec_esp32_bv1::SdShinonomeFont SFR(cs_sd, 40000000);
mgo_tec_esp32_bv1::ILI9341Spi LCD;

//------時刻文字表示系　引数初期化-----
mgo_tec_esp32_bv1::ILI9341Watch wtc;
uint8_t num = 0; //文字列番号
uint8_t colon1_buf[ 2 ][ 16 ] = {}, colon2_buf[ 2 ][ 16 ] = {};
uint16_t colon1_sj_len = 0, colon2_sj_len = 0;
//--------NTP関連定義---------------
int timezone = 9; //Tokyo
const char *ntp_server_name = "time.windows.com";

//-----Yahooニュース記事関連定義------
mgo_tec_esp32_bv1::YahooJrssGet yrg;
mgo_tec_esp32_bv1::FontParameter news_font;
mgo_tec_esp32_bv1::ScrolleParameter news_scl_set;
uint8_t news_sj_txt[ 400 ] = {}; //Shift_JIS文字コード格納
uint8_t news_font_buf[2][16] = {}; //16x16フォント全角１文字格納バッファ

//------天気予報関連定義-------------
mgo_tec_esp32_bv1::FontParameter weather_fnt;
File MyF; //天気予報自作フォント用

//-----Webデータ取得変数-------------
uint32_t web_get_last_time = 0;
bool isWeb_get_first_time = true;

//-----メッセージウィンドウ関連定義----
mgo_tec_esp32_bv1::MessageWindow wifi_msg, 
              ntp_msg, 
              news_msg, 
              weather_msg;

//-----ボタンスイッチ　引数初期化-----------
mgo_tec_esp32_bv1::ButtonSwitch btnA, btnB, btnC;
const uint8_t buttonA_GPIO = 39;
const uint8_t buttonB_GPIO = 38;
const uint8_t buttonC_GPIO = 37;

//***********セットアップ****************************
void setup() {
  delay(1000);
  Serial.begin(115200);
  pinMode(buttonA_GPIO, INPUT); //GPIO #39 は内部プルアップ無し
  pinMode(buttonB_GPIO, INPUT); //GPIO #38 は内部プルアップ無し
  pinMode(buttonC_GPIO, INPUT); //GPIO #37 は内部プルアップ無し

  //ライブラリ初期化。3ファイル同時に開く
  SFR.init3File(utf8sjis_file, shino_half_font_file, shino_full_font_file);

  MyF = SD.open(myfont_file, FILE_READ);
  if (!MyF) {
    Serial.print(myfont_file);
    Serial.println(" File not found");
    return;
  }else{
    Serial.print(myfont_file);
    Serial.println(" File read OK!");
  }

  LCD.ILI9341init(sck, miso, mosi, cs, dc, rst, lcd_led_pin, 40000000, false); //microSDを使う場合、必ず false にする
  LCD.displayClear();
  LCD.brightness(255); //LCD LED Full brightness

  num = 0; //時、十の位の文字列をフォント変換
  wtc.watchStrFontConv( num, "　１２３４５６７８９" );
  for( num = 1; num < 6; num++ ){
    wtc.watchStrFontConv( num, "０１２３４５６７８９" );
  }

  setupWatchFont(); //時計表示フォントセットアップ
  setupYmdFont(); //年月日表示フォントセットアップ
  setupWeatherFont(); //天気予報フォントセットアップ
  setupNewsFont(); //ニュース記事文字列のセットアップ
  setupMessageWindow(); //メッセージウィンドウ表示セットアップ
  wifi_msg.dispMsgWindow( 0, "WiFi Connecting..." );

  getWeb();
  wtc.watchDispReset(); //時計表示が崩れる為に一旦リセット

  TaskHandle_t th; //マルチタスクハンドル定義
  xTaskCreatePinnedToCore(Task1, "Task1", 8192, NULL, 5, &th, 0); //マルチタスク起動
}
//***********メインループ****************************
void loop(){
  //Statusメッセージウィンドウ表示
  wifi_msg.dispWifiStatusMsg();
  ntp_msg.dispWebGetStatusMsgShort( wtc.ntp_msg_status, "NTP" );
  weather_msg.dispWebGetStatusMsgShort( yrg.weather_msg_status, "天気" );
  news_msg.dispWebGetStatusMsgShort( yrg.news_msg_status, "News" ); 

  wtc.scrolleWatch(); //時計スクロール
  wtc.displayColon2(); //時計コロン表示
  wtc.displayYMDW(); //年月日、曜日表示

  //Yahoo! Japan RSS 天気予報表示
  yrg.dispYahooJweatherMyFont( MyF ,weather_fnt );
  //Yahoo! Japan RSS ニューススクロール
  yrg.scrolleYahooJnews( news_font, news_scl_set, news_sj_txt, news_font_buf );

  button_action(); //ボタン操作
}
//************ マルチタスクループ ******************
void Task1(void *pvParameters) {
  while(1){
    getWeb(); //Web記事およびNTP時刻取得
    delay(1); //マルチタスクの場合、これ絶対必要！
  }
}
//******時計表示フォント設定****************************
void setupWatchFont(){
  for( num = 0; num < 4; num++ ){ //時、分のフォント色設定
    wtc.font[num].red = 31, wtc.font[num].green = 0, wtc.font[num].blue = 31;
    LCD.scrolleFontColorSet( wtc.font[num] );
  }
  for( num = 4; num < 6; num++ ){ //秒のフォント色設定
    wtc.font[num].red = 0, wtc.font[num].green = 63, wtc.font[num].blue = 31;
    LCD.scrolleFontColorSet( wtc.font[num] );
  }

  //コロンフォント色設定 red(0-31), green(0-63), blue(0-31)
  wtc.colon1_font.red = 31, wtc.colon1_font.green = 63, wtc.colon1_font.blue = 0;
  wtc.colon1_font.bg_red = 0, wtc.colon1_font.bg_green = 0, wtc.colon1_font.bg_blue = 0;
  wtc.colon2_font.red = 0, wtc.colon2_font.green = 0, wtc.colon2_font.blue = 31;
  wtc.colon2_font.bg_red = 0, wtc.colon2_font.bg_green = 0, wtc.colon2_font.bg_blue = 0;

  wtc.watchFontSetup(0, 52, 3, 4); //時計フォントセット
}
//******年月日表示フォント設定**************************
void setupYmdFont(){
  //red(0-31), green(0-63), blue(0-31)
  wtc.ymd_font.y0 = 120;
  wtc.ymd_font.Xsize = 2, wtc.ymd_font.Ysize = 2;
  wtc.ymd_font.red = 31, wtc.ymd_font.green = 63, wtc.ymd_font.blue = 31;
  wtc.ymd_font.bg_red = 0, wtc.ymd_font.bg_green = 0, wtc.ymd_font.bg_blue = 0;
}
//******Yahooニュース天気予報フォント設定****************
void setupWeatherFont(){
  weather_fnt.Xsize = 2, weather_fnt.Ysize = 2;
  weather_fnt.y0 = 156;
}
//******Yahooニュース記事フォント設定********************
void setupNewsFont(){
  uint8_t txt_max = 13; //半角40文字最大配列サイズにしておく

  news_font.x0 = 0;
  news_font.y0 = 192;
  news_font.Xsize = 3, news_font.Ysize = 3;
  // red(0-31), green(0-63), blue(0-31)
  news_font.red = 31, news_font.green = 63, news_font.blue = 0;
  news_font.bg_red = 0, news_font.bg_green = 0, news_font.bg_blue = 25;
  //ヒープ領域配列確保。※不要な時は必ずdeleteしておく。
  LCD.XscrolleFontArrayInit( news_font, news_scl_set, txt_max, news_font.Xsize, news_font.Ysize);
  LCD.scrolleFontSetUp( news_font, news_scl_set );
  Serial.printf("Free Heap Size = %d\r\n", esp_get_free_heap_size());
}
//*****メッセージウィンドウ設定**************************
void setupMessageWindow(){
  wifi_msg.m_x0 = 0;
  wifi_msg.m_y0 = 0;
  wifi_msg.m_size = 2;
  wifi_msg.m_padding = 4; //pixel単位
  wifi_msg.m_txt_length = 39; //文字表示数（半角相当）
  //背景色のみ設定 red(0-31), green(0-63), blue(0-31)
  wifi_msg.m_bg_red = 0;
  wifi_msg.m_bg_green = 0;
  wifi_msg.m_bg_blue = 0;

  ntp_msg.m_x0 = 0;
  ntp_msg.m_y0 = 0;
  ntp_msg.m_size = 2;
  ntp_msg.m_padding = 4; //pixel単位
  ntp_msg.m_txt_length = 6; //文字表示数（半角相当）
  //背景色のみ設定 red(0-31), green(0-63), blue(0-31)
  ntp_msg.m_bg_red = 10;
  ntp_msg.m_bg_green = 10;
  ntp_msg.m_bg_blue = 15;

  weather_msg.m_x0 = 96;
  weather_msg.m_y0 = 0;
  weather_msg.m_size = 2;
  weather_msg.m_padding = 4; //pixel単位
  weather_msg.m_txt_length = 7; //文字表示数（半角相当）
  //背景色のみ設定 red(0-31), green(0-63), blue(0-31)
  weather_msg.m_bg_red = 10;
  weather_msg.m_bg_green = 10;
  weather_msg.m_bg_blue = 15;

  news_msg.m_x0 = 208;
  news_msg.m_y0 = 0;
  news_msg.m_size = 2;
  news_msg.m_padding = 4; //pixel単位
  news_msg.m_txt_length = 7; //文字表示数（半角相当）
  //背景色のみ設定 red(0-31), green(0-63), blue(0-31)
  news_msg.m_bg_red = 10;
  news_msg.m_bg_green = 10;
  news_msg.m_bg_blue = 15;
}
//*******NTPサーバー、Yahoo! Japan RSS 記事取得*******
void getWeb(){
  if( (isWeb_get_first_time == true) || (millis() - web_get_last_time > 180000) ){ //3分毎に記事取得
    WiFi_AP_Connect(); //WiFi起動、アクセスポイント接続

    wtc.getNTPserverSel( timezone, ntp_server_name );
    yrg.getYahooJweather( yahoo_weather_host, yahoo_weather_target_url );
    yrg.getYahooJnews( yahoo_news_host, yahoo_news_target_url );

    Serial.println("-------WiFi OFF");
    //WiFi.disconnect(true); //これを入れると消費電力大きくなる。
    WiFi.softAPdisconnect(true);
    WiFi.mode(WIFI_OFF); //こちらの方が消費電力少ない。但し、なぜかアクセスポイントが無い場合は消費電力抑えられない。

    isWeb_get_first_time = false;
    web_get_last_time = millis();
  }
}
//*******WiFiアクセスポイント接続*************
void WiFi_AP_Connect(){
  wifi_msg.WifiStatus = wifi_msg.WifiConnecting; //WiFiメッセージウィンドウ設定
  Serial.println();
  Serial.println(F("Connecting Wifi..."));
  Serial.println(ssid);

  WiFi.disconnect(true); //WiFiが急に接続できなくなった場合の応急処置
  delay(1000);
  WiFiMulti wifiMulti;
  wifiMulti.addAP(ssid, password);

  if(wifiMulti.run() == WL_CONNECTED) {
    Serial.println("");
    Serial.println(F("WiFi connected"));
    Serial.println(F("IP address: "));
    Serial.println(WiFi.localIP());
  }

  if( WiFi.status() <= WL_CONNECTED ){
    wifi_msg.WifiStatus = wifi_msg.WifiConnected; //WiFiメッセージウィンドウ設定
  }else{
    wifi_msg.WifiStatus = wifi_msg.WifiFailed; //WiFiメッセージウィンドウ設定
    Serial.println("WiFi AP Not Found");
  }
}
//******フォント設定パターン例１**********************************
void Font_Pattern1(){
  LCD.drawRectangleFill(0, 40, 319, 116, 0, 0, 25); //時計表示消去(赤で塗りつぶし)

  for( num = 0; num < 6; num++ ){
    wtc.font[num].red = 31, wtc.font[num].green = 63, wtc.font[num].blue = 0;
    wtc.font[num].bg_red = 0, wtc.font[num].bg_green = 0, wtc.font[num].bg_blue = 25;
    LCD.scrolleFontColorSet( wtc.font[num] );
  }

  wtc.colon1_font.red = 31, wtc.colon1_font.green = 0, wtc.colon1_font.blue = 31;
  wtc.colon1_font.bg_red = 0, wtc.colon1_font.bg_green = 0, wtc.colon1_font.bg_blue = 25;
  wtc.colon2_font.red = 31, wtc.colon2_font.green = 0, wtc.colon2_font.blue = 31;
  wtc.colon2_font.bg_red = 0, wtc.colon2_font.bg_green = 0, wtc.colon2_font.bg_blue = 25;

  news_font.red = 0, news_font.green = 0, news_font.blue = 0;
  news_font.bg_red = 31, news_font.bg_green = 0, news_font.bg_blue = 0;

  LCD.scrolleFontColorSet( news_font );
}
//******フォント設定パターン例２**********************************
void Font_Pattern2(){
  LCD.drawRectangleFill(0, 40, 319, 116, 31, 63, 31); //時計表示消去(白で塗りつぶし)

  for( num = 0; num < 6; num++ ){
    wtc.font[num].red = 0, wtc.font[num].green = 0, wtc.font[num].blue = 0;
    wtc.font[num].bg_red = 31, wtc.font[num].bg_green = 63, wtc.font[num].bg_blue = 31;
    LCD.scrolleFontColorSet( wtc.font[num] );
  }

  wtc.colon1_font.red = 0, wtc.colon1_font.green = 0, wtc.colon1_font.blue = 0;
  wtc.colon1_font.bg_red = 31, wtc.colon1_font.bg_green = 63, wtc.colon1_font.bg_blue = 31;
  wtc.colon2_font.red = 0, wtc.colon2_font.green = 0, wtc.colon2_font.blue = 0;
  wtc.colon2_font.bg_red = 31, wtc.colon2_font.bg_green = 63, wtc.colon2_font.bg_blue = 31;

  wtc.ymd_font.red = 0, wtc.ymd_font.green = 0, wtc.ymd_font.blue = 0;
  wtc.ymd_font.bg_red = 31, wtc.ymd_font.bg_green = 63, wtc.ymd_font.bg_blue = 31;

  news_font.red = 0, news_font.green = 0, news_font.blue = 0;
  news_font.bg_red = 31, news_font.bg_green = 63, news_font.bg_blue = 31;

  LCD.scrolleFontColorSet( news_font );
}
//******フォント設定パターン例３**********************************
void Font_Pattern3(){
  LCD.drawRectangleFill(0, 40, 319, 116, 0, 0, 0); //時計表示消去(黒で塗りつぶし)

  for( num = 0; num < 6; num++ ){
    wtc.font[num].red = 31, wtc.font[num].green = 0, wtc.font[num].blue = 0;
    wtc.font[num].bg_red = 0, wtc.font[num].bg_green = 0, wtc.font[num].bg_blue = 0;
    LCD.scrolleFontColorSet( wtc.font[num] );
  }

  wtc.colon1_font.red = 31, wtc.colon1_font.green = 0, wtc.colon1_font.blue = 0;
  wtc.colon1_font.bg_red = 0, wtc.colon1_font.bg_green = 0, wtc.colon1_font.bg_blue = 0;
  wtc.colon2_font.red = 31, wtc.colon2_font.green = 0, wtc.colon2_font.blue = 0;
  wtc.colon2_font.bg_red = 0, wtc.colon2_font.bg_green = 0, wtc.colon2_font.bg_blue = 0;

  wtc.ymd_font.red = 31, wtc.ymd_font.green = 0, wtc.ymd_font.blue = 0;
  wtc.ymd_font.bg_red = 0, wtc.ymd_font.bg_green = 0, wtc.ymd_font.bg_blue = 0;

  news_font.red = 31, news_font.green = 0, news_font.blue = 0;
  news_font.bg_red = 0, news_font.bg_green = 0, news_font.bg_blue = 0;

  LCD.scrolleFontColorSet( news_font );
}
//******フォント設定パターン例４**********************************
void Font_Pattern4(){
  LCD.drawRectangleFill(0, 40, 319, 116, 0, 0, 25); //時計表示消去(赤で塗りつぶし)

  for( num = 0; num < 6; num++ ){
    wtc.font[num].red = 31, wtc.font[num].green = 63, wtc.font[num].blue = 0;
    wtc.font[num].bg_red = 0, wtc.font[num].bg_green = 0, wtc.font[num].bg_blue = 25;
    LCD.scrolleFontColorSet( wtc.font[num] );
  }

  wtc.colon1_font.red = 31, wtc.colon1_font.green = 0, wtc.colon1_font.blue = 31;
  wtc.colon1_font.bg_red = 0, wtc.colon1_font.bg_green = 0, wtc.colon1_font.bg_blue = 25;
  wtc.colon2_font.red = 31, wtc.colon2_font.green = 0, wtc.colon2_font.blue = 31;
  wtc.colon2_font.bg_red = 0, wtc.colon2_font.bg_green = 0, wtc.colon2_font.bg_blue = 25;

  wtc.ymd_font.red = 31, wtc.ymd_font.green = 63, wtc.ymd_font.blue = 0;
  wtc.ymd_font.bg_red = 0, wtc.ymd_font.bg_green = 0, wtc.ymd_font.bg_blue = 25;

  news_font.red = 31, news_font.green = 63, news_font.blue = 0;
  news_font.bg_red = 0, news_font.bg_green = 0, news_font.bg_blue = 25;

  LCD.scrolleFontColorSet( news_font );
}
//****************************************
void button_action(){
  btnA.buttonAction( buttonA_GPIO, true, 30, 300 ); //チャタリング対策 30ms, 長押し300ms
  switch( btnA.ButtonStatus ){
    case btnA.MomentPress:
      Serial.println("Button A Moment Press");
      Font_Pattern1();
      wtc.watchDispReset();
      break;
    case btnA.ContPress:
      Serial.println("-------------Button A Cont Press");
      Font_Pattern2();
      wtc.watchDispReset();
      break;
    default:
      break;
  }

  btnB.buttonAction(buttonB_GPIO, true, 30, 300); //チャタリング対策 30ms, 長押し300ms
  switch( btnB.ButtonStatus ){
    case btnB.MomentPress:
      Serial.println("Button B Moment Press");
      Font_Pattern3();
      wtc.watchDispReset();
      break;
    case btnB.ContPress:
      Serial.println("-------------Button B Cont Press");
      Font_Pattern4();
      wtc.watchDispReset();
      break;
    default:
      break;
  }

  btnC.buttonAction(buttonC_GPIO, true, 30, 300); //チャタリング対策 30ms, 長押し300ms
  switch( btnC.ButtonStatus ){
    case btnC.MomentPress:
      Serial.println("Button C Moment Press");
      num = 0;
      news_scl_set.interval++;
      if( news_scl_set.interval> 200 ) news_scl_set.interval = 200;
      break;
    case btnC.ContPress:
      Serial.println("-------------Button C Cont Press");
      num = 0;
      news_scl_set.interval--;
      if( news_scl_set.interval < 0 ) news_scl_set.interval = 0;
      break;
    default:
      break;
  }
}

const char* yahoo_root_ca= \
"-----BEGIN CERTIFICATE-----\n" \
"MIIDWjCCAkKgAwIBAgIBADANBgkqhkiG9w0BAQUFADBQMQswCQYDVQQGEwJKUDEY\n" \
"MBYGA1UEChMPU0VDT00gVHJ1c3QubmV0MScwJQYDVQQLEx5TZWN1cml0eSBDb21t\n" \
"dW5pY2F0aW..................(中略)........................QyMDQ5\n" \
"WjBQMQswCQ..................(中略)........................cwJQYD\n" \
"VQQLEx5TZW..................(中略)........................qGSIb3\n" \
"DQEBAQUAA4..................(中略)........................rw8yl8\n" \
"9f/uKuDp6b..................(中略)........................AZJ6kJ\n" \
"DKaVv0uMDP..................(中略)........................7AwFb9\n" \
"Ms+k2Y7CI9..................(中略)........................hWZq/N\n" \
"QV3Is00qVU..................(中略)........................lLqCHJ\n" \
"xrHty8OVYN..................(中略)........................A9MB0G\n" \
"A1UdDgQWBB..................(中略)........................YDVR0T\n" \
"AQH/BAUwAw..................(中略)........................NgE+vG\n" \
"kl3g0dNq/v..................(中略)........................POCEfr\n" \
"Uj94nK9Nrv..................(中略)........................QVy+n5\n" \
"Bw+SUEmK3T..................(中略)........................NnPaJU\n" \
"JRDL8Try2frbSVa7pv6nQTXD4IhhyYjH3zYQIphZ6rBK+1YWc26sTfcioU+tHXot\n" \
"RSflMMFe8toTyyVCUZVHA4xsIcx0Qu1T/zOLjw9XARYvz6buyXAiFL39vmwLAw==\n" \
"-----END CERTIFICATE-----\n";

yrg.getYahooJweatherRCA(yahoo_root_ca, 1, yahoo_weather_host, yahoo_weather_target_url);
yrg.getYahooJnewsRCA(yahoo_root_ca, 1, yahoo_news_host, yahoo_news_target_url);

えらい行数が多くなっていますが、内容はフォントの色やサイズを設定しているだけなので、シンプルだと思います。
難しい計算式はできるだけライブラリに詰め込みました。

20行目で時計表示の自作カスタムフォントを指定しています。

28-30行目のところで、私のライブラリの名前空間を使っています。
mgo_tec_esp32_bv1::
という名前を入力することが面倒なときに、28行目のコメントを外して、
mgo_tec_esp32_bv1::
を全て消去すれば良いです。
ただし、そうすると他のライブラリと共に使う場合に名前の重複が起きる可能性が高まるので、using namespace は極力使わない方が良いと思います。

あとは、フォント色やサイズなどのパラメーター専用クラスで代入するだけなので、意味が分かる値代入ができると思います。

その他、天気予報フォント色や、メッセージウィンドウフォント色はライブラリクラス内で設定していますので、変更したい方はそちらを変更してください。
まだ試行錯誤中なので、そこまで細かい設定がユーザーで可能なようには作り込んでいません。
この辺で勘弁してください。

コンパイル書き込み実行

では、コンパイル書き込み実行させてみてください。
WIFI_OFF にした場合、Arduino IDE 「ツール」「Core Debug Level “なし”」にしてください。

C:\Users\__user_name__\Documents\Arduino\libraries\ESP32_mgo_tec-master\src\ESP32_mgo_tec_bV1\Sensor

ご自分のルーター（アクセスポイント）の電源を切ったり入れたりしてみてください。
最初に紹介した動画のように動作すればＯＫです。

因みに、動画では１分毎に記事を取得していますが、前項のスケッチでは３分毎にしています。

ボタン操作は以下の通りです。

●ボタンＡ
瞬時押し：フォント色変更
長押し：フォント色変更

●ボタンＢ
瞬時押し：フォント色変更
長押し：フォント色変更

●ボタンＣ
瞬時押し：スクロール減速
長押し：スクロールスピードアップ

編集後記

いかがでしょうか。
上手く動きましたでしょうか。

前回に引き続き、今回もプログラミングについてかなり沢山吸収できました。
自分の思った通りのプログラムがだんだん組めるようになってきました。
新たな勉強したおかげで、プログラムの自由度が増しましたね。
やっぱり先人技術者や現職プログラマの方々が言っていることは本当だったんですね。

そして、Arduino ライブラリの作り方Now How もだいぶ蓄積されてきました。
この方法で正しいのかどうかは良く分からないのですが、おそらくこうだ！　という方向性が自分なりに見えてきました。
いつか、ライブラリの作り方の記事も書いてみようと考えています。

継続すると何かと見えてくるもんですね。

ということで、今回はここまでです。

ではまた・・・。