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
  HTML 14行、JavaScript 16行、CSS 3行です。
  リンクをタップすることで、konashiの探索と、LEDの点灯を操作します。
  余計なことが書いてないので、jQueryの役割が理解しやすいのではないでしょうか。

konashi 超初心者3
  HTML 17行、JavaScript 15行、CSS 3行です。
  jQuery Mobileを導入することで、ちょっと見栄えのするボタンを表示していますが、
  機能は上記の2と同じです。
以上。konashiユーザの増加につながってくれたらいいなと思います。

0 件のコメント:

コメントを投稿