ソースコードをSS-Blogブログに貼る

今回は、このSS‐Blogブログにソースコードを貼っていきます。

参考
https://cozy-growth.blog.ss-blog.jp/2017-07-27

ブログのHTMLを編集
ここで、自分のブログのHTMLを付け加えてソースコード化できるようにします。この操作は、1ユーザーに対して1回でいいです。また、HTMLは、いつでも追加・編集・削除ができます

「デザイン」タブを開いて

「テンプレート管理」を開いて

「HTMLの追加」を押して

/head　で検索して、
</head>の上に次のコードを追加(ここはいらない)

<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>
<link rel="stylesheet" href="https://cdn.rawgit.com/google/code-prettify/master/styles/sons-of-obsidian.css" type="text/css" />
<style type="text/css">
pre {
    white-space: -moz-pre-wrap; 
    white-space: -pre-wrap; 
    white-space: -o-pre-wrap;
    white-space: pre-wrap; 
    word-wrap: break-word; 
}
</style>

最後に保存を押す

これで設定は完了です

使い方
ここで、実際にソースコード化してみます。ここの操作は、使いたいとき、その場所で行ってください。


1．以下のサイトで、HTML特殊文字変換をする
<や>、&などは、HTMLの最初の文字と認識され、ソースコードに支障が出てしまうので、ここで、特殊文字を変換します。
https://tech-unlimited.com/escape.html
自分でも作ってみました
https://hrt-13856.blog.ss-blog.jp/2021-01-17

2．ソースコードを入れる
ソースコードを入れたいところで
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<pre class="prettyprint linenums:1">
ソースコード
</pre>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
と記入すると、ブレビューなどで、ソースコード化していると思います。

こんな感じになっています
<や>などには気を付けてねー
(プログラムだと"こんな風"に色も付きます。自分のコードを貼ってみて試してください)

ポイント
ソースコードを入れると、たまに、
例:さっきのHTMLで追加する文章

<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>
<link rel="stylesheet" href="https://cdn.rawgit.com/google/code-prettify/master/styles/sons-of-obsidian.css" type="text/css" />
<style type="text/css">
pre {
    white-space: -moz-pre-wrap; 
    white-space: -pre-wrap; 
    white-space: -o-pre-wrap;
    white-space: pre-wrap; 
    word-wrap: break-word; 
}
</style>

改行が変になってコピペしても元の文に戻らないとこがある。そんなときは、

/
<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>
<link rel="stylesheet" href="https://cdn.rawgit.com/google/code-prettify/master/styles/sons-of-obsidian.css" type="text/css" />
<style type="text/css">
pre {
    white-space: -moz-pre-wrap; 
    white-space: -pre-wrap; 
    white-space: -o-pre-wrap;
    white-space: pre-wrap; 
    word-wrap: break-word; 
}
</style>

このようにHTMLの特殊文字以外の文字を先に入れるといい
プログラムのソースコードでこんなことが起こったら、コメントアウトの文字
(C言語 " / ")
(VB " ' ")
を入れるといいかも

M5StackでAE-MOTOR88302個をBlinkで遠隔操作

注意
Arduinoでは、16進数を右に1ビットシフトする

配線
2つのモータードライバーに並列に5V GND SCL SDAを配置
絵は後程追加


ディスプレイにも電圧が表示されます

ソースコード

//参考
//https://spiceman.jp/arduino-drv8830-program/
//https://yujimiyano.tumblr.com/post/89433536983/konashi-2-i2c-ae-drv8830-dc
//https://makers-with-myson.blog.ss-blog.jp/2014-05-15
//

#include <Wire.h>
#include <M5Stack.h>

// I2Cアドレス
#define DRV8830_1 0x64  // DRV8830のI2Cアドレス1
#define DRV8830_2 0x61  // DRV8830のI2Cアドレス2
#define CONTROL 0x00  // CONTROLレジスタのサブアドレス
#define FAULT 0x01    // FAULTレジスタのサブアドレス

int power1_1 = 0;   // +-63諧調あるがBlynkでは+-10諧調
int power1_2 = 0;  //　power1_1の値が変わっているかを調べるために変数power1_2を作成
//⇑左(0x64)
//⇓右(0x61)
int power2_1 = 0;
int power2_2 = 0;

//
#define BLYNK_PRINT Serial
#define BLYNK_USE_DIRECT_CONNECT

//#include <M5Stack.h>             //追加部分　上記にあるので削除
#include <BlynkSimpleEsp32_BLE.h>  //追加部分
#include <BLEDevice.h>             //追加部分
#include <BLEServer.h>             //追加部分
char auth[] = "k2sr_8wGTqfHzV9oTpD5Z4f-vh1vUu3i";//追加部分
//



