Giardino Familiare – プログラマー×助産師がオープンガーデンで開業するまでの道のり

ガーデニング

2022年8月25日

タグ: アクアテラリウム

アクアテラリウムを始めました

こんにちは、Lineaです。前回の更新からま […]

M5 / プログラミング

2022年6月4日

タグ: IoT, M5Atom, プログラミング

ARGBライトでゲーミング苔

こんにちはLineaです。前回、湿度センサ […]

こんにちはLineaです。

前回、湿度センサとUSB加湿器で苔の水やりを自動化してみました。あれからシステムとしては安定して、水を2,3日おきに補充するだけになったので楽になりました。

M5Atomと100均加湿器で作る自動苔水やりシステム

しかし、なんとなく見た目が寂しいなと思っていたのですが、明かりが足りないことに気が付きました。アクアリウムではライトで照らしてやるのが基本ですから、苔にもそういったライトがあれば映えるのではないかと。

アクアリウム用のライトを買ってきても良かったのですが、折角M5Atomを使っているならライトも制御したいと考え、最近流行りのLEDテープを使って光り方を制御してみようというのが今回の趣旨です。

今回の成果としてこんな感じになりました。虹色に光らせるとゲーミング感（？）満点になったので満足です。

LEDの選定

今回、購入して使用したLEDがこちらです。

EZDIY-FAB 新しいアドレス指定可能な5V 3PIN RGB LEDストリップセット

LEDテープ類を色々調べているとゲーミングPCの装飾用の製品がおしゃれで丁度よさそうでした。シリコンカバーに覆われているため、光が拡散して線としてきれいに見えます。また、ある程度の防水性も期待できそうです。

こういったLEDテープ類で虹色など光り方を自由に変えられるタイプは軒並みNeoPixel系と呼ばれるLEDチップが使われています。LEDチップ内にICが入っていて、シリアル通信で光り方を個別に制御できるため虹色など様々な光らせ方ができます。また、制御用のライブラリも公開されているので比較的簡単に制御できます。

今回使ったのはゲーミングPC用の製品（いわゆる3ピンARGB）ですが中身は電子工作用のLEDテープと同じなのでそのままM5Atomなどで制御できました。コネクタが配線済みと考えるとむしろPC用はお得かも？

配線

PC用の3ピンARGBタイプのコネクタは次のようになっています。

5VとGNDはそれぞれM5Atomの5V出力、GNDへ接続します。データピンはシリアル通信ができるピンならどこでもいいので、今回は5V,GNDに隣接する25ピンを使用しました。

設置

今回購入した製品には設置用のステー（直線、90°）が付属していたので、利用して水槽の天板に両面テープで固定しました。

LED制御

今回使うNeoPixel系のLEDテープを制御するライブラリとしてFastLEDを使用します。FsatLEDはM5Atom内蔵のLED制御にも使われていて、既にライブラリが入っているはずなのでインストールについては割愛します。

FastLEDライブラリでLED制御する際はライブラリ内のstatic変数で競合するため、M5AtomライブラリのLED制御と同時に使うことができません。M5Atomの初期化時に本体側のLEDをオフにする必要があります（後述）。

プログラム

購入したLEDテープ用に下の制御クラスをM5AtomのLED処理を参考に作成しました。

#ifndef __LEDBar_H
#define __LEDBar_H

#include <FastLED.h>
#include "utility/Task.h"

#define NUM_LEDS_BAR 30
#define DATA_PIN_BAR 25

enum LightingMode 
{
    Static,
    Move,
    Breath,
    Rainbow,
};

class LEDBar: public Task
{
private:
    CRGB _ledbuff[NUM_LEDS_BAR];
    uint8_t _ledNumber;

    LightingMode _mode;
    CRGB _mainColor;
    CHSV _maniHSV;

    uint8_t _movePos;

    SemaphoreHandle_t _xSemaphore = NULL;

public:
    LEDBar();
    ~LEDBar();

