###### tags: `raspberrypi`

# Raspberry Pi に ACNLPatternTool をインストールする

## ACNLPatternTool とは

画像ファイルから「あつまれ　どうぶつの森（あつ森）」向けのマイデザイン（のQRコード）を作成できるツール。
メトロポリタン美術館も使っているらしい？？

https://github.com/Thulinma/ACNLPatternTool

著名ブロガーのからあげ先生がこのツールを mac にインストールする方法を Qiita で紹介していたので、私は Raspberry Pi で試してみることにしました（mac がないだけとも言う）。

https://karaage.hatenadiary.jp/entry/2020/03/30/073000

## 使用した Raspberry Pi と Raspbian OS バージョン
+ Raspberry Pi 4

$ uname -a
Linux (hostname) 4.19.97-v7l+ #1294 SMP Thu Jan 30 13:21:14 GMT 2020 armv7l GNU/Linux

$ lsb_release -a
No LSB modules are available.
Distributor ID: Raspbian
Description:    Raspbian GNU/Linux 10 (buster)
Release:        10
Codename:       buster

## node インストール

色々やり方があっていつもわからなくなる・・・。
公式のドキュメントの Debian 向けのインストール方法はこれ。

https://github.com/nodesource/distributions/blob/master/README.md

Raspberry Pi 4 でインストールできた実績がありそうな 12.x にしてみる。

https://dev.classmethod.jp/articles/raspberry-pi-aws-iot-l-chika/

$ curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
$ sudo apt-get install -y nodejs

$ node -v
v12.16.3
$ npm -v
6.14.4

## yarn インストール

yarn の公式のインストール方法のページ
https://classic.yarnpkg.com/ja/docs/install/#debian-stable

$ curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -

OK

$ echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list

deb https://dl.yarnpkg.com/debian/ stable main

$ sudo apt-get update && sudo apt-get install yarn

$ yarn -v
1.22.4

## ACNLPatternTool のインストール

https://github.com/Thulinma/ACNLPatternTool

$ git clone https://github.com/Thulinma/ACNLPatternTool

$ cd ACNLPatternTool

$ git submodule update --init --recursive
$ cd zxing-js-library
$ yarn
$ cd ..

$ npm install
$ npm run build:submodule

## ACNLPatternTool の実行

$ npm run dev

Web Browser で `http://localhost:3000` にアクセスすると ACNLPatternTool が起動しました！

<img src="https://i.imgur.com/EWx4zgX.png" width="400px">

私の Twiiter アイコンで作ってみました。

<img src="https://i.imgur.com/xHLXpxI.png" width="400px">

GtugGirls のロゴも作ってみました～。

<img src="https://i.imgur.com/bXvCK92.png" width="400px">

<img src="https://i.imgur.com/Iby5DOh.png" width="400px">

QR コードを作ったら、Nitendo Switch Online のスマートフォンアプリの「あつまれ　どうつぶの森」→「たぬぽーたる」→「マイデザイン」から QR コードを読み込ませることができるので、ひとつずつ登録していきます（めんどくさい）。

実際にゲームで使ってみるとこんな感じになります。

<img src="https://i.imgur.com/yRyfAcn.jpg" width="400px">

## 雑感

+ 久しぶりすぎて Raspberry Pi のパスワードを忘れる
+ `npm install` に時間がかかる
+ 背景が透過だとなんだかよくわからなくなる