## はじめに
Unityにおいて、Arduino等のマイコンをコントローラーとして利用する事例は多いと思います。
私も同じようなことをやりたいと考え、最新版のArduinoであるArduino Uno R4 Minimaとのシリアル通信の検証を行いました。

## 結論
UnityとArduino Uno R4 Minimaとのシリアル通信は実現できませんでした。
代わりにArduino Nanoの最新版であるArduino Nano Everyを用いた場合、従来のコードでシリアル通信できました。

## やりたいこと
Arduinoに接続したジャイロセンサ（BMX055）の値をシリアル通信でUnityに送ります。Unity側でジャイロセンサの姿勢を用いてゲームを実装します。
今回はArduino-Unity間の通信のみにフォーカスを当てます。
使用するArduinoには最新のArduino Uno R4 Minimaを何も考えずに採用しました。これが誤りでした。

## 実装

### Unity
バージョン: 2021.3.36f1

Unity側の下の記事を参考にさせていただきました。感謝いたします。

[https://qiita.com/yjiro0403/items/54e9518b5624c0030531](https://qiita.com/yjiro0403/items/54e9518b5624c0030531)

一応ソースコードを貼っておきます。
Serial通信の実装部分であるSerialHandlerとそれを呼び出すSerialReceiverがあります。
両方ともコンポーネントにアタッチした上で、SerialReceiverのpublicにSerialHandlerをアタッチします。

```cs:SerialHandler.cs
using UnityEngine;
using System.Collections;
using System.IO.Ports;
using System.Threading;

public class SerialHandler : MonoBehaviour
{
    public delegate void SerialDataReceivedEventHandler(string message);
    public event SerialDataReceivedEventHandler OnDataReceived;

    public string portName = "/dev/tty.usbmodem101";
    public int baudRate = 9600;

    private SerialPort serialPort_;
    private Thread thread_;
    private bool isRunning_ = false;

    private string message_;
    private bool isNewMessageReceived_ = false;

    void Awake()
    {
        Open();
    }

    void Update()
    {
        if (isNewMessageReceived_) {
            OnDataReceived(message_);
        }
    }

    void OnDestroy()
    {
        Close();
    }

    private void Open()
    {
        serialPort_ = new SerialPort(portName, baudRate, Parity.None, 8, StopBits.One);
        serialPort_.Open();

        isRunning_ = true;

        thread_ = new Thread(Read);
        thread_.Start();
    }

    private void Close()
    {
        isRunning_ = false;

        if (thread_ != null && thread_.IsAlive) {
            thread_.Join();
        }

        if (serialPort_ != null && serialPort_.IsOpen) {
            serialPort_.Close();
            serialPort_.Dispose();
        }
    }

    private void Read()
    {
        while (isRunning_ && serialPort_ != null && serialPort_.IsOpen) {
            try {
                if (serialPort_.BytesToRead > 0) {
                    message_ = serialPort_.ReadLine();
                    isNewMessageReceived_ = true;
                }
            } catch (System.Exception e) {
                Debug.LogWarning(e.Message);
            }
        }
    }

    public void Write(string message)
    {
        try {
            serialPort_.Write(message);
        } catch (System.Exception e) {
            Debug.LogWarning(e.Message);
        }
    }
}
```

```cs:SerialReceiver.cs
using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class SerialReceiver : MonoBehaviour
{
  public SerialHandler serialHandler;
  public RotateController rotateController;

  void Start()
  {
    serialHandler.OnDataReceived += OnDataReceived;
  }

  void Update()
  {
  }

  //受信した信号(message)に対する処理
  void OnDataReceived(string message)
  {
    try {
	Debug.Log("received: " + message);
    } catch (System.Exception e) {
        Debug.LogWarning(e.Message);
    }
  }
}
```

### Arduino
テスト用のシリアル通信のコードです。「Hello from Arduino!」と１秒おきに送信します。

```c:serialTest.ino
void setup() {
  Serial.begin(9600);
}

void loop() {
  Serial.print("Hello from Arduino!");
  Serial.println("");
  delay(1000);
}
```

## 検証
ArduinoとUnityの通信速度とシリアルポートが一致していることを確認します。
Unityを実行します。

### Arduino Uno R4 Minima
まずはUno R4 Minimaから。

はい。

うんともすんとも言いません。
シリアルポートは認識しているようなのですが、実際のデータを受信できていないようです。

下の記事を見させていただいたのですが、Uno R4 Minimaは以前のArduinoとは異なる部分が多いようです。
シリアル通信のプロトコルにも影響があるのではと仮説を立てました。

[https://note.com/electric_mecha60/n/nbee952a948a9](https://note.com/electric_mecha60/n/nbee952a948a9)

### Arduino Nano Every
昔ながらのArduino Nanoの最新版Nano Everyで試してみます。

なんということでしょう。いとも簡単にシリアル通信できたではありませんか。

## おわりに
今回は、Arduino Uno R4 MinimaとUnityの間でのシリアル通信を試みましたが失敗に終わりました。
結論としては失敗の原因は分かっておらず、R4 MinimaとUnity特有の仕様が影響しているからだと考えられます（Arduino IDEのシリアルモニタでは確認できる）。
これに関する研究は継続しますが、一旦は Arduino Nano Everyへの乗り換えという形で進めようと思います。

最後までご閲覧いただきありがとうございました。

【Unity】Arduino Uno R4 Minimaとシリアル通信しようとしたらできなかった話

## はじめに
本ブログをNuxtからNextにリプレイスしました。

その中で、next/linkのリンクから、動的ルーティングのページに遷移したときに、スクロール位置が本当は一番上に戻って欲しいのに、中途半端な位置になってしまうバグにハマりました。

自分へのメモも兼ねて、記事に残します。

## 結論
cssの中にoverflow系のものがあれば、消してみましょう。

## next/link
next/linkは、Next.jsにおけるページ遷移のためのリンクを提供する機能です。

このPropsには、scrollなるものが含まれおり、これをtrueにすると、ページ遷移後に一番上までスクロールしてくれます

そもそもReactでは、DOMを書き換えてページを更新しているために、何もしなければ、スクロール位置はそのままです。
なので、わざわざ一番上までスクロールしてもらう必要があるのですね。

しかし、このPropsのscrollは、デフォルトでtrueらしいのです。なぜ、一番上までスクロールしてくれないことがあるんだああああ

## 解決法
ネットの海をさまようこと２時間、
NextのGithubのIssueに答えはありました。やはり公式は神なのか。
[https://github.com/vercel/next.js/issues/7594](https://github.com/vercel/next.js/issues/7594)

overflow系のcssプロパティがついている要素で、ページがラッピングされていると、heightを正しく計算できないために、スクロールに失敗するということでした。

## daisyui
vscodeの検索欄に「overflow」と入力しました。検索結果は０件でした。
なんとか探しまわった結果、tailwindベースのdaisyuiが犯人であることがわかりました。

今回はdaisyuiを使って、スマホ用のナビゲーションドロワーを実装していたのですが、その中に```overflow-y: auto```の文字が。。

泣く泣くdaisyuiでの実装から、tailwindだけでの実装に書き直したのでした。

## おわりに
もう一生解決できないのではないかと、あきらめかけていました。
でも最後の砦はやっぱり、Githubなのですね。

問題解決能力がちょっとだけ上がった気がしました。


next/linkから動的ルーティングのページに遷移したときに、スクロール位置が一番上じゃないバグへの対処法を説明します。

【Next.js】next/linkから動的ルーティングのページに遷移したときに、スクロール位置が一番上じゃないバグへの対処法

## はじめに
今回は、Google製のML系ライブラリであるMediapipeのUnityプラグインを使って、指認識を試してみたいとおもいます。
## Mediapipe
カメラからの入力画像をAI画像処理して、物体認識や指認識、顔認識ができる、Googleが提供するオープンソースライブラリです。
## 検証環境
- 機種: MacBook Air(m1)
- OS: MacOS Monterey(12.3.1)
- メモリ: 8GB
- Unity: 2021.3.4f1(SILICON)
- MediaPipeUnityPlugin: v0.10.1

## MediaPipeUnityPluginの導入
### Githubリポジトリのクローン
下のURLのMediaPipeUnityPluginのGithubリポジトリをクローンしてきまししょう。

[https://github.com/homuler/MediaPipeUnityPlugin](https://github.com/homuler/MediaPipeUnityPlugin)

### 一度Unityで開いてみる
クローンしたディレクトリをUnityで開いてみましょう。
僕は、ここでパッケージが足りてない系のエラーがめっちゃ出ました。

### パッケージの追加
MediaPipe関係のパッケージはリポジトリに含まれていないので、自分で追加します。
これまでは、自分でパッケージをビルドする必要があったようなのですが、最近のMediaPipeUnityPluginのリリースにビルド済みのパッケージを含めていただいているようなので、ご好意に甘えてこちらを拝借します。

[https://github.com/homuler/MediaPipeUnityPlugin/releases/tag/v0.10.1](https://github.com/homuler/MediaPipeUnityPlugin/releases/tag/v0.10.1)

最新のリリースから```com.github.homuler.mediapipe-0.10.1.tgz```をダウンロードしてきます。400MBくらいありました。

解凍すると```package```ディレクトが展開されますので、その中身をコピーしてください。
```Packages/com.github.homuler.mediapipe```内に貼り付けましょう。

## 指認識
```Assets/MediaPipeUnity/Samples/Scenes/Hand Tracking/Hand Traking```を開いて実行してみましょう。
下の動画のように、指の上に認識された形状がオーバーレイされて表示されると思います。
フレームレートもぬるぬるですね。
<div class="youtube">
<iframe width="560" height="315" src="https://www.youtube.com/embed/MHCsjrRvhfY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>

## おわりに
今回は、MediapipeUnityPluginをインストールして、指認識のサンプルを動かしてみました。
M1 Macでもすんなり動いてくれたので、安心しました。
めちゃめちゃ簡単なので、皆さんも試されてみてください。


Google製のML系ライブラリであるMediapipeのUnityプラグインを使って、M1 Macで指認識を試してみました。

【Unity】MediaPipeUnityPluginを使って超簡単に指認識をM1 Macで試す

## はじめに
今回は、Google Open Images Dataset V6のデータセットを```oidv6```というPythonのライブラリを使用して、簡単にダウンロードする方法をご紹介します。

## Google Open Images Dataset V6
Google Open Images Dataset V6は、Googleが作成している物体検出向けの学習用データセットです。Yolo等のためのバウンディングボックスの他に、セマンティックセグメンテーション向けのマスクデータ等も用意されています。

## oidv6のインストール
oidv6は、Google Open Images Dataset V6のデータセットを簡単にダウンロードできるPython
ライブラリです。
早速pipでインストールしましょう。
```bash
pip3 install oidv6
```

## oidv6の使い方
コマンドの使い方は以下の通りです。
```bash
oidv6 downloader en --dataset $(DATASET_DIR) --type_data $(TYPE) --classes $(CLASS_LIST) --limit $(LIMIT) --yes
```
- $(DATASET_DIR): ダウンロード先のディレクトリパスを指定します。
- $(TYPE): 'train', 'validation', 'test'の中から必要なデータのタイプを指定します。
- $(CLASS_LIST): ダウンロードするデータのクラスを指定します。（指定可能なクラスのリスト[https://github.com/DmitryRyumin/OIDv6/blob/master/oidv6/classes.txt](https://github.com/DmitryRyumin/OIDv6/blob/master/oidv6/classes.txt))
- $(LIMIT): 各クラスの画像の枚数を指定します。

## oidv6でデータセットをダウンロードする
今回は、```person```と```ball```クラスのデータをダウンロードしてみます。
画像の枚数を増やすと、めちゃ時間がかかります。
```bash
oidv6 downloader en --dataset './download_repo' --type_data 'train' --classes person ball --limit '5' --yes
```

## おわりに
今回は、PythonライブラリOIDv6を利用して、Google Open Images Datasetからデータセットをダウンロードする方法について説明しました。
皆さまのお役に立てれば幸いです。


Python ライブラリを使って、Google Open Images Dataset V6のデータセットを簡単にダウンロードする方法を紹介します。

【OIDv6】PythonライブラリでGoogle Open Images Dataset V6のデータセットを簡単にダウンロードする

## はじめに
 この記事では、M1 MacにlabelImgをインストールする手順について説明します。
 Yolo用の学習データを弄りたい案件があり、labelImgというアノテーションツールをインストールした時のことです。ちょこっとハマったので今後のために記録を残します。

## labelImg
labelImgは、Yolo等の物体検出のための学習用データ作成を支援するアノテーションツールのひとつです。
Python環境があれば実行できるので、利用者のOS環境に影響されにくいというメリットがあります。

## 検証環境
- 機種: MacBook Air(m1)
- OS: MacOS Monterey(12.3.1)
- メモリ: 8GB
- Homebrew: 3.5.2
- Python: 3.9.13
- pyqt@5: 5.15.7
- labelImg: 1.8.6 

## Pythonのインストール
クリーンインストール直後だったので、まずPythonをインストールしました。
```bash
brew install python
```

## pyqtのインストール
pyqtは、PythonでGUIアプリケーションを作成するときに使うライブラリです。
下のコマンドでインストールします。
```bash
brew install pyqt@5
```
ここで少しハマりました。最初は```brew install pyqt5```でインストールしていたのですが、うまくいかず、```pyqt@5```に変更すると成功しました。

## labelImgのインストール
ここまで来ればもう少しです。
pipでlablelImgをインストールします。
``` bash
pip3 install labelImg
```

## labelImgを起動してみる
下のコマンドで簡単に起動できます。
```bash
labelImg
```
![labelimg](//images.ctfassets.net/p6xsvcchdqws/4EJ6oS9p7eqZ6bpMXYZmx/a3d66cdd8a56330cee2a8d4bd1b85735/____________________________2022-06-23_15.57.41.png)
## おわりに
今回は、M1 MacでのlabelImgのインストール手順について説明しました。
labelImgの使用方法については割愛させていただきますが、他のブログ様などをご参照ください。
皆さまのお役に立てれば幸いです。


M1 MacにlabelImgをインストールする手順について説明します。

おすすめ記事

【Unity】Arduino Uno R4 Minimaとシリアル通信しようとしたらできなかった話

【Next.js】next/linkから動的ルーティングのページに遷移したときに、スクロール位置が一番上じゃないバグへの対処法

【Unity】MediaPipeUnityPluginを使って超簡単に指認識をM1 Macで試す

【OIDv6】PythonライブラリでGoogle Open Images Dataset V6のデータセットを簡単にダウンロードする

M1 MacにlabelImgをインストールする方法