    void begin(uint8_t LEDPin = DATA_PIN_BAR ,uint8_t LEDNumber = NUM_LEDS_BAR);
    void run(void *data);

    void setBrightness(uint8_t brightness);
    void setLightingMode(LightingMode mode, CRGB color);
    void lightOff();
};

#endif

#include "LEDBar.h"

LEDBar::LEDBar()
{

}

LEDBar::~LEDBar()
{

}

void LEDBar::begin(uint8_t LEDPin ,uint8_t LEDNumber)
{
    FastLED.addLeds<WS2812, DATA_PIN_BAR>(_ledbuff, LEDNumber);
    _xSemaphore = xSemaphoreCreateMutex();
    _ledNumber = LEDNumber;
}

void LEDBar::run(void *data)
{
    data = nullptr;

    for (int num = 0; num < NUM_LEDS_BAR; num++)
    {
        _ledbuff[num] = 0x000000;
    }
    FastLED.show();
    FastLED.setBrightness(20);

    while (1)
    {
        xSemaphoreTake(_xSemaphore, portMAX_DELAY);
        switch (_mode)
        {
            case LightingMode::Static:
                fill_solid(_ledbuff,_ledNumber,_mainColor);
                break;
            case LightingMode::Move:
                fadeLightBy(_ledbuff,_ledNumber,30);
                _movePos++;
                if(_movePos >= _ledNumber)
                {
                    _movePos = 0;
                }
                _ledbuff[_movePos] = _mainColor;
                break;
            case LightingMode::Breath:
            {
                uint8_t BeatsPerMinute = 16;
                uint8_t beat = beatsin8( BeatsPerMinute, 0, 255);
                _maniHSV.value = beat;
                fill_solid(_ledbuff,_ledNumber,CRGB(_maniHSV));
                break;
            }
            case LightingMode::Rainbow:
                fill_rainbow(_ledbuff,_ledNumber,_maniHSV.hue);
                _maniHSV.hue++;
                break;
            default:
                break;
        }
        FastLED.show();
        xSemaphoreGive(_xSemaphore);
        delay(20);
    }
}

void LEDBar::setBrightness(uint8_t brightness)
{
    xSemaphoreTake(_xSemaphore, portMAX_DELAY);
    FastLED.setBrightness(brightness);
    xSemaphoreGive(_xSemaphore);
}

void LEDBar::setLightingMode(LightingMode mode, CRGB color)
{
    xSemaphoreTake(_xSemaphore, portMAX_DELAY);
    _mode = mode;
    _mainColor = color;
    _maniHSV = rgb2hsv_approximate(color);
    xSemaphoreGive(_xSemaphore);
}

void LEDBar::lightOff()
{
    setLightingMode(LightingMode::Static,CRGB::Black);
}

FastLEDライブラリの基本的な使い方として、LEDの色情報バッファをFastLED.show()で実際にLEDに送信します。
光が動いているように見せるには定期的に色情報バッファの更新と送信を行う必要があるため、表示更新関数run()をタスクで定期実行させています。
マルチスレッドで動作するため、発光モードや色などの設定処理はセマフォで排他制御を行っています

発光のパターンについてはとりあえず4種類を定義して用意してみました。

単色
流れる
明滅
レインボー

レインボーはゲーミングの定番だけあってか、ライブラリで既に関数が用意されていて呼ぶだけなので実は1番簡単だったりします。意外と苦労したのは流れる表示の方ですね。

使い方

上のLEDBarクラスは次のように使用します

#include <M5Atom.h>
#include "LEDBar.h"

//LEDBarのインスタンス
LEDBar ledBar;

void setup() {
  //M5スタート 3つ目の引数が内蔵LED制御の有効化なのでFalseにしておく
  M5.begin(true,false,false);

  //LEDバーを初期化 第一引数 データピン、第二引数 LED個数
  ledBar.begin(25,30);
  //LEDバーの更新タスクを開始
  ledBar.setTaskName("LEDBar");
	ledBar.setTaskPriority(2);
	ledBar.start();
  delay(10);
  //LEDバーの明るさを設定
  ledBar.setBrightness(64);
  //LEDバーの発光モードと色を指定
　ledBar.setLightingMode(LightingMode::Breath,CRGB::Red);
　delay(5000);
  //虹色
  ledBar.setLightingMode(LightingMode::Rainbow,CRGB::Blue);
}