void setup() {
  M5.Speaker.begin(); // これが無いとmuteしても無意味です。
  M5.Speaker.mute();

  Serial.begin(9600);       //追加部分
  //Serial.begin(115200);
  Blynk.setDeviceName("Blynk");   //追加部分
  Blynk.begin(auth);              //追加部分

  Wire.begin();   //I2Cを使う宣言
  M5.begin();     //M5 Stackを使う宣言

  M5.Lcd.setTextColor(YELLOW), M5.Lcd.setTextSize(3), M5.Lcd.setCursor(100, 0); M5.Lcd.print("MOTOR");
  powerdisplay();
}


void loop() {

  Blynk.run();   //追加部分

  M5.update();

  if (power1_1 != power1_2) {
    powerdisplay();
    if (power1_1 > 0) {
      writeRegister(1 ,CONTROL, 0x04 + power1_1, 0x01);
    } else if (power1_1 == 0) {
      writeRegister(1 ,CONTROL, 0x00, 0x00);
    } else if (power1_1 < 0) {
      writeRegister(1 ,CONTROL, 0x04 + power1_1 * -1, 0x02);
    }
    power1_2 = power1_1;
  }

  if (power2_1 != power2_2) {
    powerdisplay();
    if (power2_1 > 0) {
      writeRegister(2 ,CONTROL, 0x04 + power2_1, 0x01);
    } else if (power2_1 == 0) {
      writeRegister(2 ,CONTROL, 0x00, 0x00);
    } else if (power2_1 < 0) {
      writeRegister(2 ,CONTROL, 0x04 + power2_1 * -1, 0x02);
    }
    power2_2 = power2_1;
  }
  delay(100);

}

void writeRegister(byte MotorNumber , byte reg, byte vset, byte DATA) {
  
  int vdata = vset << 2 | DATA;
  Serial.println(String(vdata, HEX));
  if (MotorNumber == 1) {
    Wire.beginTransmission(DRV8830_1);
    Serial.println("MOTOR_A");
  } else if (MotorNumber == 2) {
    Wire.beginTransmission(DRV8830_2);
    Serial.println("MOTOR_B");
  }
  Wire.write(reg);
  Wire.write(vdata);
  Wire.endTransmission(true);
}

void powerdisplay() {
  M5.Lcd.fillRect(0, 80, 320, 160, BLACK);
  M5.Lcd.setTextColor(YELLOW), M5.Lcd.setTextSize(3.5), M5.Lcd.setCursor(20, 80), M5.Lcd.print("M1:") , M5.Lcd.print(power1_1);
  if (power1_1 == 0) {
    M5.Lcd.print("(0.00V)");
  } else if (power1_1 > 0) {
    M5.Lcd.print("("), M5.Lcd.print(power1_1 * 0.08 + 0.4), M5.Lcd.print("V)");
  } else if (power1_1 < 0) {
    M5.Lcd.print("(-"), M5.Lcd.print((power1_1 * -1) * 0.08 + 0.4), M5.Lcd.print("V)");
  }

  M5.Lcd.setCursor(20, 160), M5.Lcd.print("M2:") , M5.Lcd.print(power2_1);
  if (power2_1 == 0) {
    M5.Lcd.print("(0.00V)");
  } else if (power2_1 > 0) {
    M5.Lcd.print("("), M5.Lcd.print(power2_1 * 0.08 + 0.4), M5.Lcd.print("V)");
  } else if (power2_1 < 0) {
    M5.Lcd.print("(-"), M5.Lcd.print((power2_1 * -1) * 0.08 + 0.4), M5.Lcd.print("V)");
  }
}

//追加部分
BLYNK_WRITE(V0) {    //V0の値を取得する
  power1_1 = param[0].asInt();  // V2の値をPowerに入れる
  Serial.print("1_");
  Serial.println(power1_1);
}
BLYNK_WRITE(V1) {    //V0の値を取得する
  power2_1 = param[0].asInt();  // V2の値をPowerに入れる
  Serial.print("2_");
  Serial.println(power2_1);
}

ArduinoでNeopixcel SK6812を動かす

今回は、Arduino・M5Stack・M5StickCでNeopixcelを動かしました。

配線

制御側
GNDーGND(黒線)
GPIO(どれか)ー制御ピン(緑線)

電源側
(モバイルバッテリー)
5V　－5V(赤線)
GNDーGND(黒線)

絵は後程記載します

