Check! Raspberry Pi Zero をリモートで開発しよう ～ Arafruit WebIDE を使ってみる

こんばんは、オークファンの @dz_ こと大平かづみです。

Prologue - はじめに
====
幸運にも在庫復活のタイミングにめぐり合わせたので、 [Raspberry Pi Zero](https://www.raspberrypi.org/products/pi-zero/ "Raspberry Pi Zero - Raspberry Pi") を手に入れました！

より便利に使うために、Raspberry Pi をリモートから開発できる [Adafruit WebIDE](https://learn.adafruit.com/webide/overview "Overview | Adafruit WebIDE | Adafruit Learning System") を試すことにしました。インストールとセットアップの手順を、備忘録として書き留めておきます。

ちなみに、Pi Zero がほしい方は、 [Where is My Pi Zero?](http://whereismypizero.com/ "Where is My Pi Zero?") というサイトで、複数のオンラインショップの在庫状況を確認することができます。GOOD LUCK! :)

Adafruit WebIDE とは
====
さて、 Adafruit WebIDE とは、ほかの端末からウェブブラウザでアクセスして開発できる Raspberry Pi の IDE （統合開発環境）です。

Raspberry Pi の WiFi のセットアップさえ済んでしまえば、リモートで開発ができるのでとても便利そうです。

下図のように、単なるエディタだけでなく、 Adafruit が用意するサンプルコード集やターミナルを利用できます。ソースコードは Git で管理でき、[Bitbucket](https://bitbucket.org/ "Bitbucket") と連携しています。
![20160324_pizero_adafruit-webide_011.png](https://qiita-image-store.s3.amazonaws.com/0/3812/84bf8999-b78f-ce95-273c-02615809f8bc.png)

想定されている言語は Python です。ターミナルも用意されているのでやろうと思えば何でもできそうです。

導入の大まかな流れ
====
さて、Adafruit WebIDE を使えるようにするには以下の手順で簡単に利用開始できます。

1. Raspberry Pi に Adafruit WebIDE をインストールする
2. Adafruit WebIDE を起動する
3. Bitbucket のアカウントを作成する
4. Bitbucket のコンシューマーキーを発行する
5. Adafruit WebIDE をセットアップする

導入手順
====
それでは、実際に導入してみましょう。

1. Raspberry Pi に Adafruit WebIDE をインストールする
----
まず、Raspberry Pi に Adafruit WebIDE をインストールしましょう。以下のコマンドを実行します。

```bash
# Adafruit WebIDE をインストール
pi@raspberrypi:~ $ curl https://raw.githubusercontent.com/adafruit/Adafruit-WebIDE/alpha/scripts/install.sh | sudo sh
```

2. Adafruit WebIDE を起動する
----
インストールができたら、サービスを起動します。

```bash
# Adafruit WebIDE をサービスとして起動
pi@raspberrypi:~ $ sudo service adafruit-webide.sh start
```

サービスを起動したら、同じネットワーク内のリモートのマシンからアクセスしましょう。ウェブブラウザで `http://<Raspberry Pi のIPアドレス>` または `http://<Raspberry Pi のIPアドレス>:8090` を開きます。以下の画面が表示されればOKです。もし表示されない場合は、ポートが異なる可能性があるので、以下のように config を確認してみてください。
![20160323_pizero_adafruit-webide_002_01.png](https://qiita-image-store.s3.amazonaws.com/0/3812/3b498d06-2ad0-c6ff-b27f-37a6335ba0e4.png)

### コンフィグを確認する
```bash
# Adafruit WebIDE のコンフィグを確認する
pi@raspberrypi:~ $ less /usr/share/adafruit/webide/config/config.js
```

```js:config.js
exports.editor = {
  "port": 80,
...
```
この場合は、80 番ポートで起動します。

3. Bitbucket のアカウントを作成する
---
基本的には、上記で表示された手順に従ってセットアップを進めます。

まずは [Bitbucket](https://bitbucket.org/ "Bitbucket") のアカウントを作成し、ログインしてください。

4. Bitbucket のコンシューマーキーを発行する
----
次に、接続用のコンシューマーキーを発行します。右上のアイコンをクリックして、「Butbucket Setting」を開きます。

OAuth > OAuthコンシューマー > 「コンシューマーキーを追加」 を開きます。必要な情報、権限を指定してコンシューマーキーを保存してください。なお、権限は適宜調整してくださいませ。
![20160410_adafruit-webide_001.png](https://qiita-image-store.s3.amazonaws.com/0/3812/f6ed88f3-5562-cb4b-3e16-cef12f438d7c.png)

5. Adafruit WebIDE をセットアップする
----
次に、作成したコンシューマーキーの「鍵」「Secret」を Adafruit WebIDE に設定します。さらに、コミットの際に必要になる Full Name と email を指定して「クエリ送信」を押下します。
![20160410_adafruit-webide_002.png](https://qiita-image-store.s3.amazonaws.com/0/3812/cc18dedd-f201-f7f7-b6b0-70d7354eb9c1.png)

ログイン画面が表示されるので、Bitbucket のアカウントでログインすれば、 IDE の利用準備完了です！
![20160410_adafruit-webide_003.png](https://qiita-image-store.s3.amazonaws.com/0/3812/20d068ee-e539-eeed-49c7-e8fb4072a8af.png)


Epilogue - おわりに
====
この後、普通に Raspberry Pi のGPIOに配線して、python のプログラム書いて実行するところまで確認できました。デバッグもできます。

また、Adafruit WebIDE には Schedule Manager というものもあるようで、定期的な処理を WebIDE に任せられるのかもしれません。