begin()関数でLEDのピンと個数を設定します。その後、タスクを開始します。タスク開始後に明るさや発光モード、色を指定して発光させることができます。
FastLEDライブラリの仕様で数値は8bit=256での指定のため、明るさは0~255、色はCRGB型で表します。色についてはFastLEDライブラリでデフォルト定義の色やRGB(0~255,0~255,0~255)で指定することができます。
ただ、LEDの種類によってはBRGの順で光る物があるようで今回購入したものもそうでした。その場合色の読み替えなどが必要になるので注意してください。

今回はここまでです。
ゲーミングPCなどでもおなじみのレインボー発光などが自分で制御して作れるということがわかって楽しかったです。
オリジナルの発光パターンも今後増やしてみたいですね。
それではまた！

M5 / プログラミング

2022年5月1日

タグ: IoT, M5Atom, ガーデニング, プログラミング

M5Atomと100均加湿器で作る自動苔水やりシステム

こんにちは、Lineaです久しぶりの更新と […]

こんにちは、Lineaです

久しぶりの更新となってしまいました。

半年ほど前から苔を育てているのですが、1日数回の霧吹きというのをつい忘れてしまいます。
そのため、水不足で何度か苔が茶色くなったり黒ずんだりしてダメにしてしまいました。

以前、M5Atomでガーデニングの水分管理を行ってみましたが、その延長で小型の加湿器を使って自動水やりができるのではないかと考えて作ってみました。

ハードウェア

水やりシステムで使用したものは以下のとおりです。M5Atomはすでに持っていたのでセンサ代と加湿器、部品代で1500円ぐらいです。

