2012/05/22

作ろう！HTML5用Webアプリケーションフレームワーク「Brunch」

HTML5をビジネス向けに率先して使っていくのは難しいと思いますが、それでも試してみたいと考えている人は多いはずです。そこでBrunchを活用してみると良いでしょう。HTML5ベースのWebアプリケーションを開発するための仕組みをまとめて提供してくれます。 Twitterのデモアプリです。 ...

2012/05/21

なんでまた…。ターミナルの中に画像を表示「picture-tube」

今年になってくらいからコンソールで無茶をするプロジェクトを多数見かけるようになってきました。何かに取り憑かれているのでしょうか。という訳で今回はターミナルで画像を表示するpicture-tubeを紹介します。 インストールします。npmで一発です。 実行しました。なんか…すごいです。 MOO...

2012/05/16

Twitter製。LESSからCSSを生成「RECESS」

最近はCSSもそのままではなくLESSやSassを使って書くケースが増えてきました。そこで紹介したいのがRECESS、Twitter社の開発したLESSコンパイルツールです。 インストールします。npmでインストールできます。 解析処理です。 オプションです。 RECESSを使うとLESSか...

2012/05/15

みんなで協力してブロックを埋める「FitIt」

ゲームには幾つかの種類がありますが、Webブラウザを使ったものであればネットワークを介して協力し合うゲームに面白さを感じます。そこで紹介したいのがFitItです。 ゲーム開始です。全部で4人（または4接続）が必要です。 ブロック同士が重なっていると駄目です。 後もう一息。 完成！この完成時の...

2012/05/12

Titanium SDKのバージョンをCUIで管理「tsm」

JavaScriptを使ってiOS/Androidアプリが開発できるTitanium。利用者も多いとは思いますが、SDKの更新頻度が早く追従しきれない人も多いのではないでしょうか。そんな方に使ってみてほしいのがtsmです。 インストールしました。npmコマンドで簡単にインストールできます。 ...

2012/05/08

暗号化した上で保存するクラウドストレージ「SafeWith.me」

クラウドストレージを使ってみたいと思いつつもデータがベンダーにロックされてしまったりセキュリティ上問題があると感じている方はSafeWith.meを使ってみると良いでしょう。HTML5を使って暗号化した上でファイルを保存してくれます。 まずGoogle Chrome機能拡張をインストールしま...

2012/05/06

CSVやJSONデータを管理、ビジュアル化「Miso Dataset」

データのビジュアル化（グラフ化）をする際に書かせないのが元データです。DBに入っていたり、XMLだったりと形式は色々考えられますが敢えてCSVを使ってグラフを描くのがMiso Datasetです。 デモです。CSVデータをグラフにプロットしています。 データはこのようなCSVです。 コード部...

2012/05/03

node.js向けに書いたコードをクライアントサイド向けに変換「browserbuild」

node.jsはJavaScriptが動作しますが、クライアントサイドではそのままでは動きません。しかしbrowserbuildを使えばnode.js向けのコードをクライアントサイドのJavaScriptでも使えるようにコンパイルしてくれます。 インストールします。npmで一発インストールで...

2012/04/24

サーバとクライアントを同一コードで動かすリアルタイムコラボレーションWebフレームワーク「Meteor」

久々にぞくぞくさせられるWebアプリケーションフレームワークの紹介です。Meteorはnode.js用のWebアプリケーションフレームワークですが、同一のコードがサーバとクライアントで動作するユニークな特徴を持っています。 インストールします。コマンド一行でダウンロードからインストールまで実...

2012/04/24

1,000のサーバでも監視できるnode.js製死活チェッカー「uptime」

Webサーバがきちんと正常に動き続けているかどうか一番簡単にチェックするのは定期的にアクセスしてレスポンスタイムを見ることです。そんなWebサービスの死活チェックに使えるのがuptimeです。 サーバを立ち上げました。最初に監視するWebサーバを設定します。 URLと監視する間隔を指定するく...

2012/04/14

米Yahoo製のnode.js用Webアプリケーションフレームワーク「Mojito」

Yahoo! Inc.が開発したnode.js用WebアプリケーションフレームワークがMojitoです。MVCでYUI 3とも組み合わせられるなどちょっと気になる機能が多いソフトウェアとなっています。 デモアプリです。Metro風です。 パネルをクリックすると記事が表示されます。 Mojit...

2012/04/03

CodeIgniterを模して作られたnode.js用フレームワーク「nodeigniter」

軽量で簡単に使えるPHPフレームワークとして人気の高いCodeIgniter。それを真似て作られたnode.js向けフレームワークがnodeigniterです。 インストールします。npmでインストールできます。 サーバを立ち上げました。 アプリケーションの内容です。config/contr...

2012/03/28

Twitterの今が分かる。位置情報を含んだツイートをGoogleマップに表示「Tweereal」

TwitterのストリームAPIを使うと次々にデータが入ってきます。それを使って「今」どこでツイートされているかをマップ上に可視化してくれるのがTweerealです。 地図に今ツイートしたデータが表示されます。 パラメータを調整して表示時間を長くするとこんな感じに色々なところでツイートされて...

2012/03/27

すげえ！WebブラウザからTitaniumアプリを開発、試せる「TiShadow」

JavaScriptでiOS/Androidアプリを開発できるTitanium。そんなTitaniumを使ってインタラクティブにWebブラウザからアプリを開発できてしまうのがTiShadowです。 こちらはデスクトップのWebブラウザです。 次にアプリからサーバに接続します。これで準備完了で...

2012/03/23

これはすごいかも。iOS上で動くnode.js「nios」

2012/03/18

Hacker Newsをスマートフォンに最適化「Hacker News mobile web app」

2012/03/07

これはnode.jsの時代が来るか！？全て揃ったnode.jsフレームワーク「Tower.js」

こ、これはやばい…。ついにnode.jsの時代が来るかもしれない、そう感じさせるWebアプリケーションフレームワークがTower.jsです。 インストールはnpmで簡単にできます。

2012/03/04

node.jsの開発時に。ファイル変更でサーバプロセスを自動再起動「Always」

node.jsで開発していて面倒なのがソースを編集した後の反映でサーバを立ち上げ直さないといけないことです。そこで再起動の手間をなくしてくれるAlwaysを使ってみましょう。 インストールはnpmで一発です。 nodeコマンドの代わりにalwaysコマンドにするだけです。 起動しています。 ...

2012/03/01

node.jsを使ったコラボレーションプログラミングエディタ「snucode」

Webの面白さはコラボレーションにあるといっても過言ではないでしょう。プログラミングエディタであってもそれは同様です。snucodeを使えばリアルタイムにコードを一緒に作り上げられます。 アクセスしました。最初は何も書かれていません。URLを別なWebブラウザと共有します。 シンタックスハイ...

2012/02/29

見た目が格好いい。node.jsをWebベースで開発する「Nide」

ここ最近になってようやくWebベースのIDEが本格化してきました。Nideもその一つで、node.jsプロジェクトの開発に最適化されています。 Mac OSX向けにはバイナリも提供されています（今回はnpmでインストールできるものを使っています）。 npmで一発インストールできます。 最初に...