ちょー高速開発 javascriptのフレームワーク『meteor』を使ってみた

ここ最近twitterで流れて話題になっている『meteor』を触ってみたので感触めも。

参考にさせていただいたサイトは下記。
http://d.hatena.ne.jp/Syunpei/20120413/1334276712
http://meteor.com/

とにかくセットアップもソースも公開も非常にシンプルで済むのに、感動してしまいました。。(涙

こういうの作れたら最高w

参考サイトにならって、触ってみたことを下記にメモ。

まずインストール

$ curl install.meteor.com | sh

※パスワードをうつ必要があります。

プロジェクト作成

$ meteor create --example todos

–example todosで用意されているサンプルのtodoを作成

生成したディレクトリに移動

$ cd todos

メテオ コマンド実行!

$ meteor

これで完成!&実行!

Running on: http://localhost:3000/

などと出力されるので、

http://localhost:3000/

にブラウザでアクセスすればtodoアプリがみれます!

さらに既に用意されているドメインにアップロードして、外部公開も可能になっている!!(驚

$ meteor deploy test55todo

test55todoがサブドメインの部分にあたる、test55todo.meteor.comという名前を用意してくれる。

実際に上記で作ったサイトのURLが下記。

http://test55todos.meteor.com/

軽くてけっこう使えそうなtodoリストの完成。

この手軽さやばすぎです。。
meteorの今後動向が気になります。

9leap『ワンボタンゲームチャレンジ』優勝ありがたや!

「9leap ワンボタンゲームチャレンジ」でまさかの優勝!
関係者の皆様本当にありがとうございます!

パンプキンブロック

http://wise9.jp/archives/6799

いままで9leapには何度か作品を投稿させていただいて、
今回がはじめて受賞いただきました!

enchant.jsは本当に簡単にゲームが作れてしまうので、この手軽さは圧巻です!
また音声サポートや、webGL対応など、凄いスピードで進化しており、既にスマホブラウザの限界まできているんじゃないと思うぐらい! !

とくかく今後も9leapを要チェックしていきます!

あと、今開催中のGlobal Leap Challenge も時間作って是非チャレンジしたい!
英語力不要ということで自分にもうってつけw!

 

過去の9leapに投稿した作品
男!コイノボリ
どらごんでぃふぇんす
ゾンビ落とし
Follower Rescue!

 

 追記!

そしてめちゃくちゃ欲しかった!Androidのタブレット『Eee Pad Slider SL101』を賞品としていただきました!本当にありがとうございます!!
今度はタブレットプログラミングで9leapに投稿したいと思います!

キーボード付きタブレット

高スペックで、リアルなゲームなどががんがん動くのもびっくりしました!

Androidネイティブプログラミング

ShadowGun

また、Androidのネイティブアプリ開発などもできて、今後もがんがん活用していきたいと思います!

適宜使えそうな便利ツール集

たまに場面場面で利用したい、変換・整形・難読化などをWEBサイトで
簡単に利用できるサイト一覧です!

javascript 圧縮 難読化
http://www.gosu.pl/decoder/

JSONフォーマット可視化
http://chris.photobooks.com/json/default.htm

SQL整形ツールWEB
http://sqllite.webdesktop.jp/

htmlインデント整形ツール 
http://hamcutlet.fjord.jp/

アイコンエディタ
 http://www.xiconeditor.com/

.htaccessエディター
 http://www.htaccesseditor.com/

カラーピッカー
 http://www.web-graphics-maker.com/color_picker/

上記サイトと作っていただいた方ありがとうございます!m(_ _)m

javascriptで動く物理エンジンライブラリ「box2d.js」をいじってみた

最近、html5で何かできないかネットを散歩してて、
気になったのでちょっとピックアップ!(大分古いです汗)

box2d.js」というjavascriptライブラリというのがあり、
複雑な物理演算を考えなくても簡単に作れてしまいました。
アークタンジェントとかシータとかわからなくても勝手に計算してくれますw

Flashなどでは結構みかけるのですが(http://box2dflash.sourceforge.net/)、今後html5に期待ということで、javascript版であそんでみました。

http://box2d-js.sourceforge.net/のサンプルをいじってみたのですが、
結構読み込みソースが多くてこれをスリム化できれば大分利便性があがるんじゃないかと期待をしてます。

一応html5ですので、ブラウザはchrome推奨です。
box2d.jsをいじったサンプル

box2djs


html5 webGLの可能性に期待!『ROME』すご!

http://www.ro.me/
(chromeで見たほういいよ)
※マウスで視点操作、クリックでなにかしらのアクションがおこるようです。

色々なところで紹介されているが、このサイトすご!
html5もクロスブラウザ対応できるようになれば、日本の企業などどんどん導入していくとおもうのですが、
いつになったらこのブラウザの壁をやぶりたい。

html5のつよみは、Flashにはないスマホ対応なところだとおもうけど、ブラウザ互換を気にしないでこういったwebGLなどをいかした未来的な表現を打ち出したい。

 

 

※このサイトの↓の「http://www.ro.me/gallery/」ってところで3Dブロックをつかってオブジェがつくれますw

ROME_html5_matsudapress