M5 Atom
湿度センサ（ENVⅢ ユニット）
100均 USB 加湿器(ダイソー）
ブレッドボード
USBコネクタ
トランジスタ(2N2222)
抵抗(2.2kΩ,10kΩ)

システムの配線は下の図のとおりです

湿度センサとM5はGroveで接続し、計測した湿度値に応じてUSBコネクタの5Vラインを簡単なトランジスタ回路でスイッチングして加湿器への電力のON/OFFを制御します。

湿度センサにはM5シリーズ向けのセンサユニットを使用しています。画像では以前買ったM5StickC用のHATタイプをAtomに接続したものを本体ごと水槽に入れていますが、流石に湿度でAtom本体が逝きそうなので後で替えています。ユニット化されてGroveケーブルで回路本体と分離できるので、もし壊れてもセンサユニットの替えがきくので安心です。

加湿器にはダイソーの300円USB加湿器を使用しました。ここで重要なのがスイッチやタイマー機能がついておらず、USB端子に電流が流れるだけで動作する単純なものを使用することでした。M5から加湿器に対して制御できるのが電流のON/OFFだけなので、余計な機能がついていると制御できない可能性があるからです。
最近の100均製品も進化していてスイッチやタイマーがついているものが多く、意外と単純なものを探すのに苦労しました。作り始めたのが4月頭だったので加湿器のシーズンが終わっていたこともあって1週間ほど100均めぐりをしてやっと見つけたのがダイソーの300円加湿器でしたので、同じこと考えている人はご参考ください。

加湿器への電流のオンオフはM5のピンから直接流すのは流石に怖かったので簡単なスイッチング回路を組んでいます。抵抗計算はいい加減ですがUSB端子に150mAぐらい流せるように計算してみました。とりあえず加湿器は元気に動いてくれているので大丈夫そうです。

プログラム

プログラムは以前つくった水分計測システムを元にしています。
動作としては5分おきに湿度測定、加湿器の動作決定、ディープスリープを繰り返します。湿度値などはデータベースサービスのAmbientへ送信しています

#include <M5Atom.h>
#include <WiFi.h>
#include <Ambient.h>
#include "driver/rtc_io.h"
#include "SHT3X.h"
#include "key.h"

//define
#define SLEEP_MIN(min) min*60000000ULL
//GRB?
#define LED_PINK 0x55FFAA
#define LED_GREEN 0xFF0022
#define LED_BLUE 0x0022FF
#define LED_YELLOW 0xAAAA00
#define LED_RED 0x00FF22
#define LED_OFF 0x000000
//明るさ
const uint8_t kLEDBright = 15;
//pin定義
const gpio_num_t kPowerPin = GPIO_NUM_33; //電力供給
//スリープ時間
const uint64_t sleepMin = 5;

//加湿稼働閾値
const float minHumidity = 70;
const float targetHumidity = 90;
//static変数
WiFiClient client;
Ambient ambient;

//温湿度センサ
const uint8_t kI2CSclPin = 32;
const uint8_t kI2CSdaPin = 26;
SHT3X sht3x = SHT3X(kI2CSclPin,kI2CSdaPin);

//保存変数
RTC_DATA_ATTR bool humidifierActive = false;
RTC_DATA_ATTR float humidityInteglal = 0;

//functions

//加湿ONOFF
void sethHumidifier(bool sw)
{
  humidifierActive = sw;
  rtc_gpio_set_level(kPowerPin, sw ? HIGH:LOW);
}

//測定
void measure(){

  //温湿度計測
  if(sht3x.get() ==0){
    //ambient セット
    float humidity = sht3x.humidity;
    ambient.set(7,sht3x.cTemp);
    ambient.set(8,humidity);
    Serial.printf("temp:%.2f \n",sht3x.cTemp);
    Serial.printf("humidty:%.2f \n",humidity);

    //湿度によってLED色変える
    CRGB col = LED_GREEN;
    #ifdef false
    //カラー無段階変化
    fract8 frac = humidity / 100.f * UINT8_MAX;
    col = col.lerp8(CRGB::Red,frac);
    Serial.printf("humid color R:%d, G:%d, B:%d\n",col.r,col.g,col.b);
    #else
    //段階カラー
    if(humidity < targetHumidity){
      col = LED_YELLOW;
      if(humidity < minHumidity)
      {
        col = LED_RED;
      }
    }
    #endif

    M5.dis.fillpix(col);

    //加湿器稼働
    humidityInteglal = min(max((humidityInteglal + (targetHumidity - humidity))*0.5f,-10.f),10.f);
    sethHumidifier(humidityInteglal > 0);
    ambient.set(6,humidifierActive);
    Serial.printf("humidifier:%d \n",humidifierActive);
  }

  //Ambient送信
  ambient.send();  
}

//Wifi接続
void connectNet()
{
  // WiFi接続
  Serial.printf("Connecting to %s ", wifi_ssid);
  WiFi.begin(wifi_ssid, wifi_key);
  while (WiFi.status() != WL_CONNECTED) {
    M5.dis.fillpix(LED_BLUE);
    delay(250);
    M5.dis.fillpix(LED_OFF);
    delay(250);
    Serial.print(".");
  }
  Serial.println("CONNECTED");

  //Ambient setup
  ambient.begin(channelId, writeKey, &client); // チャネルIDとライトキーを指定してAmbientの初期化
}

//カウントダウン
void countDown(const char *dispTxt,const int sec)
{
  int count = sec;
  while (count >= 0)
  {
    count--;
    M5.dis.fillpix(LED_PINK);
    //1秒待つ
    delay(500);
    M5.dis.fillpix(LED_OFF);
    delay(500);
  }
}

void setup() {
  Serial.println("Setup");

  //M5スタート
  M5.begin(true,false,true);

  //ピンをセットアップ
  rtc_gpio_init(kPowerPin);
  rtc_gpio_set_direction(kPowerPin,RTC_GPIO_MODE_OUTPUT_ONLY);
  //rtc_gpio_set_level(kPowerPin,LOW);

  M5.dis.setBrightness(kLEDBright);

  //Wifi接続はクロック上げたほうがいいらしい？CPUクロックを戻す
  setCpuFrequencyMhz(160);

  //ネットワーク系初期化
  connectNet();

  //CPUクロックを下げる 80より下はWifi使えないらしい
  setCpuFrequencyMhz(80);
}

void loop() {
  //計測カウントダウン
  countDown("measure",3);

  //計測
  measure();
  
  //wait
  delay(100);

  //wifiオフ
  WiFi.disconnect();
  //pinもオフにする
  //pinMode(kPowerPin,DISABLED);

  //スリープカウントダウン
  //countDown("sleep",3);
  //LED停止
  //M5.dis.stop();

  //スリープ
  Serial.println("Enter sleep");
  Serial.printf("sleep time: %ld \n",SLEEP_MIN(sleepMin));

  esp_sleep_pd_config(ESP_PD_DOMAIN_RTC_PERIPH,ESP_PD_OPTION_ON);
  esp_sleep_enable_timer_wakeup(SLEEP_MIN(sleepMin));
  esp_deep_sleep_start();
}

Wifiやデータベース（Ambient）へのアクセス情報はmainに書くとGit管理などでうっかり上げてしまいそうなので、別途”key.h”と別ヘッダに置くようにしました。

#ifndef __key_H
#define __key_H

//wifi情報
const char wifi_ssid[32]="SSID";
const char wifi_key[64]="Wifi_Pass";
//ambient情報
const unsigned int channelId = 00000; // AmbientのチャネルID
const char* writeKey = "Write_Key"; // ライトキー

#endif

温湿度センサで使用しているライブラリ「SHT3X」については過去記事で導入の解説をしているので参考にしてください

M5AtomでENVⅡHatを使う

要所解説

湿度計測

//温湿度センサ定義
const uint8_t kI2CSclPin = 32;
const uint8_t kI2CSdaPin = 26;
SHT3X sht3x = SHT3X(kI2CSclPin,kI2CSdaPin);

//温湿度計測
void measure(){
  if(sht3x.get() ==0){
    //計測完了時の動作
    float humidity = sht3x.humidity;
    }
}

湿度センサの使い方は過去記事とほぼ同様です。今回はSHT3Xのオブジェクトを作成時にGroveのデータピン32,26を指定します。計測はSHT3X::get()を呼び出します。このとき返り値0であれば成功ですのでif文などで分岐して計測時の動作を記述します。測定値はオブジェクト内に保存されているので必要な値を取り出します。

加湿器の動作

//加湿稼働閾値
const float targetHumidity = 90;

//加湿器稼働
    humidityInteglal = min(max((humidityInteglal + (targetHumidity - humidity))*0.5f,-10.f),10.f);
    sethHumidifier(humidityInteglal > 0);
    ambient.set(6,humidifierActive);
    Serial.printf("humidifier:%d \n",humidifierActive);

加湿器の稼働の判断は目標の湿度値との差分をもとにオンオフの判定を行っています。単純にその時の湿度値で判定すると値の変化に過敏になりすぎるので前回の計算値との移動平均の値で判定をしてみています。後述する結果でもわかりますが、それでもオンオフを交互に繰り返すような結果なので計算方法は今後も考えていきたいです。

//保存変数
RTC_DATA_ATTR bool humidifierActive = false;
RTC_DATA_ATTR float humidityInteglal = 0;

//加湿ONOFF
void sethHumidifier(bool sw)
{
  humidifierActive = sw;
  rtc_gpio_set_level(kPowerPin, sw ? HIGH:LOW);
}

void setup() {
  //ピンをセットアップ
  rtc_gpio_init(kPowerPin);
  rtc_gpio_set_direction(kPowerPin,RTC_GPIO_MODE_OUTPUT_ONLY);

  //スリープ時にピン出力し続ける設定
  esp_sleep_pd_config(ESP_PD_DOMAIN_RTC_PERIPH,ESP_PD_OPTION_ON);
}

ディープスリープを使用しているので、加湿器の稼働判定用の変数や出力ピンの動作をスリープ中でも継続する必要があります。
スリープ中に変数を保存するには変数の定義の先頭にRTC_DATA_ATTRを設定することで保存されます。
ピンについては通常のピン入出力関数ではなく、rtc_gpio_で始まる関数を使用する必要があります。
esp_sleep_pd_config(ESP_PD_DOMAIN_RTC_PERIPH,ESP_PD_OPTION_ON)を呼ぶことでスリープ時にrtc_gpio_~で設定したピンの動作が継続できるようになります。

結果

結果はAmbientへ送信しているので、現在IoTの部屋でグラフとして確認することができます。

IoTの部屋

上は4/30の結果ですが、目標の90%を行ったり来たりしています。もうちょっとなだらかな結果を期待していたのですが、半開きのテラリウム水槽だと5分加湿器を止めるだけで結構水分が逃げていくみたいですね。
16時頃から加湿器用の水が切れたみたいで湿度が下がりっぱなしですが、稼働しないとこれだけ下がるということで効果はしっかりありそうです。

ゆくゆくは加湿器を単純にオンオフではなく、PWM的に間欠動作させて加湿量をコントロールしてよりフラットなグラフを目指すのも考えています。
でもその前に苔ルームに照明が欲しくなってきたのでそっちですかね

それではまた！

IT系・ガジェット / レビュー

2022年1月31日

タグ: GPD WIN３, UMPC, モバイルモニタ

GPD WIN3のその後

あけましておめでとうございます、Lineaで […]

IT系・ガジェット / レビュー / 未分類

2021年12月26日

タグ: PC, RTX 3060, グラフィックスボード, レビュー

GALAKURO GEFORCE RTX 3060【買い物レビュー】

こんにちは。Lineaです今年ももう終わりそ […]

M5 / プログラミング / 未分類

2021年12月12日

タグ: M5 StickC, python, プログラミング, 読書

M5StickCで速読リーダーを作ってみた

こんにちは、Lineaです。最近は買い物レ […]

こんにちは、Lineaです。

最近は買い物レビュー記事が続いていましたが、久々にプログラミングの記事です。

この前、普段観ているEテレの2355という番組で面白い生理現象?が紹介されていました。
文章の位置が変わらなければ人間は高速に文章が読めるという内容です。文章を読むときには目線を動かして文を追っているのですが、位置が変わらずに文章が切り替わると目線を動かさなくて良いので読めるそうです。Youtubeに同じ効果を紹介した動画がありました。

この効果を知って、本を速読するのに使えるのではと思いました。ちょうどM5StickCだとコンパクトで１行分の文字を表示できるサイズの画面を持ってるので、これで速読リーダーを作ってみたのが今回の内容になります。

青空文庫からダウンロードした本のテキストデータを加工して表示させています。メニュー画面で内部に保存しているテキストファイルを一覧から選択して読むことができます。1行ずつテキスト表示を切り替えていくので動画と同様に高速で読むことができます。進行度の保存機能もあるので電源を切っても続きから読むことができます。

とりあえずデバッグで使っている「吾輩は猫である」のテキストを読んでいますが、読む速度自体は結構早くても読めますね。ただ、古い本だと感じが旧字で見慣れなかったり、言い回しが古いので内容を理解するのが追いつかないときがあります。あらすじレベルでは頭に入ってきますが細かいニュアンスを考える時間がなく次に進んでいくので一長一短な感じはあります。

以下あまり需要なさそうな解説になります

プログラムを一応GitHubに上げてます。M5StickCPlus用にしか書いてないのでM5StickCではそのまま動かないと思います。本のデータは念のため抜いているので、別途用意が必要になります。

表示や状態管理で結構がっつりとファイル数が多くなったので今回は仕組みとポイントだけ解説していきます。

大まかな仕組み

大まかな流れとして次のような流れです。

元のテキストを形態素解析して文節で改行したテキストを作る
M5StickCに加工済みテキストをSPIFFS領域にアップロードする
M5StickC側でテキストデータを読み出し、1行ずつ表示する

テキストの加工は形態素解析で行うためM5StickCでは荷が重いので、pythonで前処理としてPCで行うようにしています。

テキストデータの加工

本を速読するのが目的なので、青空文庫からダウンロードしたテキストデータを表示用に加工するプログラムもpythonで作りました。ちなみに文を単語ごとに区切ることを分かち書きっていうんですね。

pythonで形態素解析ができるJanomeというライブラリを利用しています。これを使った理由としてはpythonでインストールが簡単でサクッと使えるためです。
形態素解析ではmecabが有名ですが、インストールが面倒そうだったのでこちらにしました。

Janomeは解析器のTokenizerをメインに前処理、後処理のフィルターを組み合わせたAnalayzerを作成してテキストを渡すだけで解析してくれます。解析で単語ごとに分かれたリストで返してくれるのでfor文などで必要な処理をします。上の例では解析した単語ごとに”/”で区切りを入れて表示します。

今回はM5StickCで表示する最大文字数を超えるか、助詞が来たら改行して表示用テキストを作っています。青空文庫から落とした「我輩は猫である」の例だとこんな感じです。

吾輩は猫である。名前はまだ無い。
↓
吾輩は
猫である
名前は
まだ無い

例だとうまくいっていますが、人物名など区切れない長い単語やセリフの「」の扱いなどまだ対応しきれていないところもあるので今後考えたいところです。

また、青空文庫のテキストデータにはフリガナや底本の情報などが乗っています。本文だけで読みたいのと形態素解析が正確にできないので、前処理として正規表現などで本文だけ抜き出す作業もしています。

M5StickCにテキストアップロード

本1冊分となるとテキストデータも数百KB~1MBほどと結構なサイズになります。吾輩は猫であるを加工したテキストデータは900KBほどになりました。

これをプログラムのソースコードとして一緒に書き込むとメモリサイズが心配になったので、SPIFFS領域というデータ保存用の領域に別途書き込むことにしました。ちなみにM5StickC全体ではメモリは4MBです。そのうちアプリ領域が1.2MBらしいのでやはり足りなくなりそうですね。SPIFFSは1.5MBなので1冊分は余裕そうですが、2冊入るかは本の組み合わせ次第になりそうです。

M5StickCへのデータのアップロードはPlatformIOを使っているととても簡単です。
プロジェクトのディレクトリ直下にdataフォルダを作成し、その下にアップロードしたいファイルを配置します。今回はdata/books/以下にテキストを配置しました。

次にPlatformIOのメニューを開き、「PromiseTasks」→「Platform」→「Upload FileSyste Image」でアップロードすることができます。アップロードしたデータはプログラムの変更に関係なく保存され続け、プログラム上からアクセスすることができます。

M5StickCでの表示

ここが今回一番頑張った部分ですが、結構がっつりと表示周りや機能を書いた結果解説しきれないものになってしまいました。
そこでいくつかM5StickCならではの部分だけ紹介したいと思います。

テキストデータの読み出し

先程SPIFFS領域に保存したテキストデータの読み出し方法です。SPIFFS領域にアクセスするには、そのままなSPIFFSクラスを使用します。

SPIFFSでスタティックなインスタンスを操作します。 SPIFFS.begin()で初期化しておいて、 SPIFFS.open()でアップロード時のdataフォルダをルートとしてたパスを渡すことでファイルにアクセスできます。Fileクラスで返ってくるので扱いやすいです。

進捗状況の保存

テキストの読み進め具合を保存する機能は読んだテキストのデータ位置を記録することで実装しています。

M5Stickで簡単に情報の保存をするにはPreferencesクラスを使用します。こちらはスタティックな変数が用意されてないので自分で適当にインスタンスを作ります。
Begin()で保存先のグループ名を指定します。get〇〇()で取得、put〇〇で保存になります。〇〇の部分はIntやFloatなど保存する型ごとに分かれています。

テキストファイルを1バイトずつread()で読んでいるので、同時にカウントアップしてデータ位置を保持しています。実際は毎行で保存するのもちょっと無駄に感じたので変数で位置を保持だけしておき、テキスト選択画面に戻る際にPreferencesで保存するようにしています。

日本語フォント表示

実はM5StickCは公式ライブラリ単体では日本語フォントがないので表示できないです。（簡体字はある）
M5StickCには他にTTFフォントなどを自由に使える機能もなさそうだったのでLangShipさんのライブラリを使用させてもらいました。

多言語(日本語)フォント表示
https://lang-ship.com/reference/unofficial/M5StickC/UseCase/UnicodeFont/

ヘッダファイルにフォントデータごと入っているのでライブラリとして組み込むだけで使うことができます。
ですが、現状でライブラリを落として組み込むと自分の環境ではビルドエラーが出るので少し修正が必要でした。

ライブラリに含まれるefontWrapperクラスでなんでかソースとヘッダ両方に実装が書かれているのでエラーになります。自分はラッパークラスを使わなかったのでとりあえずソースのefontWrapper.cppを消して解消しました。

また、実装がすべてヘッダに書かれているので複数のソースでefont.hを直接インクルードするとリンカエラーになりました。この対策として以下のように関数を更にラップした関数を作成してそちらはソースとヘッダに分けることで回避しました。

ソース側でefontライブラリのヘッダを読むようにしています。こうすることでefontライブラリのヘッダはソースで1回しか読まれないのでヘッダの多重読み込みが防止されます。
ヘッダに実装書かれるとインクルードガードしてもそれぞれのオブジェクトコンパイルで読まれてしまうのでリンカで多重読み込みエラーになるんですね。main.cppだけで大体書く実装なら問題ないんでしょうけどね

最後に

解説しきれないのですがM5Stickでの表示部分は結構頑張りました。以前作った魚釣りゲームのオブジェクト管理から流用してアップグレードしたので、シーン単位でオブジェクト管理や遷移ができるようになっています。UIのボタン選択なども作ったので、今後他にもリッチなアプリケーションも作っていけそうです。

ただ色々リッチにしようとするとメモリ管理がシビアになってくるので難しいですね。今回もメモリリークに悩まされたり、画像を扱うメモリ余裕がなかったりと色々難しさを体験しました。

また、本のテキスト加工をPCで前処理で分けて行っていますが新しい本を追加しようとすると手作業になるのでローカルサーバーで処理して自動化できたらいいなとも思いました。今後の挑戦目標としようと思います。

それではまた！

未分類 / 進捗状況

2021年12月3日

タグ: ブランク, ママさんナース, 不安, 看護職の職場復帰, 職場復帰

ナースの職場復帰と私的感謝の気持ち

12月に入り、窓の結露がすごいことに……寝て […]

母乳・育児のこと

2021年11月29日

タグ: オンライン相談, 助産師, 母乳育児

お手本・数字・情報の取捨選択（と宣伝）

お風呂場でアロマキャンドルを焚きながらヒーリ […]

レビュー / 未分類

2021年11月6日

タグ: レビュー, 空気清浄機

空気清浄機 Blue Pure 411 【買い物レビュー】

こんにちは、Lineaです最近メンタル的に […]

未分類

2021年10月26日

タグ: リラクゼーション, リラックス

リラックスすること②

我が家にはトースターがありませんので、お外で […]

ガーデニング

GPU	GEFORCE RTX 3060
コアクロック	Boost：1807 MHz
VRAM	12 GB
メモリクロック	15 Gbps
メモリバス幅	192 bit
メモリ規格	GDDR6
補助電源	8pin x1
バス	PCI-Express 4.0
出力端子	DisplayPort x3 HDMI x1

CPU	Ryzen 5 1600
メモリ	DDR4-3333 8G ×2 (OC運用)

	平均FPS	最大FPS	最小FPS
RTX 3060	93	101	71
RX480	31	35	26

	平均FPS	最大FPS	最小FPS
RTX 3060	73	82	61
RX480	70	86	6