【電子工作】CPU稼働率に合わせてひゅんひゅん動くアナログメーターを作る

# リアルタイムでPCの状態を監視
　要らん人には本当に要らないんだろうけど欲しい人には欲しいやつですね。私も欲しい派なんですが(Moo0製のSystemMonitorを使ってました)、監視ツールが画面上にあるとそれはそれで邪魔だなあと常々思っていたんですよ。画面外に……ッ、専用デバイスを、置くしかねえ……！！　というわけで自作しました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">ふ〜〜〜〜〜〜💪💪💪💪💪 <a href="https://t.co/Uw5Zl6LCTn">pic.twitter.com/Uw5Zl6LCTn</a></p>&mdash; うなせん王国@原稿進めろ (@unasenohkoku) <a href="https://twitter.com/unasenohkoku/status/1271822837582491650?ref_src=twsrc%5Etfw">June 13, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

　最終的にはこんな感じになります。

### 今回使うあれそれ
・C#
・Arduino
・電圧計(5V)
・小型ディスプレイ(128*64)


### とりあえずC#で値を取得
　Windows用に作るので、言語的に相性いいんじゃねと適当にC#を選びました。リアルタイムで目当ての値を取得できてシリアル通信ができる言語ならなんでもいいです。せっかくなのでCPU稼働率以外にもなんか値を取ろうと思い、今回は

・CPU稼働率
・メモリ使用率
・PC起動からの経過時間

で作ることにしました。

```C#:C#でCPU稼働率、メモリ使用率、PC起動からの経過時間を取得
static PerformanceCounter pfcounter_cpu = new PerformanceCounter("Processor", "% Processor Time", "_Total");
static PerformanceCounter upTime = new PerformanceCounter("System", "System Up Time");

 static float GetUseCpu(){
	float cpu = 0;
	const int QTY = 20;
	for (int i = 0; i < QTY; i++)
	{
		Thread.Sleep(10);
		cpu += pfcounter_cpu.NextValue();
	}
	return cpu / QTY; //20回取得して平均値を返す
}

static double GetUseMemory(){
	ManagementClass mc = new ManagementClass("Win32_OperatingSystem");
	ManagementObjectCollection moc = mc.GetInstances();

	double useable = 0;
	double max = 0;

	foreach (ManagementObject mo in moc)
	{              
		max = Convert.ToDouble(mo["TotalVisibleMemorySize"]) / 1024 / 1024; //合計物理メモリ
		useable = Convert.ToDouble(mo["FreePhysicalMemory"]) / 1024 / 1024; //利用可能な物理メモリ
	}
	return (max - useable) / max;
}

static String GetUpTime(){
	var span = new TimeSpan(0, 0, (int)upTime.NextValue());
	return span.ToString(@"dd\d\ hh\hmm\m"); //取得した秒数をフォーマット指定して日時分に変換
}


```



　CPU稼働率がタスクマネージャと比較してみたところあまりにも乖離が激しかったので、複数回取得した平均を使って近付けてます。たぶんきっと恐らく値を取得する頻度やタイミングがタスクマネージャとは違うというだけのお話です。



### 電圧計のお話
　小学校の理科とかで誰でも一度は触れたことがあると思います。今回使うArduino君は出力最大5Vなので、ここで15Vとか300Vとかのを持って来ると悲惨なことになります。0-5Vのものを用意しましょう。
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">よしよしよし <a href="https://t.co/SFzK779byp">pic.twitter.com/SFzK779byp</a></p>&mdash; うなせん王国@原稿進めろ (@unasenohkoku) <a href="https://twitter.com/unasenohkoku/status/1271709099663581184?ref_src=twsrc%5Etfw">June 13, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
　5Vまでなら任意の電圧で出力が可能なので、C#から受け取った値に応じて出力を調整すればメーターを良い感じに動かせますよということです。アナログピンを使うなら何も気にすることはありませんが、デジタルピンを使う場合はPWMに対応しているか調べておきましょう。

### C#でArduinoへ値を渡す

```C#:Arduinoとシリアル通信
static SerialPort sp = new SerialPort();

static void Main(string[] args){

	sp.BaudRate = 9600;
	sp.Parity = Parity.None;
	sp.DataBits = 8;
	sp.StopBits = StopBits.One;
	sp.Handshake = Handshake.None;
	sp.PortName = "COM4";   // 適宜書き換えてね
	sp.Open(); 

	for (; ; )
	{

		int d1 = (int)(100 * GetUseMemory() + 0.55);
		int d2 = (int)(GetUseCpu() + 0.55);
		String d3 = GetUpTime();

		Console.WriteLine(d1 + "," + d2 + "," + d3);
		Thread.Sleep(250);
		Console.Clear();
		Send(d1 + "," + d2 + "," + d3);
	}
}

static void Send(String str){         
	try{               
		sp.Write(str+";"); //送信

		//! 受信データを読み込む.
		string data = sp.ReadExisting();
		Console.WriteLine(data);

	}catch(Exception e){
		Console.WriteLine(e);
		Console.ReadLine();
	}
}
```


　ここがワンポイントです。Arduino側でセミコロンを終端記号とするように作るので末尾に付け足しています。お好みで他の文字を使う場合はArduinoの方でも書き換えましょう。

