Google製のクライアントサイド、JavaScript製テンプレートエンジン·JsTemplate MOONGIFT
JsTemplateはGoogleが開発したJavaScript製のテンプレートエンジンです。 Webアプリケーションがさらに開発されていくために必要なのが高機能なJavaScriptテンプレートエンジンの存在です。幾つか出てきていますが今回紹介するのはかなり有力です。なぜならGoogleが開発したテンプレートエンジンだからです。それがJsTemplateです。 デモです。左上がテンプレート、右上がJSONの元データになります。 そして左下が実際に生成されたHTMLで、右下がレンダリング結果になります。 idを使ってテンプレート名を定義しています。 こういう風にデータがない場合のチェックもできます。 実際のコードです。jsdisplayのところに検証が入っているのが分かります。 データがある場合はもちろん繰り返し表示します。 実際のコードです。 JsTemplateは再帰処理ができたりev
エラーやインフォメッセージの通知に使いたい。jQuery製通知ライブラリ·Notifier.js MOONGIFT
Notifier.jsはGrowl風通知を行うjQueryプラグインです。 Mac OSXではGrowlという有名な通知ソフトウェアがあります。バックグラウンドでの処理結果や、何か問題があった際に通知が出るのは慣れると手放せません。そんなGrowlに似た通知をjQueryで実現するのがNotifier.jsです。 リンクをクリックすると通知が右上に表示されます。この通知は一定時間が経つと消えます。 複数を同時に表示させることもできます。アイコン、タイトル、内容がカスタマイズできます。 いくつも出せます。 表示するコード。success、info、warning、errorを指定できます。 Notifier.jsを使えば見た目のデザインを変えずにエラーメッセージやお知らせを通知できるようになります。 Notifier.jsはjQuery/JavaScript製のソフトウェア（ソースコードは公
Smartyの記法が使えるJavaScriptのテンプレートエンジン·jSmart MOONGIFT
jSmartはSmartyの記法を取り込んだJavaScriptのHTMLレンダリングエンジンです。 Webアプリケーションが増えていくにつれてニーズが上がっているのがJavaScriptのHTMLレンダリングエンジンです。今回紹介するjSmartはSmartyにインスパイアされた、有力なテンプレートエンジンになります。 サンプルです。HTMLが書かれています（当たり前ですが）。 コードです。こちらはテンプレート側、Smarty的な定義や書き方が使えます。 こちらはデータ型。JSONファイルで定義されているのみです。 jSmartを見て分かる通り、テンプレートとデータをミックスして表示しているだけです。データはJSONで定義した後、jSmartのオブジェクトに渡しているだけとなります。これだけシンプルな仕組みであれば、利用は簡単かもしれません。 jSmartはJavaScript製のオープ
ゲームでも使えそうなJavaScriptで作られた物理エンジン·box2dweb MOONGIFT
box2dwebはJavaScriptで作られた物理エンジンライブラリ。Box2DFlashをJavaScriptへポートしたソフトウェア。 box2dwebはJavaScript製のオープンソース・ソフトウェア。ゲームを作る際に欠かせない要素が物理エンジンだ。オブジェクトの落下や重力の作用、オブジェクト同士の作用反作用、慣性の法則など様々な要素がそこには絡んでくる。スーパーマリオも物理エンジンあってこそのゲームだ。 デモ 最近であればAngry Birdsも物理エンジンを用いた処理によってあの動きが実現する。Webブラウザで動作するゲームを作る時に採用を考えたいのがbox2dwebだ。 box2dwebはBox2DFlashというFlash製の物理エンジンをJavaScriptに移行させたソフトウェアだ。デモでは多数の四角または丸のオブジェクトが落下し、それぞれが作用しながら動き回るよう
小さな工夫で大きな改善。ドラッグアンドドロップでファイルアップロード·html5uploader MOONGIFT
html5uploaderはHTML5を使ってドラッグアンドドロップによるファイルアップロードを実現するライブラリ。 html5uploaderはHTML5製のオープンソース・ソフトウェア。HTMLで最も嫌だったのがファイルアップロードの手間が大きいことだった。一つのファイルボックスで一つのファイルしかアップロードできないというのはとても面倒だった。Flashで作られた擬似的アップロードツールでファイルが複数選択できるようになったのが救いでもあった。 デモ。この枠にドロップする。 それがHTML5によって複数ファイルのアップロードに対応するようになり、便利になった。だがファイル選択のダイアログが面倒なのは変わらない。それを改善してくれるライブラリがhtml5uploaderだ。 html5uploaderはボックスを表示してその中にファイルをドラッグアンドドロップするだけでアップロードを行
ドロップダウンリストの使い勝手を向上させるjQueryプラグイン·Dropp MOONGIFT
DroppはWebブラウザ標準のドロップダウンリストを置き換えて使い勝手を良くするライブラリ。 DroppはJavaScript/jQuery製のフリーウェア（ソースコードは公開されている）。HTMLがローカルソフトウェアに敵わない理由の一つがUIの貧弱さにあると思われる。もちろん凝ればそれなりのUIになるが、標準のコンポーネントで表現できるものが少ないのだ。 一つ選択 その一つで不満に感じていたのがドロップダウンの複数選択だ。シフトキーなどを押しながら選ぶなんてのは面倒すぎる。そこで使ってみたいのがDroppだ。 Droppは標準のドロップダウンリストを置き換えるソフトウェアだ。クリックするとリストが表示される。その中から項目を選択すると選択状態が維持される。そのまま追加で項目を選択できる。選択した項目のbらベルは一番上に並べて表示したり、複数項目選択中といったラベルにすることもできる。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
