すごいぞkonashi!JavaScriptで基板を簡単操作。

iPhoneからBluetooth経由で基板を操作することができる「konashi」。

konashiは日本の会社・ユカイ工学で開発されたフィジカル・コンピューティングキットです。

 

フィジカル・コンピューティングというのは、現在はコンピュータを操作するにはマウスやキーボードを使っていますが、センサーなどを使って、以外にも人間とコンピュータとの意思疎通の幅を拡げることです。

といいつつ、僕も全くの専門外なのでよく分かっていません。すみません。

とりあえず、「iPhoneを使った電子工作が簡単に出来る」くらいの認識でノリで買ってしまいました。え、c言語書けなくていいの?くらいのノリです。

 

早速、konashiが届いたので試してみました。


目次

konashi開封の議

注文して数日で届きました。こんなシンプルな箱に入ってきました。

 

中身はこれだけです。この右上がkonashi。

下にあるリチウム電池と大きさを比べて貰えれば分かりますが、かなり小さいです。

 

既にLEDやUSB miniポート、デジタル入出力などが付けてあります。

リチウム電池を即装着可能です。またリチウム電池を使わなくてもUSB miniを使っての給電もできました。


konashiを操作するためのJsを書いてみる

次にプログラムです。

konashiは何とJavascriptで書くことが出来るのです。

手順としては↓のような感じ。

 

1. JavascriptとHTMLを作ってWebサーバーにアップ。

2. アップストアにkonashi.jsというアプリがあるのでiPhoneにインストール。

3. konashi.jsのアプリ内のブラウザを使って、先程アップしたURLにアクセス。

4. 近くにあるkonashiをBluetooth経由で操作が可能に。

 

分からない人には何のことやら分からないと思いますが超ざっくり言うと、基板のプログラムって僕のようなWeb屋さんには障壁が高いものだったのです。

がしかし、konasiを使うと簡単にプログラムがかけるようになったという感じです。


 konashiを触ってみて

僕のような普段、ネットの世界しか作ってない人間からすると、LEDを点滅させた位のことでも、リアルのものを動かすのは新しい感動でした。

konashi以外にも敷居を下げてくれるモノが次々と出てきていますね。新しいモノツクリの世界が来てるのかも。

夏休みの工作的な感じでは如何でしょうか?

 

ちなみに、konashiを使ってLEDを光らせることが出来たので、思わず妻に見せにいった時の反応。

 

 

 

 

 

という位の反応しか得れませんでした。

その時の動画です。まぁ、確かに知らない人から見たら地味ですね…。

 

僕のはLEDを光らせただけで地味ですが、公式サイトにはkonashiの色々事例があがっています。
↓個人的に好きだったやつ。ハムスターの回転を計測。かわええ。

 

konashiの公式サイト(購入もこちらから)
http://konashi.ux-xu.com

[tmkm-amazon]4862671136[/tmkm-amazon]


オマケ

点滅させて時のソースコードです。たったこれだけ。
ボタンなどのUIをHTML/CSSで作れるのがイイ!

<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="content-language" content="ja" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-script-type" content="text/javascript" />

<!-- ボタン操作の為のjQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>

<!-- konashiの為のJs -->
<script src="http://konashi.ux-xu.com/kjs/konashi-bridge.min.js"></script>
<script type="text/javascript">

// 点滅の関数
function startBlinkLed(){
    var toggle = false;

    setInterval(function(){
        if(toggle){
            // LEDをON
            k.digitalWrite(k.LED2, k.HIGH);
        } else {
            // LEDをOFF
            k.digitalWrite(k.LED2, k.LOW);
        }

        // 次の状態をセット
        toggle = !toggle;
    }, 500);

    //点滅したらiPhoneにテキスト表示
    $("#text").html("「見ろっ!konashiが点滅しているぞ!");
}

// findでkonashiと接続
k.ready(function(){
    // I/Oの設定から
    k.pinMode(k.LED2, k.OUTPUT);

    // 点滅スタート
    startBlinkLed();
});

// ボタンの設定
$(function(){
    $("#find").on("click", function(){
        k.find();
    });
});

</script>

<title>konashi</title>
</head>
<body>

<h1>konashi</h1>
<button id="find">点滅スタート</button>

<hr />

<div id="text"></div>

</body>
</html>

 

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

コメント

コメントする

目次