2012/05/24

何と！JavaScriptにマニュアルのメモリ管理機能を実装する「*JS」

JavaScriptがどうも手になじまない…そう感じているコンパイル系言語を得意とする方に試してもらいたいのが*JSです。JavaScriptにC言語に似た特性を追加するJavaScriptライブラリです。 変数の型を指定できます。異なる型にキャストしようとするとエラーになります。 データ型...

2012/05/18

レガシーなWebブラウザでもリアルタイムコミュニケーション「Firehose」

Webベースのリアルタイムコラボレーションを実現させるためにはWebSocketsを使うのが手軽ですが、レガシーなWebブラウザでは使えません。そこでロングポーリングを手軽に実装できるのがFirehoseです。 サーバを起動しました。 クライアントから接続しています。 別なクライアントからデ...

2012/05/16

ガントチャートからiTunes風表示まで。Dojoを使ったグリッドライブラリ「dgrid」

jQueryなどと並んで有名なJavaScriptライブラリのDojo。そんなDojoで使える高機能グリッドフレームワークがdgridです。 iTunes風の表示です。アルバムやアーティストを選択すると内容が変わります。 ガントチャート風表示です。タスク同士の関連性が表現できています。 サブ...

2012/05/10

JavaScriptで処理を同期的に行いたいと考えている人向け「JSDeferred」

JavaScriptの魅力は非同期処理にあると思いますが、これまでのコーディングスタイルと異なるのでやりづらいと感じる人も多いのではないでしょうか。そこでJavaScriptで同期処理的な実行を可能にするライブラリJSDeferredを使ってみましょう。 サンプルコードです。wait(3)で...

2012/05/09

Basecamp Nextでも使われている絵文字のUnicodeを取得「named_emoji」

絵文字は日本の携帯電話から広がり、Googleでも採用されるなど徐々に浸透されてきています。さらにCampfireやBasecamp Next、GitHubでも採用されています。そんな絵文字を手軽に使えるようにするRubyライブラリがnamed_emojiです。 インストールしました。Rub...

2012/05/09

スクロールによってリストの表示をダイナミックに変化させる「stroll.js」

WebページはJavaScriptによってどんどんダイナミックに変化させられるようになっています。そこにさらにCSS3を組み合わせることでスクロール時のイフェクトをこんなにダイナミックにできます。それを実現するのがstroll.jsです。 例です。スクロールさせるとリスト部の描画が滑らかに変...

2012/05/02

JavaScriptを使ってExifデータを読み取る「exif.js」

スマートフォンの普及によって写真データをオンライン上に扱うケースが増えています。そんな写真のメタデータであるExifをJavaScriptで扱ってしまおうというのがexif.jsです。 サンプルです。写真を指定するとそのExifから位置情報を読み取ってGoogleマップにマーカーを立てていま...

2012/04/20

jQueryとも組み合わせて使える汎用的ユーティリティライブラリ「Pot.js」

JavaScriptを素のままで使うケースは減っています。jQueryやMootoolsをいったライブラリを使うケースが多いのですが、そうしたライブラリとも組み合わせて使える汎用的ユーティリティライブラリがPot.jsです。 デモはこのコンソールに出ているものになります。 そのコード。 Po...

2012/04/18

格好いい！折り畳んだ紙を開くようなアクションを実現「Paperfold CSS」

これはアイディアの勝利！Paperfold CSSを使うと折り畳んだメッセージを開いて表示したりする際に効果的に見せられるようになりそうです。 デフォルトの表示です。See 5 More Postsという表示があります。そこをクリックします。 徐々に開いていきます。 折り畳まれた部分が開いて...

2012/04/01

Excel同等とは言わないけれど十分高機能なWebベースのテーブル表示ライブラリ「KoGrid」

業務システムではよくあるWeb上でのデータの一覧表示。得てしてExcelと同等レベルの機能が求められて大変な思いをしますが、そのベースにできそうなハイレベルなグリッド表示を行うのがKoGridです。 ソートができます。範囲外は中でスクロールして表示させられます。 チェックボックスをつけるとハ...

2012/03/22

JavaScriptグラフライブラリHighchartsをPHPから使いやすくする「HighRoller」

2012/03/13

オブジェクト同士の相互作用を描き出すCoffeeScript製物理エンジン「Coffee Physics」

2012/03/04

KLab製。AndroidでiOSのような画像表示が実現するUIコンポーネント「KLab iPhoroid UI」

KLab iPhoroid UIはAndroidでもiOSライクなユーザ体験を実現するライブラリです。写真をスムーズに見せる洗練されたUIを実現できます。 デモアプリです。リストです。 写真一つの表示です。スワイプで写真を切り替えられます。 メニューです。 グリッド表示です。 KLab iP...

2012/02/27

エラー内容が分かりやすいiOS向けの入力チェックライブラリ「ustwo™ iOS Form Validator」

入力チェックで引っかかるというのはユーザにとって大きなストレスになります。そこでステップを踏みつつ着実にチェックしてくれるライブラリ、ustwo™ iOS Form Validatorを使ってみましょう。 これはデモアプリです。入力欄が三つあります。 右側のアイコンをタップすると注意書きが出...

2012/02/21

粒子を使ったParticle表現を自在に操るFlashライブラリ「Flint Particles」

Particleというのは分子や粒子と言った意味で、細かい粒を意味します。それが元になって、火や雪など自然物の動きを再現する処理をParticleと呼びます。Flint ParticlesはFlashベースでParticle表現を実装するライブラリです。 パチンコのような感じで上からボールが...

2012/01/11

CSS3だけで作るプログレスバー「CSS3 Progress Bars」

最近、複雑な表示ですらCSSだけでこなしてしまうようなハックが流行っていますが、CSS3 Progress BarsはCSS3だけを使ってプログレスバーを表示します。 表示例です。角丸や複数の組み合わせ表示ができます。 さらに細めのタイプもあります。 コードです。styleのwidthでバー...

2012/01/11

JQGridを使ったAjax対応のPHPグリッド表示ライブラリ「JQgrid PHP Grid Control」

PHPで作られた業務システムなどでデータを表で一覧表示する際に使ってみたいのがJQgrid PHP Grid Controlです。ごくシンプルなPHPコードだけで高度なグリッド表示を行ってくれます。 データが整然とグリッド表示されています。 データの追加もここでできます。 日本語が???にな...

2012/01/03

JavaScript製のALACデコーダー「ALAC.js」

AppleからALAC（Apple Lossless Audio Codec）がオープンソースとしてリリースされて以来、様々なプロジェクトで使われるようになっています。今回紹介するのはALAC.js、ALACをJavaScriptで利用できるデコードライブラリです。 デモです。Webサーバで...

2011/12/22

ハッシュ値にも可読性を求める時代？なPythonライブラリ「humanhash」

データのハッシュ化というと、MD5やSHA-1が思いつきますが、今回紹介するのはhumanhashです。とても変わったハッシュ生成ライブラリになっています。 ダイジェストを読みやすく加工しています。 文字数を変更できます。 UUID生成もできます。 humanhashでは256個の分かりやす...

2011/12/16

WebSocketを使えばリアルタイムメッセージの夢が広がる「WebSocket client for Titanium Mobile」

Webブラウザでリアルタイムにメッセージを交換したいならば使ってみたいのがWebSocketです。そんなWebSocketを使う場合、Webブラウザ（またはコンポーネント）を使いますが、直接扱ってしまおうというのがWebSocket client for Titanium Mobileです。...