JavaScript/tmlib.js のバックアップ(No.3)
- バックアップ一覧
- 差分 を表示
- 現在との差分 を表示
- ソース を表示
- JavaScript/tmlib.js へ行く。
- 1 (2012-12-24 (月) 02:10:18)
- 2 (2012-12-24 (月) 02:28:54)
- 3 (2013-01-02 (水) 22:21:31)
- 4 (2013-01-03 (木) 18:50:12)
- 5 (2013-01-04 (金) 01:21:13)
- 6 (2013-01-05 (土) 13:34:22)
- 7 (2013-01-10 (木) 03:16:17)
- 8 (2013-01-13 (日) 04:35:45)
- 9 (2013-03-01 (金) 04:16:11)
- 10 (2013-04-15 (月) 00:26:45)
- 11 (2013-05-01 (水) 03:14:23)
- 12 (2013-05-24 (金) 03:41:40)
- 13 (2013-05-25 (土) 07:18:36)
- 14 (2013-05-30 (木) 13:21:31)
- 15 (2013-06-02 (日) 02:54:06)
- 16 (2013-06-07 (金) 02:47:37)
- 17 (2013-06-09 (日) 12:44:23)
- 18 (2013-06-09 (日) 23:28:33)
- 19 (2013-06-13 (木) 17:15:39)
- 20 (2013-06-14 (金) 14:23:12)
- 21 (2013-06-17 (月) 03:16:18)
- 22 (2013-06-26 (水) 15:14:52)
- 23 (2013-06-30 (日) 22:19:35)
- 24 (2013-07-23 (火) 22:35:09)
- 25 (2013-07-25 (木) 03:27:40)
- 26 (2013-07-31 (水) 12:38:02)
- 27 (2013-09-30 (月) 16:51:23)
- 28 (2013-10-23 (水) 16:52:35)
- 29 (2013-11-02 (土) 23:31:42)
- 30 (2013-11-03 (日) 06:27:08)
- 31 (2013-11-19 (火) 13:35:30)
- 32 (2013-11-20 (水) 20:02:30)
- 33 (2014-04-03 (木) 00:00:53)
- 34 (2014-04-03 (木) 15:29:10)
- 35 (2014-04-16 (水) 21:41:35)
- 36 (2014-04-23 (水) 09:55:29)
- 37 (2014-05-15 (木) 12:34:53)
- 38 (2014-05-19 (月) 20:51:06)
- 39 (2014-06-01 (日) 22:10:30)
- 40 (2014-06-14 (土) 01:12:41)
- 41 (2014-06-27 (金) 17:04:09)
- 42 (2014-07-14 (月) 18:03:42)
こちらのイベントに参加して色々教えていただきました。
【TechBuzz】tmlib.js hackthon #1 〜JavaScript をより使いやすく, より便利に, そしてより豊かにをモットーとする「tmlib.js」のハッカソンイベント開催〜
スライドショー
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
- phi氏のjsdo.it公開webアプリ
- TM Life tmlib.jsカテゴリ
- tmlib.js 怒濤の 100 サンプル!! – Graphics(HTML5 Canvas) 編 | TM Life
- 「tmlib.js 怒濤の 100 サンプル!!」を試す | 楽遊堂
- JavaScript弾幕ライブラリ
- サンプルで作った☆避けゲーム+メニュー、ゲームオーバー画面
- サンプルで作った☆避けゲームをシューティングゲームに作り替えたコード
- tmlib.jsでシューティングゲームを作るチュートリアル | なんかもう実験的 ... tmlib.jsでのクラス定義方法、シーン利用方法、JSONでのラベル定義方法、ツイート方法など各種テクニック