Adafruit_NeoPixel.hは、あらかじめライブラリーマネージャーからダウンロードしておきましょう

ソースコード

#include <M5StickC.h>
#include <Adafruit_NeoPixel.h>

#define PIN 0       //信号端子のピン番号
#define LED_NUM 50  //LEDの数

Adafruit_NeoPixel ledtape = Adafruit_NeoPixel(LED_NUM, PIN, NEO_GRB + NEO_KHZ800);  //3つめのパラメータは使うLEDテープの制御ICがWS2812ならNEO_KHZ800 / WS2811ならNEO_KHZ400

void setup() {
  M5.begin();
  ledtape.begin();
  ledtape.show();   //一旦全てOFFの状態で反映
}

void loop() {
 uint16_t i, j;

 for(j=0; j <256; j++) {
   for(i=0; i < ledtape.numPixels(); i++) {
     ledtape.setPixelColor(i, rotateColor((((i) * 256 / ledtape.numPixels()) + j) & 255));
   }
   ledtape.show();
   delay(0);
 }
}

//RGBの色の移り変わり関数
uint32_t rotateColor(byte WheelPos) {
  byte n;
  n = 10;
  
  if(WheelPos < 85) {
   return ledtape.Color((WheelPos * 3) / n, (255 - WheelPos * 3) / n, 0);
  } else if(WheelPos < 170) {
   WheelPos -= 85;
   return ledtape.Color((255 - WheelPos * 3) / n, 0, (WheelPos * 3) / n);
  } else {
   WheelPos -= 170;
   return ledtape.Color(0, (WheelPos * 3) / n, (255 - WheelPos * 3) / n);
  }
}

M5Stack・M5Stickを使うときはヘッダーを忘れずに


ポイント
明るさを暗くするには色を混ぜる量をすべて同じ比で減らす


動かすと、LEDが順番にずれながらひかっていきます

M5Stackで2つの温度センサー(SHT31 HIH6130)で温度・湿度測定・Ambientクラウド送信・SD保存

今回は、温度センサーを2つ動かしました

おんなじセンサーが見あたらなかったので、2種類の温度センサーを使いました。

SHT31　　　https://akizukidenshi.com/catalog/g/gK-12125/
HIH6130　　https://www.switch-science.com/catalog/1104/

センサーについては↑をご覧ください

今回の機能
・M5Stackでコンパクトに
・X分おきの温度・湿度計測
・SDに書き込み
　・見やすいやつ
　・データ化できる形式(","区切り)
・ネットに接続で時刻取得
・Ambientクラウドに送信

ネット機能についてはオフラインでも飛ばして使用できます。よって、オンラインでないといけないというわけではありません。

オンライン機能についての注意
ここでのWifiは、モバイルでのルーターのみ使えます。スマホなどのテザリングだと、うまくいきません(うまくいってたら教えてください)


Arduino IDEの設定



「ツール」タブをこのように設定してください(COMは例です　別の番号になる人もいると思います)

Ambientの設定

Ambientは、初期の設定が必要です

1．Ambientにログイン
Ambientでログインまたはアカウント作成(無料)してください
サイト　　https://ambidata.io/


↑ログイン方法



チャンネルがない人はここでチャンネルを作ってください。ある人は、チャンネルの「チャンネルID」「ライトキー」をメモって下さい(画像粗くてすみません)

配線

M5Stackの横に、「5V」「GND」「SCL」「SDA」というI2c通信のピンがあるので、これをつなげます。
並列に2つのセンサーにつなげます(4種類のみでいいです)

絵は後日記載

ソースコード

#include "ClosedCube_SHT31D.h"
#include <M5Stack.h>
#include <WiFi.h>
#include <Ambient.h>
#include "time.h"

ClosedCube_SHT31D sht3xd;

const char* fname = "/temperature_Humidity_log.txt";  //Filepass　普通のデータ
const char* fname2 = "/temperature_Humidity_log_data.txt";  //Filepass2　","区切りデータ
long timer = 300;                                     //データを取る時間(X秒おき)。timer > 10
const char* ssid = "***************";                 //Wifi SSID
const char* password = "***************";             //Wifi パスワード
WiFiClient CLIENT;
Ambient ambient;                                     //ambientオブジェクト作成
unsigned int channelid = ****;                       //ambient チャンネルID
const char* writekey = "****************";           //ambient ライトキー

#define HIH6130_ADDR 0x27

byte type = 0;


void setup()
{
  //Wire.begin();
  M5.begin();
  M5.Power.begin();
  M5.Lcd.clear(BLACK);
  Serial.begin(115200);
  sht3xd.begin(0x45); // SHT-31起動  I2C address: 0x44 or 0x45
}

