注： Rubyは2.1.0からSemantic Versioningを採用しています。 Ruby 2.1.1, 2.1.2等はバグ修正やセキュリティfixのみを含むため、リファレンスとしては2.1に統一しています。

OpenJSはテーブル表示をリッチなUIにし、並び替えや編集などの機能を追加するライブラリ。 OpenJSはjQuery/JavaScript製のオープンソース・ソフトウェア。企業システムはもちろん、Webサービスの管理画面などで求められるのがテーブルベースのデータ一覧表示機能だ。そしてテーブルを作るとソートやフィルタリング、その場での編集機能などが求められるようになる。 画像表示 そんな機能を作り込むのはとても大変だ。だがユーザの立場に立てば、一件ずつ編集するのも大変なことだろう。そこで外部ライブラリに頼ろう。OpenJSはとてもリッチな編集インタフェースを提供してくれる。 OpenJSは通常のテーブルタグで作られた表を、角丸でかなりリッチなUIにしてくれるライブラリだ。カラムで並び替えたり、画像のサムネイルを表示する、フィルタリングやページネーション機能もある。Ajaxでスムーズに操作

Leafletは軽量で地図操作に最適なJavaScriptライブラリ。 LeafletはJavaScript製のオープンソース・ソフトウェア。かつてWebベースの地図と言えば、画像の上下左右に矢印がついたものばかりだった。それを一変させたのがGoogleマップで、Ajaxによるスムーズな操作を可能にした。 ポップアップ 今やあのUIが当たり前になっている。そして地図以外でも使える場面も増えている。あのようなUIをオープンソースで手に入れたいならばLeafletを使ってみよう。 LeafletはCloudMadeが提供するライブラリで、地図操作に用いることを想定している。マーカー表示やマーカーからのポップアップ、イメージのオーバーレイにも対応する。拡大、縮小する時にはアニメーションしたり、ホイールやダブルクリックでズーム操作もできる。 クリックした場所で表示 マーカーの他にも円や三角形を描く

TISwipeableTableViewはTableViewにスワイプできるセルを表示するiOS用コンポーネント。 TISwipeableTableViewはiOS用のオープンソース・ソフトウェア。iOSには様々なコンポーネントが用意されているが、たびたび使われるものとしてTableViewがある。Twitterやブログなどデータを一覧で並べる際に使われるだろう。 スワイプできるセルが並ぶ そんなTableViewでデータをメンテナンスしたり、さらにドリルダウンする際にはデータをタップして行う。だがTISwipeableTableViewはもっと直感的な仕組みを提供してくれる。 TISwipeableTableViewはTableViewと同じくデータが一覧で並ぶ。その中から変更したいセルをスワイプする。そうするとタップ用のボタンが表示される。別なセルを選んだり、ボタンを押さずにスワイプす

Timegliderはマウス操作可能なインタラクティブな年表（タイムライン）を作成するjQueryプラグイン。 TimegliderはjQuery/JavaScript製のオープンソース・ソフトウェア。年表というのはとても面白い。今の状態がなぜ生まれたのか、そこに関わっている要因が何だったのか時系列をおって見えるようになると、様々な情報が得られる。やはり何からの要因があってこその結果なのだ。 表示デモ しかし年表というのは作るのが難しい。横に時間軸をとって、そこに当てはまる情報を埋め込んでいくだけなのだが、ズーム機能や情報の属性による表示の変更なども欲しくなる。そうした年表（タイムライン）表示に使えるライブラリがTimegliderだ。 Timegliderはタイムラインを表示するためのライブラリで、マウスのドラッグで横軸を移動したり、スクロール操作でのズームイン/アウト、項目をクリックし

Three20の記事が欲しいとのコメントがあったので、久しぶりに書いてみようと思います。 Three20のプロジェクトページを見てみると最後に触った頃から比べると随分変わった感じですね。一時期リジェクトされる問題がありましたが、今では解決している様子なので、１から使い方を紹介しようと思います。 Three20とは iOS用のオープンソースライブラリで、ネットワーク接続のディスクキャッシュやURLベースのコントローラアクセス、フォトライブラリ風UIやスライドショー風UIなど、アプリの裏方から前面まで様々な便利機能を備えてます。iOSヒューマンインターフェースガイドラインでいう所の生産性型アプリケーションで使える最強のライブラリじゃないかと思います。 安定版のダウンロードは以下から。 Add Three20 to your Project | October 6, 2010 | Thr

Head JSはヘッダーに組み込み、JavaScript/CSSの管理を補助するライブラリ。 [/s2If] Head JSはJavaScript製のオープンソース・ソフトウェア。HTMLのヘッダーで行うべき処理は多い。SEO対策としてキーワードの設定や説明文の追加、さらにJavaScriptファイルを読み込んだりCSSを設定したりする。いつの間にかヘッダーがとても長いものになってしまっていたりする。 スクリプトの読み込み さらにJavaScriptを多数読み込んだりすると表示速度に影響が出てしまう。作業の面倒さと複雑さを解決してくれる便利なJavaScriptライブラリがHead JSだ。ヘッダーに入れておくと便利に使えるはずだ。 Head JSが提供する機能は多い。JavaScriptの読み込みを指定することで平行して（しかし順番に）読み込んでくれる。そして読み込んだ後、指定した関数を

