mac m1 kintone プラグイン開発環境

話題の MacBook Pro(M1)を買ったので、kintone プラグイン開発環境を構築してみました。

# 概要
mac 履歴としては、iBook,iMac,macBook ですが、最近は macBook をプラグインのmac検証用として触る程度でした。
久々にMacでCPUが変わって、いろいろとおもしろそうなので購入していじってみました。
kintone の JavaScript の開発環境であれば、CPU が変わったのに大きなトラブルもなく、使えそうです。

# 構築環境
あまり持ち運びも無いだろうし、MacBook Pro にした。
m1 といってもデザインは変わっていないので、それほど目新しい感じはしない。
開発で使っている　Surface Laptop 2 と比べてもサイズ感などよく似ている。

- MacBook Pro (13-inch, M1, 2020)
    - メモリ：16GB
    - SSD：512GB
    - macOS Big Sur：バージョン 11.0.1

# 開発用ソフト

- VSCode [Download Visual Studio Code Insiders](https://code.visualstudio.com/insiders/)
INTEL用とM1用で、アイコンの色が違います。両方とも問題なく動きました。
![スクリーンショット 2020-12-06 16.53.42.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100572/d315e493-5e14-de59-9c3d-1606928482bb.png)


- [Homebrew](https://brew.sh/index_ja)
- [nodebrew](https://github.com/hokaccha/nodebrew)
- [kintone プラグイン開発支援ツール群の案内](https://developer.cybozu.io/hc/ja/articles/360000975763-%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3%E9%96%8B%E7%99%BA%E6%94%AF%E6%8F%B4%E3%83%84%E3%83%BC%E3%83%AB%E7%BE%A4%E3%81%AE%E6%A1%88%E5%86%85)

# MacOS アップデート後のGitエラー対応　

- git　最初に入っていたと思ったんだが、いつの間にか無くなっていた。
- xcode-select --install
- [macOSアップデート後の『xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools)...』の対処法](https://qiita.com/nishina555/items/e23d73067a5cac182a63)

# zsh
しばらくmacで開発していなかったので、ターミナル標準のシェルが bash から zsh に変わっていたのに、気がつかなかった。
bash に path を通そうとして、「あれっ」てなった。macOS のバージョンアップのどこかで変わったらしい。

# 解像度調整

デフォルト（1440x900）だと画面が少し狭いので、スペースを拡大(1680x1050)に設定
![09A244E3-01AA-47DA-B82C-A82F7B16FBA3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100572/ebb3dca7-b996-525a-dab2-49600b6a243a.png)

# Chrome の調整
mac M1 用に Chrome が公開されています。

- [Chrome のインストール](https://www.google.co.jp/chrome/)
![スクリーンショット 2020-12-06 19.03.15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100572/30862f46-9f68-bec6-52d5-4bcf9bb21018.png)

- Chrome 設定
解像度を上げると kintone の画面で、少し文字が小さいので、ブラウザー側で調整します。
私はページのズームを 110% でちょうどいい感じです。
![FA6FDA29-165E-4FC5-8479-6BB5784EFBA4_1_105_c.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100572/b1294740-8e07-84f0-e5d2-ec062a4b0fa2.jpeg)

- kintone 計算式プラグインの設定画面表示例
![E2D404CA-8A35-48A3-A14C-4A4D59779A03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100572/debb55bc-eb15-b08f-6757-21dcb2fa8331.png)

# Docker
「AppleシリコンをサポートしたDockerの初期ビルドが動作」というニュースがあるので、もうしばらく待てば使えるようになるかも。

# スクリーンショット関係
Mac標準のスクリーンショット機能がありますが、矢印等を書き込むのには [Skitch](https://apps.apple.com/jp/app/skitch-%E6%92%AE%E3%82%8B-%E6%8F%8F%E3%81%8D%E8%BE%BC%E3%82%80-%E5%85%B1%E6%9C%89%E3%81%99%E3%82%8B/id425955336?mt=12) が便利

# MS Office
いろいろ MS Office での作業が必要な場合があるので、必須。
Rosetta 2 で、問題なく動作している。

# マルチ画面
Mac から他デバイスに、画面表示したいですね。ディスプレイを持っていないので、手持ちのデバイスに表示してみました。
AirDisplay だと、１デバイスしか選択できませんが、TVの大画面で手軽に共有できるのは便利。

- 12インチ MacBook： 標準機能で画面共有しか出来ない。
- iPad：　標準機能の AirDisplay でマルチ画面可。あまり実用性は無さそう。
- 東芝５５TV：　FireTv に AirReceiverアプリをインストールすると、AirDisplay で表示出来た。<br>
（１９２０x１０８０） の解像度なので、それなりに使えるかもしれない。
- Surface Laptop 2：　ApowerMirror をインストールすると、AirDisplay で表示出来た。<br>
こちらも（１９２０x１０８０） の解像度だが何に使おうか？。

# iOSアプリ
mac で iOSアプリが使えるということで、radiko を試してみましたが問題なく使えました。
画面操作も mac から出来ますが、スマホサイズの画面で文字が小さく読みにくいのが難点。
App Store にあるものは、使えそうですが、残念ながら kintone アプリは、ありませんでした。

![スクリーンショット 2020-12-06 21.30.15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100572/979f6d9c-33db-ec16-13b5-534481189d08.png)


# まとめ
VSCode で kintone プラグイン開発程度なら問題なく使える。
バッテリーの持ちもよくて、普通に使えます。
Rosetta 2 の出来がかなりよくて、M1版アプリがなくてもINTEL版アプリでかなり動作する。
これから M1 対応アプリが増えていくと思いますので、開発環境も充実していくと思います。