void loop() {
  M5.Lcd.setTextSize(2.5), M5.Lcd.setTextColor(WHITE);
  if (type == 0) {
    M5.Lcd.setCursor(0, 220), M5.Lcd.println("deep sleep >>> ON");
  } else {
    M5.Lcd.setCursor(0, 220), M5.Lcd.println("deep sleep >>> OFF");
  }
  delay(5000);
  M5.update();
  if (M5.BtnA.isPressed()) {
    M5.Lcd.clear(BLACK);
    if (type == 0) {
      type = 1;
      M5.Lcd.setCursor(0, 220), M5.Lcd.println("deep sleep >>> OFF");
    } else {
      type = 0;
      M5.Lcd.setCursor(0, 220), M5.Lcd.println("deep sleep >>> ON");
    }
  }
  
  unsigned int dac[4];
  int i, t, h;
  float temp, humi;

  Wire.beginTransmission(HIH6130_ADDR);
  Wire.endTransmission();
  delay(100);

  Wire.requestFrom(HIH6130_ADDR, 4);
  for (i = 0 ; i < 4; i++ ) {
    dac[i] = Wire.read();
  }
  Wire.endTransmission();

  h = ((dac[0] & 0x3f) << 8) | dac[1];
  humi = (float)(h) / 16383 * 100;

  t = (dac[2] << 6) | (dac[3] >> 2);
  temp = (float)(t) / 16383 * 165 - 40;
  
  printResult(sht3xd.readTempAndHumidity(SHT3XD_REPEATABILITY_LOW, SHT3XD_MODE_CLOCK_STRETCH, 50), temp, humi);
  delay(5000);
  if (type == 0) {
    M5.Power.deepSleep(SLEEP_SEC(timer - 10));
  } else {
    delay((timer - 10) * 1000);
    M5.Lcd.clear(BLACK);
  }

  //    delay(250);
  //    printResult("Pooling Mode", sht3xd.readTempAndHumidity(SHT3XD_REPEATABILITY_HIGH, SHT3XD_MODE_POLLING, 50));
  //    delay(250);
}

