2018-06-20

RaspberryPi ZeroをAPIサーバにして遊んでみる

JavaScript Web

こんにちは，れいじです．

RaspberryPi Zeroを買ったまま持て余していたので，APIサーバにして遊んでみました．

※ちなみにデコってます．かわいい

raspberry pi zeroのケースがオタクだったからNot オタクにした pic.twitter.com/n4TaarKdAe
— れいじ (@reiji1020) 2017年12月17日

セットアップする

ラズパイゼロのセットアップに関してはインターネットに山のように情報があるので割愛します．あ，ラズパイゼロ買うならスターターキット買ったほうが絶対楽です．すでにケーブルなりSDカードなり持て余している方は別ですが，私みたいな初心者勢はスターターキット買ったほうがいいです．必要なコネクタとか全部揃ってるし．

Raspberry Pi Zero W Starter Kit

Raspberry Pi Shop by KSY

Amazon

今回はラズパイ上でNode.js+Expressを動かし，REST APIを作ります．使用するOSはRaspbian．

nodeのアップデートをする

使用するパッケージの都合上，すでにインストールされているnodeよりもバージョンをあげる必要があります．ここではnodeのバージョン管理ツールnを使用してみます．

# nのインストール
$ npm install -g n

# stable版にアップグレード
$ n stable
$ node -v  
10.4.1 # 2018/06/20時点

#yarnのインストール
$ npm install -g yarn

これで実行環境の準備は完了です．

RESTAPIを作る

プロジェクトを用意しています．README.mdに沿って準備すればだれでも使えるはず． 3時間くらいで作ったコードなのでものすごい雑です．多分近いうちに座標とかをリクエストパラメータとして受け付けられるようにします．

github.com

※ YORPのappIDについては公式ドキュメントをどうぞ

Yahoo!デベロッパーネットワークヘルプ

あ，nodeやexpressに関してはこの辺りをどうぞ．

qiita.com

ラズパイでgit cloneしてyarnするだけで必要なライブラリが入ってくれます．便利．

appIdを.envで環境変数に登録して，yarn startします．このときラズパイ上で動作確認するときはhttp://localhost/weather/getWeatherにGetメソッドでリクエストを投げると今後1時間の降水予測が返ってきます．

<?xml version="1.0" encoding="UTF-8"?>
<YDF xmlns="http://olp.yahooapis.jp/ydf/1.0" firstResultPosition="1" totalResultsAvailable="1" totalResultsReturned="1">
    <ResultInfo>
        <Count>1</Count>
        <Total>1</Total>
        <Start>1</Start>
        <Status>200</Status>
        <Latency>0.002441</Latency>
        <Description></Description>
        <Copyright>(C) Yahoo Japan Corporation.</Copyright>
    </ResultInfo>
    <Feature>
        <Id>201806192350_0_35.663613</Id>
        <Name>地点(0,35.663613)の2018年06月19日 23時50分から60分間の天気情報</Name>
        <Geometry>
            <Type>point</Type>
            <Coordinates>0,35.663613</Coordinates>
        </Geometry>
        <Property>
                    <WeatherAreaCode >
            <WeatherList>
                <Weather>
                    <Type>observation</Type>
                    <Date>201806192350</Date>
                    <Rainfall >
                </Weather>
                <Weather>
                    <Type>forecast</Type>
                    <Date>201806200000</Date>
                    <Rainfall >
                </Weather>
                <Weather>
                    <Type>forecast</Type>
                    <Date>201806200010</Date>
                    <Rainfall >
                </Weather>
                <Weather>
                    <Type>forecast</Type>
                    <Date>201806200020</Date>
                    <Rainfall >
                </Weather>
                <Weather>
                    <Type>forecast</Type>
                    <Date>201806200030</Date>
                    <Rainfall >
                </Weather>
                <Weather>
                    <Type>forecast</Type>
                    <Date>201806200040</Date>
                    <Rainfall >
                </Weather>
                <Weather>
                    <Type>forecast</Type>
                    <Date>201806200050</Date>
                    <Rainfall >
                </Weather>
            </WeatherList>
        </Property>
    </Feature>
</YDF>

さらにラズパイがネットワークに繋がっていれば，IPアドレスを使用してのアクセスも可能です．

f:id:yomoyamareiji:20180620003116p:plain

この次はvvvvからラズパイにアクセスをして，インタラクティブなお天気デジタルサイネージを作ってみようかなーと思っています．

vvvvからHTTPGETを投げるのはめちゃくちゃ簡単なので，APIサーバを自作できれば色々な団体(企業)が公開しているデータを使用してリアルタイムなメディアアートを作ることができますね．ではでは～

はじめてのNode.js -サーバーサイドJavaScriptでWebアプリを開発する-