Tile5は地図およびタイル表示を行うiOS用Webサイト向けライブラリ。 [/s2If] Tile5はJavaScript/HTML5製のオープンソース・ソフトウェア。HTML5を試してみたいと思うならば、モバイルから開始するべきだろう。さらに言えば表示領域の大きいiPad向けサイトをHTML5で作ってみることをお勧めする。対象を限定すれば既存サイトへ与える影響も大きくない。 地図表示 iOS向けのサイトを開発する時に一から開発する必要はなくなってきている。既に多数のライブラリやテーマが存在する。それらを必要に応じてピックアップして組み合わせるだけで素敵なサイトができあがる。地図や写真を扱うならTile5を使ってみよう。 Tile5は主に二つの機能がある。一つは地図表示のライブラリだ。iPad対応になっているライブラリで、左側に地図サービスの切り替えや機能切り替えが行える。ルート表示やピ

ColoredはRuby製/Windows、Mac OSX用のオープンソース・ソフトウェア。ターミナルは基本的に白黒（人によっては黒緑かも知れない）の世界だ。だからこそ重大なエラーの場合などに色付きでメッセージを表示するとインパクトがある。 ターミナルで簡単に色づけ ターミナルなどではカラー表示の他にも太字や下線などの文字装飾に対応している。だが何となくやり方が面倒そうで使われていないイメージがある。そこで利用したいのがColored、簡単にカラーメッセージを可能にするライブラリだ。 ColoredはStringを拡張しており、テキストの後に指定するだけで簡単にターミナル上に色をつけてメッセージを表示できる。例えば「"this is red".red」これで赤い文字が表示される。同様に.red_on_blueと指定すれば背景色が青で赤い文字のメッセージが表示される。 .bold.blueの

LibCanvasはJavaScript製のオープンソース・ソフトウェア。JavaScriptは速度、機能ともに進化している。メールやカレンダーのようなオンラインとの親和性の高いものはもちろん、画像編集をはじめ様々なアプリケーションがWeb化している。 ソリティアデモ 今後スマートフォンなどでHTML5が積極的に取り入れられてくれば、JavaScriptの利用機会はさらに増えるはずだ。そんな時には一からJavaScriptを組むのではなく、多様なライブラリを使うことになるだろう。そこで覚えておきたいのがLibCanvasだ。 LibCanvasはCanvasタグを使うことで表現力を向上するJavaScriptライブラリだ。MooToolsをベースに開発されている。デモの中には物理エンジンのように多数のオブジェクトが関連して動作するものや、カードゲームのデモもある。 アステロイドのデモ ソリ

Lettering.jsはJavaScript製のフリーウェア（ライセンスはWTFPL）。Web2.0という単語が出回ったことに流行ったのがFlickrのロゴ風の画像を生成するジェネレータだ。透明感があって、ポップなデザインに見え、かつクールなロゴがたくさん（この時点でクールじゃなくなった）出回った。 今時代はJavaScript全盛だ。文字を画像化しても面白くない。文字をJavaScriptを使って装飾する、そんなロゴは今後流行るかもしれない。その可能性を感じさせるのがLettering.jsだ。 Lettering.jsを適用した文字は見ればすぐに分かる。あざやかな色合いで、ポップで可愛らしい文字になる。テキストなので画像に比べると軽量なのも利点だ。画像のように作成し直す手間もなく、システムと連携させるのも容易だ。 さらにマウスオーバーによるアクション設定ができるのも大きい。各文字はマ

Three.jsはJavaScriptのオープンソース・ソフトウェア。Webブラウザが高機能化していく中で競われているのがJavaScriptエンジンの性能だ。実行速度が向上することによって、Webアプリケーションなどの利用が促進される。HTMLレンダリング性能と合わせて重要な指針だ。 マウスの動きを追従する エンジンが高機能化すれば実現できる幅が広がる。その一つが3Dレンダリングだ。JavaScriptで3Dオブジェクトが表現できるようになれば、ゲームはもちろん様々な分野で活用できるだろう。そのレンダリングエンジンとしてThree.jsを紹介しよう。 Three.jsは3Dオブジェクトをレンダリングするライブラリで、先日話題になったGoogleマップを使ったマッシュアップ「The Wilderness Downtown」もこのThree.jsを使って作られた一つだ。さらにマウスで反応する

Smoothie ChartsはJavaScript製のオープンソース・ソフトウェア。Web上でのグラフ描画に対するニーズは多い。常時固定であれば画像でも良いだろうが、システムの値を使う場合は何らかのグラフ描画ライブラリを使うことになる。 複数グラフ同時描画も可能 さらにアクセスの度にレンダリングして終わる場合もあるが、刻々と変化するデータを常時アップデートしていくグラフもある。そんなリアルタイムに変化するグラフを必要とするならばSmoothie Chartsを使ってみよう。 Smoothie Chartsはリアルタイムに変化するデータをスムーズに描画していくライブラリだ。一つに限らず複数の線を同一グラフ内に描画することができる。例えばシステムのモニタリングであったり、アクセス数の変化などを追うのに使えそうだ。 canvasタグを使っているため、対応していないブラウザでは表示できないのが欠

_ [Ruby] Rubyの互換性警告ライブラリを作ってみました / Je viens de faire un librairie qui alerte la compatibilité de Ruby. HikiのRuby-1.9対応をしていて、よくあるはまりどころを見つける良い方法はないかと思い、Ruby-1.8で動かしたまま、互換性の問題のあるメソッドを呼び出す時に警告を出すライブラリを作ってみました。 例えば、「Ruby-1.8では String#to_a は存在しますが、Ruby-1.9ではエラーになる」という風に無くなってしまうものに関しては、ruby -wで実行すれば、 warning: treating String as Enumerable object is deprecated; use String#each_line/lines と警告を出してくれるのでいいので