- 追加された行はこの色です。
- 削除された行はこの色です。
[[JavaScript]]
こちらのイベントに参加して色々教えていただきました。~
[[【TechBuzz】tmlib.js hackthon #1 〜JavaScript をより使いやすく, より便利に, そしてより豊かにをモットーとする「tmlib.js」のハッカソンイベント開催〜>http://atnd.org/events/34279]]
[[【TechBuzz】tmlib.js hackthon #1 〜JavaScript をより使いやすく, より便利に, そしてより豊かにをモットーとする「tmlib.js」のハッカソンイベント開催〜>http://atnd.org/events/34279]]~
[[スライドショー>http://www.rvl.io/phi/tmlibjs_hackathon/fullscreen#/]]
~
tmlib.jsとはPC/iPhone/Androidなどのブラウザで動くwebアプリを開発できるJavaScriptライブラリです。
もちろんテキストエディタとFTPソフトとかで開発できるのですが、今回はjsdo.itというブラウザ上でhtml/css/JavaScriptなどの開発が行えるwebサービスで開発しました。
こちらが目からウロコでして、次のような手順で簡単に開発できました。
+twitter, facebookなどでjsdo.itにログイン
+自分用のフォルダ名を入れる(私はpapuujp)
+Start codingボタンを押すと、最低限のindex.html, index.js, style.cssがサーバ上で作られ、ブラウザで編集可能となる
+ +ボタンで使いたいJavaScriptライブラリ(jQuery Mobile, tmlib.js, enchant.jsなど)を追加する
+index.jsに作りたいコードを書いて、command + s(mac)やcontrol + s(windows)で保存すると、プレビューウィンドウで表示される
何がいいかというと、FTPでアップしなくてもサーバ上ですぐに公開された状態で試せることです。
例えば今回作ったサンプルはこちらとなります。マウスやスマホ上の指スライドで自機を左右に動かし、星を避けるゲームです。~
http://jsrun.it/papuujp/star-game2
~
ソースも公開できて、こちらとなります。非公開とすることも可能です。~
http://jsdo.it/papuujp/star-game2
~
jsdo.itを使うとiPadでもwebアプリ開発が行なえますし、JavaScriptやjQuery Mobileなどの実習形式の勉強会とかでも手軽に使えそうです。~
（デバッグ機能が弱いので、そちらはGoogle Chrome Developerツールを一緒に開けばいいということも教えていただきました。とても便利でした）~
~
tmlib.js自身は次のように色々な可能性を感じました。
-手軽に試せる
-アニメーションとかが得意
-スマホタッチやPCでのマウス操作の違いを吸収して両対応のwebアプリを作れる
-AppStoreとかに公開しないでもすぐにリッチなwebアプリを公開できる
-facebookアプリも作れそう
-Titanium MobileのWebViewに入れて、画面表示をリッチに使えそう
~
tmlibで何が作れるかは、ピンきりですが次でお試しください。~
http://jsdo.it/search?q=tmlib
*リンク
-[[tmlib.js API Documentation>http://phi1618.github.com/tmlib.js/docs/]]
-[[phi氏のjsdo.it公開webアプリ>http://jsdo.it/phi]]
-[[TM Life tmlib.jsカテゴリ>http://tmlife.net/tag/tmlib-js]]
-[[tmlib.js 怒濤の 100 サンプル!! – Graphics(HTML5 Canvas) 編 | TM Life>http://tmlife.net/programming/javascript/tmlib-js-dotou-100-sample-graphics-html5-canvas.html]]
-[[「tmlib.js 怒濤の 100 サンプル!!」を試す | 楽遊堂>http://rakuyudo.com/tag/tmlib-js/]]
-[[JavaScript弾幕ライブラリ>https://github.com/daishihmr/bulletml.js]]
-[[サンプルで作った☆避けゲーム+メニュー、ゲームオーバー画面>http://jsdo.it/phi/2moF]]
-[[サンプルで作った☆避けゲームをシューティングゲームに作り替えたコード>http://jsdo.it/alkaid_72th/jsQ3]]