```C#:ワンポイント
sp.Write(str+";"); 
```

### Arduino側
```C:Arduino側

#include<Wire.h>               //小型ディスプレイ用
#include<Adafruit_GFX.h>       //小型ディスプレイ用
#include<Adafruit_SSD1306.h>   //小型ディスプレイ用

Adafruit_SSD1306 display(-1);  //小型ディスプレイ用


String memory;
String cpu;
String upTime;
String dayCount;
String timeCount;


void setup() {

  Serial.begin( 9600 );
  display.begin(SSD1306_SWITCHCAPVCC, 0x3C);//小型ディスプレイ用

}


void loop() {

  String str;
  if ( Serial.available() ) {                 // 受信データがあった時だけ、処理を行う
    str = Serial.readStringUntil(';');        // セミコロンを終端とし文字列を読み込む


//--------------------------------------------------カンマ区切りで受信したデータを分割する
    int i1 = str.indexOf(','); 
    int i2 = str.indexOf(',', i1 + 1);

    memory = str.substring(0, i1);          //Arduino公式さんへ
    cpu = str.substring(i1 + 1, i2);        //Stringあるんだからsplitも実装してくれ
    upTime = str.substring(i2 + 1);         //                     うなせんより
//-------------------------------------------------------------------------------------
  }
  disp(upTime);//小型ディスプレイ用

  double d_cpu = (double)cpu.toInt();
  double d_memory = (double)memory.toInt();

  analogWrite(11, map(d_cpu, 0, 100, 0, 255));    //メーターへ出力
  analogWrite(10, map(d_memory, 0, 100, 0, 255)); //メーターへ出力
 
}


void disp(String str) {//小型ディスプレイ用

  display.clearDisplay();
  display.setTextSize(2);
  display.setCursor(0, 0);
  display.setTextColor(WHITE);
  int i1 = str.indexOf(':');

  dayCount = str.substring(0, i1);    
  timeCount = str.substring(i1 + 1);

  display.println(str);
  display.setTextSize(1);
  display.println("CPU    :  " + cpu + "%");
  display.println("Memory :  " + memory + "%");

  display.display();
}
```
　ちらちらと記載がある小型ディスプレイはこんな感じになってくれます。
![2020-06-15_01h45_03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/164419/46f7413e-c631-20e8-1f46-6490ea02857b.png)



### 仕上げ
　それっぽく動いてくれます
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">C# × ArduinoでアナログCPUモニター作りました。 <a href="https://t.co/i6gp5YNWEt">pic.twitter.com/i6gp5YNWEt</a></p>&mdash; うなせん王国@原稿進めろ (@unasenohkoku) <a href="https://twitter.com/unasenohkoku/status/1271740453742755840?ref_src=twsrc%5Etfw">June 13, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
　が、これだけでは見栄えがあれな上に何の表示かよくわかりません。文字盤をなんとかしましょう。分解してみると簡単に取れました。
 
![EaZPK-DUEAcColg.jfif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/164419/217d02a5-5d46-c310-929a-f3d1abcaa32e.jpeg)
　自宅のプリンターでスキャンして加工しちゃいましょう。動作確認時にちょうど目盛り2つ分ズレていたのでそいつもついでに調整しました。
 
![2020-06-13_22h43_32.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/164419/6cd28442-4a5b-6cad-b8f7-8ff0f7625a6c.png)

　CPUとメモリだとわかるようピクトグラムを入れて、ついでにサークルロゴも入れちゃいます。
 
![2020-06-13_23h17_24.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/164419/440bbe97-201b-64f4-5fcb-3349378e0e68.png)

　カットして換装します。わくわくしますね。
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">え待ってこれはめちゃくちゃテンション上がるな <a href="https://t.co/f3BbGL2P7K">pic.twitter.com/f3BbGL2P7K</a></p>&mdash; うなせん王国@原稿進めろ (@unasenohkoku) <a href="https://twitter.com/unasenohkoku/status/1271816758886674436?ref_src=twsrc%5Etfw">June 13, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

　なかなか良きです。
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">今日も元気に動いてる <a href="https://t.co/5OEWypYRUI">pic.twitter.com/5OEWypYRUI</a></p>&mdash; うなせん王国@原稿進めろ (@unasenohkoku) <a href="https://twitter.com/unasenohkoku/status/1272210421546541058?ref_src=twsrc%5Etfw">June 14, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

### ここから手を加えなきゃいけないところ
【タスクトレイ常駐タイプに改修】
　現状ではC#側がCUIアプリケーションで動いてるんで邪魔です。記事には書いてませんがとりあえず非ウィンドウのタスクトレイ常駐化は済ませました。

【COM番号の自動特定】
　Arduinoを繋いでプログラム書き込む時に選ばされるあれです。いつも同じじゃないのはArduino触ったことある人はご存じのはずです。このままだとC#のプログラムを頻繁に書き換えなきゃなんで自動的に特定できるようにしてやる必要があります。解決策としてはArduinoから特定のメッセージを送り、C#側は接続できるデバイス全てに対し片っ端から接続、特定のメッセージを送ってくるデバイスのみ接続を維持するようにすればいいと思います。そのうち実装します。