作者:松島浩道
SBクリエイティブ

Amazon

[asin:4822256022:detail]

カラー図解最新 Raspberry Piで学ぶ電子工作作って動かしてしくみがわかる (ブルーバックス)

作者:金丸隆志
講談社

Amazon

2018-06-05

128x64 OLEDをArduino UNO(互換機)で動かす

電子工作

こんにちは，れいじです．

こちら真似してArduino UNO 互換機でOLEDを動かしてみました．

サンプルコード実行や環境設定については以下を参照してください．

ArduinoでOLEDディスプレイを試す - Qiita

用意したもの

ジャンパワイヤ　オス‐オス

[asin:B00Q0UE8R0:detail]

Arduino UNO互換機(KeyStudio製．安い・安定して使える・配色がエモい)

[asin:B01JRFS1QI:detail]

OLED小型ディスプレイ

[asin:B07BJ4F297:detail]

ブレッドボード

[asin:B00DSKCS68:detail]

配線

やむを得ずGroveのモニタを絵に使用していますが， * GND * VCC * SDA * SCL 以上4つの入力ピンがあるOLEDなら同じように配線できます．

f:id:yomoyamareiji:20180605004554p:plain

KeyStudioのArduino互換機の基盤にはSDA・SCLがなく，代わりにA4/A5ピンが同じ役割を果たします．これは通常のArduinoUNOでも同じです．

動作確認

pic.twitter.com/8sRQldFCYF
— れいじ@10/22~vvvv本発売 (@reiji1020) 2018年6月4日

無事動いているようです．このOLEDは秋月電子さんで600円弱で購入しましたが，かなり使い勝手がいいですね．

今回はサンプルコードしか実行していないので，好きな文字列やデータを表示できるようにしてみたいです．

ではでは～

これ1冊でできる! Arduinoではじめる電子工作超入門改訂第2版

作者:福田和宏
ソーテック社

Amazon

電子工作パーフェクトガイド: 工作テクニックと電子部品・回路・マイコンボードの知識が身につく

作者:尚未, 伊藤
誠文堂新光社

Amazon

2018-05-06

【vvvv】vvvvでJoyConを入力機器として扱ってみる(接続編)

vvvv

こんにちは，れいじです．

vvvvは外部入力機器を簡単に扱うことができます．例えばDualShock4．これはPS4のコントローラですが，PS4だけでなくPCゲームのコントローラとしても優秀です．

DualShock4の場合

DualShock4に関しては既にサンプルパッチが出ていて，タッチパッドのタッチ入力以外のすべての入力を取得してBangや座標データとして変換・使用することができます．

これに関してはvvvv講座にも動画が上がっており，解説がされています．

【vvvv講座】PS4のコントローラを使う～Contribution探検～

Dualshock4はUSBケーブルを用いた有線接続・Bluetoothを使用した無線接続に対応しています．

JoyConの場合

じゃあJoyConはどうなのさ．

JoyConはNintendoSwitchのコントローラで，本体から外して使うことができます．JoyConは本体とくっついている状態のとき，本体とくっついている部分の端子を用いて有線接続をします．外して使うときはBluetoothを使用して本体と通信を行います．

vvvvにはBluetoothで繋ぐことのできる機器と連携するためのHIDノードというものが存在します．

HID (Devices) | vvvv

このHIDノードはDualShock4を接続するためにも使用されていて，DualShock4と同様にJoyConをHIDデバイスとして認識させてやればその入力を取得することが可能ということになります．

ただしJoyConはPCで扱うためにひと手間必要です．詳しい手順は以下のリンクから．

hyperts.net

要約すると，

PCとJoyConをペアリングする
vJoy driverというJoyConの設定用ソフトウェアをダウンロードする
mfosse\JoyCon-DriverというJoyCon用ドライバを入手する

下2つをやらなくてもPC上で動作確認はできるんですが，ジョイスティックの傾きが正常に取得できなかったりJoyCon内側のランプの点滅が止まらなかったりします．あと下2つをやらないとvvvvで値の取得ができませんでした．

静止画で申し訳ないのですが，取得できた記念のツイート．

joy-con，vJoy使えばjoystickの入力だけは取ることができた，が，初期値が全くわからんのでどうなってるか見る必要がありそう… #vvvv pic.twitter.com/lomDPB9D5x
— れいじ@10/22~vvvv本発売 (@reiji1020) 2018年5月4日

joy-conはbluetoothでPCへの接続が可能なので，dualshock4をvvvvの入力デバイスとして使うパッチが参考になった．どっちもHIDノードでデバイス接続できる． https://t.co/bbce8qaPay #vvvv
— れいじ@10/22~vvvv本発売 (@reiji1020) 2018年5月4日