「App Inventor」はブラウザ上でAndroid用アプリが簡単に作れてしまうツールです。
もともとGoogleが教育目的で開発し、Google Labsで公開していたものですが、現在はMIT(マサチューセッツ工科大学)が運用を引き継いでいます。
同じくMITが開発した子供用プログラム言語「Scratch」と似た仕組みで、スクリーン上にオブジェクトを配置して画面イメージを作ってから、各オブジェクトにプログラムをグラフィカルに仕込んで行くので、とても直感的です。
ですが、App Inventorでもっとも感動的なのは、そのリアルタイム性です。
常にパソコンとAndroidとの間で通信を行っており、パソコンの画面上でプログラムをいじると、すぐさまAndroid側がリフレッシュされるのです。つまり「コンパイル」⇒「アップロード」⇒「アプリ起動」という普通は必要そうな手順が必要なく、リアルタイムで結果を確認しながらプログラムを作成できるわけです。MITの紹介ビデオの中で女のひとが「まるで魔法みたいでしょ」と言ってますが、あながち過剰表現でも無いと思います。
パソコンとAndroid間の通信の確立も、QRコードを導入しているためとてもスムーズです。
編集画面から「Connect」⇒「AI Companion」と選ぶと、パソコン画面にQRコードが表示されるので、Androidにインストールしたアプリ「MIT App Inventor 2 Companion」の起動画面から「Scan QR code」を選んでQRコードを読み取れば、通信が確立します。これなら子供でも大丈夫でしょう。
さらに感動してしまうのが、自分で作ったプログラムを、簡単にAndroid用のプログラムファイル「APKファイル」に変換できることです。パソコン画面の「Build」⇒「App (Save as .apk to my computer)」を選ぶだけです。
GoogleはAndroidアプリを事前審査しませんので、パソコンでサクっと作ったアプリが、ほんの数時間後にはGoogle Play上で全世界に配信されてしまうわけですから、これはもう鳥肌モノです。
もっとも、アプリの提出に当たっては、GooglePlay上に表示されるスクリーンショットやアイコンを、デバイスの画面サイズに合わせて複数セット用意する必要があるため、アプリを作る時間より、提出作業に時間がかかってしまうなんてこともあったりします。(実話)
いやまさに、このプログラム環境こそ、すごいInventionだと思います。
MIT-App Inventor 2
MIT-Scratch
2014年8月24日日曜日
2014年8月23日土曜日
konashi用 超・初心者向けサンプルプログラム
konashiの特徴はスマートフォンとBluetooth LEで連動するデバイスを作れることにあるのですが、そのためスマートフォン側のユーザーインターフェースも作る必要があり、JavaScriptだけでなく、HTMLやCSS、jQueryの知識も要求されます。
jsdo.itを利用すれば、他のユーザーが作ったソースコードを参考にすることができるのですが、どれも汎用性をもたせるためにやたらと長かったり、zepto.js、touch.jsといった見慣れないライブラリを使っていたりして、初心者(自分のことですが)が見ると腰が引けてしまいます。
そこで「超・初心者向け」と題し、短くてシンプルなサンプルコードを作ってみました。
3つあって、段階的に複雑になっています。
konashi 超初心者1
HTML 2行、JavaScript 7行、CSSは0行の超シンプルソースです。
起動すると自動的に近くのkonashiを探し、オンボードLEDが点灯します。
それだけです。最初に試すのは、このぐらい単純でよいのではないでしょうか。
konashi 超初心者2
jsdo.itを利用すれば、他のユーザーが作ったソースコードを参考にすることができるのですが、どれも汎用性をもたせるためにやたらと長かったり、zepto.js、touch.jsといった見慣れないライブラリを使っていたりして、初心者(自分のことですが)が見ると腰が引けてしまいます。
そこで「超・初心者向け」と題し、短くてシンプルなサンプルコードを作ってみました。
3つあって、段階的に複雑になっています。
konashi 超初心者1
HTML 2行、JavaScript 7行、CSSは0行の超シンプルソースです。
起動すると自動的に近くのkonashiを探し、オンボードLEDが点灯します。
それだけです。最初に試すのは、このぐらい単純でよいのではないでしょうか。
konashi 超初心者2
HTML 14行、JavaScript 16行、CSS 3行です。
リンクをタップすることで、konashiの探索と、LEDの点灯を操作します。
konashi 超初心者3
HTML 17行、JavaScript 15行、CSS 3行です。
HTML 17行、JavaScript 15行、CSS 3行です。
jQuery Mobileを導入することで、ちょっと見栄えのするボタンを表示していますが、
以上。konashiユーザの増加につながってくれたらいいなと思います。
Konashi用アプリ「konashi.js」と「jsdo.it」の関係
konashi.js
フィジカルコンピューティングツールキット「Konashi」をBluetooth LE経由で制御することができるiOS用アプリ「Konashi.js」はApple App Storeから無料で入手できます。現時点では「Konashi.js」単独ではプログラムを組むことはできませんが、
「jsdo.it」はHTML5, CSS, JavaScriptを組み合わせたWebデザインを、他のユーザーと交流しながら学習・作成することができる環境(コード・コミュニティ)です。
アプリ「konashi.js」を実行すると、自動的に「konashi」というキーワードでjsdo.it内のコード検索が行われ、候補がリスト表示されますので、良さそうなものをタップするだけで、とりあえずkonashiの制御を体験できるわけです。
jsdo.it
自分でコードを書く場合は、パソコンのブラウザから「jsdo.it」にアクセスし、ユーザー登録を済ませます。左側がエディット画面。右側が実行結果を確認する画面です。
タブ切り替えることでHTML5, CSS, JavaScriptを同時に編集することができますし、クラウド上で作業が完結するので便利です。
コード作成後、「Finish Editing」ボタンをクリックすれば、間もなく「konashi.js」から検索可能になりますので、すぐに動作を試すことができます。
プログラムを学習する際、いきなり自分でゼロから打ち始めるより、誰かが作った動作が保証されているプログラムをちょこっとずつ自分なりにいじっていくと効率が良いのですが、jsdo.itはその機能が搭載されています。
他人の作ったプログラムを検索し、参考になりそうなものを見つけたら「FORK」ボタンをクリックすると、自分のためにコピーが作成され、自由にいじれるようになります。
フォークしたことは元の作者にも伝わりますので、作者のモチベーションにつながり、ポジティブなスパイラルを生み出します。
konashiにかぎらず、Webデザインの勉強をしたい人には良い環境ではないでしょうか。
2014年8月16日土曜日
「レインボールーム」と「クレイジールーム」の違い
先日の「おもちゃショー」ではファンルームとレインボールームが好評でしたが、本場アメリカでは「クレイジールーム(Cra-Z-Loom)」も人気です。そこでレインボールムとクレイジールームの違いを紹介してみます。
こちらが編み機です。
①編み機
こちらが編み機です。
![]() |
| 左がレインボールームの編み機。右がクレイジールーム |
レインボールームの編み機は全体的に丸みを帯びた作りで、ゴムが切れにくい工夫がしてあります。
いっぽうクレイジールームのほうは、価格が安いのでしかたないのかもしれませんが、複雑な編み方をするとゴムが切れてしまうことがありました。
②フックと輪ゴム
レインボールームのフックは「C」の形です。個人的にはクレイジールームの「S」型でも問題ないと感じましたが、Cのほうが仕上がったときに美しいです。
輪ゴムについては写真では見づらいかもしれませんが、レインボールームのほうが少しマットな感じで、柔らかく、仕上がりが綺麗です。クレイジールームのほうが若干テカテカしており、不揃いなものが紛れています。編んでいるときにゴムが切れてしまうと台無しになってしまいますので、輪ゴムはレインボールームのほうを使うほうがお勧めです。
全体的にはレインボールームがお勧めですが、説明書についてはクレイジールームのほうは何通りもの例が挙げてありました。英語ですけど。
2014年8月12日火曜日
Konashiとは
『Konashi』は日本の「ユカイ工学」が開発した小型コンピュータです。iPhoneとBLE (Bluetooth Low Energy)で連携する小型デバイスを作ることができます。
【Konashiの特徴】
・基板のサイズはArduinoの半分しかありません。USB microB(5V)やAC16Vの電源入力だけでなく、ボタン電池(CR2032)だけで動作させることもできるので、ウェアラブルデバイスも作れます。
・BLE (Bluetooth Low Energy)を標準で搭載しており、Apple App Storeで無料配布されている専用アプリ「Konashi.js」との間で簡単に通信できます。(BLE対応はiPhone 4S以降のみ)消費電力も少なく、ボタン電池でも4日ほど稼働させることができます。
・gloveモジュールがつながる拡張ボードや、交流100V家電の電圧を制御するボードをオフィシャルに提供しています。
【Konashiで注意するべきこと】
・現状、Androidには対応してません。Androidも4.3 (Jelly Bean)からBluetooth LEに対応してますので、いずれ解消するはずです。
・Konashi最大の問題は、2013年発売で歴史が浅く、まだ関連書籍やエントリーキット、初心者向けの解説ブログなどがないことでしょうか。とはいえ、これも時間次第で解決すると思います。
とりあえず以上です。とにかくデバイスを小さく作ることができるので、IOTとくにウェアラブルやスマートホーム用デバイスを試作する際には最強のシステムだと思います。
・ユカイ工学のページ
【Konashiの特徴】
・基板のサイズはArduinoの半分しかありません。USB microB(5V)やAC16Vの電源入力だけでなく、ボタン電池(CR2032)だけで動作させることもできるので、ウェアラブルデバイスも作れます。
・BLE (Bluetooth Low Energy)を標準で搭載しており、Apple App Storeで無料配布されている専用アプリ「Konashi.js」との間で簡単に通信できます。(BLE対応はiPhone 4S以降のみ)消費電力も少なく、ボタン電池でも4日ほど稼働させることができます。
・gloveモジュールがつながる拡張ボードや、交流100V家電の電圧を制御するボードをオフィシャルに提供しています。
【Konashiで注意するべきこと】
・現状、Androidには対応してません。Androidも4.3 (Jelly Bean)からBluetooth LEに対応してますので、いずれ解消するはずです。
・Konashi最大の問題は、2013年発売で歴史が浅く、まだ関連書籍やエントリーキット、初心者向けの解説ブログなどがないことでしょうか。とはいえ、これも時間次第で解決すると思います。
とりあえず以上です。とにかくデバイスを小さく作ることができるので、IOTとくにウェアラブルやスマートホーム用デバイスを試作する際には最強のシステムだと思います。
・ユカイ工学のページ
2014年8月11日月曜日
リトルビッツでアルドゥイーノが使えてしまう時代 「littleBits Arduino at Heart」
今どきの電子工作界における王者は何なのか?王道Arduinoなのか、新星littleBitsなのかと思案していたのですが、そんな声が開発者に届いたからなのかどうかはさておき、littleBitsにArduino互換モジュール『Arduino at Heart Module」が発売されました。
左端のUSB-MicroB端子でPCとつながり、Arduinoの開発環境(IDE)を使ってプログラミングができてしまいます。そんなのアリですかぁ?と思ってしまいましたが、Arduinoはオープンソースのシステムなのでまったく問題は無いんですよね。
入出力端子はデジタル・シリアル入力☓1、デジタル・シリアル出力☓1、アナログ・デジタル入力☓2、デジタル出力(パルス幅変調対応)☓2・・・と、Arduinoよりも少ないですが、実用上は問題なさそうです。
価格も36ドルと安価。何か欠点は無いのでしょうか?(笑)。今後Arduinoは、マニアだけのものになってしまうかもしれません。
左端のUSB-MicroB端子でPCとつながり、Arduinoの開発環境(IDE)を使ってプログラミングができてしまいます。そんなのアリですかぁ?と思ってしまいましたが、Arduinoはオープンソースのシステムなのでまったく問題は無いんですよね。
入出力端子はデジタル・シリアル入力☓1、デジタル・シリアル出力☓1、アナログ・デジタル入力☓2、デジタル出力(パルス幅変調対応)☓2・・・と、Arduinoよりも少ないですが、実用上は問題なさそうです。
価格も36ドルと安価。何か欠点は無いのでしょうか?(笑)。今後Arduinoは、マニアだけのものになってしまうかもしれません。
littleBitsとは
littleBitsは50種類以上もある電子モジュールを磁力で互いにくっつけるだけで、簡単に電子ガジェットが作れる玩具です。
最初は単純にLEDを点灯させたり、ファンを回したりすることから始め、次にスイッチやボリュームや照度センサーなどを間に挟むことによって、デバイスを制御する感覚を楽しめます。
電源が青、出力系が緑、制御系がピンク、接続系がオレンジと色分けされているのでわかりやすいですし、接続端子の形状と磁石の反発を組み合わせることで、間違った方向には接続できないようにしているところも親切です。
これだけだとすぐに飽きてしまうのではないかと心配になりますが、littleBitsは「モノ」と合体させることでその真価を発揮します。
たとえば上の写真のようにトイレットペーパーの巻き芯に無造作に輪ゴムで貼り付けることで、自分だけの懐中電灯を作れてしまいます。LEGOで作った家に照明を灯したり、ダンボールのロボットの頭にプロペラをつけたりなど、従来型の工作を電子的にアレンジすることができるわけです。
とくに「折り曲げセンサー」とか「光るケーブル」はArduinoユーザーは滅多に使わない機器ですが、工作との相性は抜群ですよね。
以下は大人が本気になった場合の例です。無理にLittleBitsを使うことないのに・・という気もしてきますが、制約があるほど燃えることってありますよね。
最初は単純にLEDを点灯させたり、ファンを回したりすることから始め、次にスイッチやボリュームや照度センサーなどを間に挟むことによって、デバイスを制御する感覚を楽しめます。
電源が青、出力系が緑、制御系がピンク、接続系がオレンジと色分けされているのでわかりやすいですし、接続端子の形状と磁石の反発を組み合わせることで、間違った方向には接続できないようにしているところも親切です。
これだけだとすぐに飽きてしまうのではないかと心配になりますが、littleBitsは「モノ」と合体させることでその真価を発揮します。
たとえば上の写真のようにトイレットペーパーの巻き芯に無造作に輪ゴムで貼り付けることで、自分だけの懐中電灯を作れてしまいます。LEGOで作った家に照明を灯したり、ダンボールのロボットの頭にプロペラをつけたりなど、従来型の工作を電子的にアレンジすることができるわけです。
とくに「折り曲げセンサー」とか「光るケーブル」はArduinoユーザーは滅多に使わない機器ですが、工作との相性は抜群ですよね。
以下は大人が本気になった場合の例です。無理にLittleBitsを使うことないのに・・という気もしてきますが、制約があるほど燃えることってありますよね。
![]() |
| littleBitsで作ったスロットマシン |
![]() |
| スロットマシンの回路図 |
登録:
投稿 (Atom)


