void printResult( SHT31D result, float HIH_6130_temp, float HIH_6130_humi) {
  if (result.error == SHT3XD_NO_ERROR) {
    float SHT31D_temp = result.t;
    float SHT31D_humi = result.rh;
    M5.update();
    Serial.println("--------------------------------------------------");
    Serial.println("SHT31D");
    Serial.print("Temperature:");
    Serial.print(SHT31D_temp);
    Serial.print("C ,Humidity:");
    Serial.print(SHT31D_humi);
    Serial.println("%");
    Serial.println("");
    Serial.println("HIH6130");
    Serial.print("Temperature:");
    Serial.print(HIH_6130_temp);
    Serial.print("C ,Humidity:");
    Serial.print(HIH_6130_humi);
    Serial.println("%");

    M5.Lcd.setTextColor(WHITE);
    M5.Lcd.setTextSize(2);
    M5.Lcd.setCursor(50, 0);
    M5.Lcd.print("Temperature | Humidity");
    M5.Lcd.setCursor(0, 100);
    M5.Lcd.print("SHT31D    ");
    M5.Lcd.setTextColor(YELLOW);
    M5.Lcd.print(SHT31D_temp);
    M5.Lcd.print("C | ");
    M5.Lcd.print(SHT31D_humi);
    M5.Lcd.print("%");

    M5.Lcd.setTextColor(WHITE);
    M5.Lcd.setCursor(0, 130);
    M5.Lcd.print("HIH6130   ");
    M5.Lcd.setTextColor(YELLOW);
    M5.Lcd.print(HIH_6130_temp);
    M5.Lcd.print("C | ");
    M5.Lcd.print(HIH_6130_humi);
    M5.Lcd.print("%");

    M5.Lcd.setTextSize(2);
    M5.Lcd.setTextColor(WHITE);
    M5.Lcd.setCursor(0, 180);
    M5.Lcd.print("wifi connect");
    WiFi.disconnect(true);
    WiFi.begin(ssid, password);
    Serial.println("wifi connect...");
    byte wifitime = 0;
    M5.Lcd.setTextSize(1.5);
    while (wifitime < 20) { //接続待ち
      delay(500);
      wifitime += 1;
      M5.Lcd.print(".");
      if (WiFi.status() == WL_CONNECTED) {
        wifitime = 20;
      }
    }
    Serial.println("FINISH");
    M5.Lcd.setTextSize(2);
    M5.Lcd.println("");

    if (WiFi.status() == WL_CONNECTED) {
      M5.Lcd.print("wifi connect success");

      ambient.begin(channelid, writekey, &CLIENT);

      ambient.set(1, double(SHT31D_temp));
      ambient.set(2, double(SHT31D_humi));
      ambient.set(3, double(HIH_6130_temp));
      ambient.set(4, double(HIH_6130_humi));
      ambient.send();

      const char* ntpServer = "ntp.nict.jp";
      const long  gmtOffset_sec = 3600 * 9;
      const int   daylightOffset_sec = 0;
      configTime(gmtOffset_sec, daylightOffset_sec, ntpServer);

      struct tm timeinfo;
      if (!getLocalTime(&timeinfo)) {
        M5.Lcd.println("Failed to obtain time");
        return;
      }

      // テキストサイズ指定
      M5.Lcd.setTextSize(3);
      // カーソル位置を設定
      M5.Lcd.setCursor(30, 30);
      M5.Lcd.printf("%04d/%02d/%02d"
                    , timeinfo.tm_year + 1900
                    , timeinfo.tm_mon + 1
                    , timeinfo.tm_mday
                   );
      M5.Lcd.setCursor(30, 60);
      M5.Lcd.printf("%02d:%02d:%02d"
                    , timeinfo.tm_hour
                    , timeinfo.tm_min
                    , timeinfo.tm_sec
                   );


      Serial.print(String((timeinfo.tm_year + 1900)) + "/"
                   + String(timeinfo.tm_mon + 1) + "/"
                   + String(timeinfo.tm_mday) + "  "
                   + String(timeinfo.tm_hour) + ":"
                   + String(timeinfo.tm_min) + ":"
                   + String(timeinfo.tm_sec) + "  "
                  );


      File file;
      file = SD.open(fname, FILE_APPEND);
      if (file) {
        file.println("");
        file.println(String((timeinfo.tm_year + 1900)) + "/"
                     + String(timeinfo.tm_mon + 1) + "/"
                     + String(timeinfo.tm_mday) + "  "
                     + String(timeinfo.tm_hour) + ":"
                     + String(timeinfo.tm_min) + ":"
                     + String(timeinfo.tm_sec) + "  "
                    );
        file.close();
      }

      file = SD.open(fname2, FILE_APPEND);
      if (file) {
        file.print(String(SHT31D_temp) + "," + String(SHT31D_humi) + "," + String(HIH_6130_temp) + "," + String(HIH_6130_humi) + ",");
        file.println(String((timeinfo.tm_year + 1900)) + "/"
                     + String(timeinfo.tm_mon + 1) + "/"
                     + String(timeinfo.tm_mday) + "  "
                     + String(timeinfo.tm_hour) + ":"
                     + String(timeinfo.tm_min) + ":"
                     + String(timeinfo.tm_sec) + "  "
                    );
        file.close();
      }

      WiFi.disconnect(true);

    } else {
      M5.Lcd.print("wifi connect error");
      File file;
      file = SD.open(fname, FILE_APPEND);
      if (file) {
        file.println("");

        file.close();
      }

      
      file = SD.open(fname2, FILE_APPEND);
      if (file) {
        file.println(String(SHT31D_temp) + "," + String(SHT31D_humi) + "," + String(HIH_6130_temp) + "," + String(HIH_6130_humi));
        file.close();
      }
    }



    File file;
    file = SD.open(fname, FILE_APPEND);
    if (file) {
      file.println("SHT31D: " + String(SHT31D_temp) + "C  " + String(SHT31D_humi) + "%");
      file.println("HIH_6130: " + String(HIH_6130_temp) + "C  " + String(HIH_6130_humi) + "%");
      file.close();
    }


  } else {
    Serial.print(": [ERROR] Code #");
    Serial.println(result.error);
    File file;
    file = SD.open(fname, FILE_APPEND);
    if (file) {
      file.println("");
      file.close();
    }

  }
}

SDは入れておいてください


結果
起動すると、左下に「deep sleep >>> ON」と出てきます。この時に左のボタンを長押しすると、ONとOFFをトグルできます。ですが、普通はONのままです。内臓電池が持ちます。
5秒後にデータをとってLCD表示します
そして、Wifiにつなげようとします。
接続されれば、Ambient送信・時刻受信・SD記録(時刻あり)します
接続されなければ　SD記録(時刻なし)します
5分間(初期値)　スリープ(deep sleep >>> ONの場合・deep sleep >>> OFFならそのまま)します