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ユーザの増加につながってくれたらいいなと思います。
0 件のコメント:
コメントを投稿