ITエンジニア/デザイナ向けにオープンソースを毎日紹介

開発 - ライブラリの記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

List

  • 2012/06/04

JavaScriptオブジェクト用問い合わせ言語「SpahQL」

SpahQLはJavaScriptオブジェクトのデータ抽出に使えるクエリライブラリです。WebアプリケーションではデータをJSONで利用するのが一般的です。データが大量にあるのであれば、そこから欲しいデータだけを抽出する仕組みが必要になるでしょう。JavaScriptでそれを可能にするのがSpahQLです。例です。ha...

39056?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f05%2fscreenshot-2012-05-23-11.50.36_thumb

  • 2012/06/03

多彩なフレームワークに対応したPHP向け認証ライブラリ「Opauth」

OpauthはPHP向けの認証ライブラリです。抽象化することで多様なプロバイダーに容易に対応できます。Webサービスで認証を用意すると言っても今は多様な技術が存在します。単なるID/パスワードに限らず、OpenIDやOAuthもあります。サービスプロバイダーごとに実装も若干変わったりします。そうした認証技術を統合して使...

38977?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f05%2fscreenshot-2012-05-21-15.34.46_thumb

  • 2012/05/31

ゲームに使える。オブジェクトと光源によって生まれる影を描画「Illuminated.js」

Illuminated.jsは光とオブジェクトの影を自動計算するJavaScriptライブラリです。RPGゲームやアクションゲームで効果的です。光があるところには必ず影がある、どこかの大魔王もそういってやられていきました。ということでJavaScriptを使ってオブジェクトと光、そして影を計算するライブラリIllumi...

List

  • Premium_s 2012/05/29

業務で使えるオープンソース(26)「HTMLテーブル」

業務システムを作っていて必ず発生すると言えるのがHTMLベースのテーブル表示です。テーブル表示は表計算のルックスに似ているため、ユーザからはMS Excelレベルの機能を求められることが多々あります。そこで今回はHTMLテーブルを高機能化するライブラリ、機能要件、Webベースの表計算SaaSについてご紹介します。

38748?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f05%2fscreenshot-2012-05-14-13.44.00_thumb

  • 2012/05/24

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

*JSはJavaScriptにC言語ライクのメモリ管理を実装するライブラリです。JavaScriptがどうも手になじまない…そう感じているコンパイル系言語を得意とする方に試してもらいたいのが*JSです。JavaScriptにC言語に似た特性を追加するJavaScriptライブラリです。変数の型を指定できます。異なる型に...

38572?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f05%2fscreenshot-2012-05-07-15.40.14_thumb

  • 2012/05/18

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

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

38509?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f05%2fscreenshot-2012-05-07-14.37.47_thumb

  • 2012/05/16

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

dgridはDojoを使ったWebブラウザ向けグリッドライブラリです。jQueryなどと並んで有名なJavaScriptライブラリのDojo。そんなDojoで使える高機能グリッドフレームワークがdgridです。iTunes風の表示です。アルバムやアーティストを選択すると内容が変わります。ガントチャート風表示です。タスク...

38352?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f05%2fscreenshot-2012-05-01-12.01.42_thumb

  • 2012/05/10

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

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

List

  • 2012/05/09

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

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

38342?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f05%2f120501-0004_thumb

  • 2012/05/09

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

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

38138?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f04%2fscreenshot-2012-04-25-9.36.29_thumb

  • 2012/05/02

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

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

37729?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f04%2fscreenshot-2012-04-09-11.12.08_thumb

  • 2012/04/20

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

Pot.jsはJavaScriptで感じる物足りなさを補完する汎用的ユーティリティです。JavaScriptを素のままで使うケースは減っています。jQueryやMootoolsをいったライブラリを使うケースが多いのですが、そうしたライブラリとも組み合わせて使える汎用的ユーティリティライブラリがPot.jsです。デモはこ...

37667?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f04%2fscreenshot-2012-04-09-10.33.42_thumb

  • 2012/04/18

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

Paperfold CSSは中間のメッセージを折り畳んで表示し、クリックで開く3Dアクションを施すJavaScriptライブラリです。これはアイディアの勝利!Paperfold CSSを使うと折り畳んだメッセージを開いて表示したりする際に効果的に見せられるようになりそうです。デフォルトの表示です。See 5 More ...

37059?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f03%2fscreenshot-2012-03-21-13.17.12_thumb

  • 2012/04/01

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

KoGridはハイレベルなWebベーステーブル表示ライブラリです。フィルタ、ソート、ページネーションなどがあります。業務システムではよくあるWeb上でのデータの一覧表示。得てしてExcelと同等レベルの機能が求められて大変な思いをしますが、そのベースにできそうなハイレベルなグリッド表示を行うのがKoGridです。ソート...

36763?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f03%2fscreenshot-2012-03-14-15.10.10_thumb

  • 2012/03/22

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

HighRollerはJavaScriptのグラフライブラリHighchartsをPHPでラッピングしたソフトウェアです。非商用であれば無料で使えるCanvasタグベースのグラフ表示ライブラリがHighchartsです。そんなHighchartsをPHPから使いやすくしてくれるライブラリがHighRollerになります...

List

  • 2012/03/13

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

Coffee PhysicsはCoffeeScript製の物理エンジンです。オブジェクトとマウスの相互作用を計算します。Coffee PhysicsはCoffeeScriptで作られた物理エンジンです。物理エンジンと言っても落下やジャンプではなく、オブジェクト同士の相互作用に長けているようです。マウスの動きを追従するボ...

36145?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f02%2fimage003_thumb1

  • 2012/03/04

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

KLab iPhoroid UIはiOS風のリスト、カバーフロー、グリッドビュー、フロービューをAndroidに提供するUIライブラリです。KLab iPhoroid UIはAndroidでもiOSライクなユーザ体験を実現するライブラリです。写真をスムーズに見せる洗練されたUIを実現できます。デモアプリです。リストです...

35968?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f02%2fscreenshot-2012-02-17-16.16.26_thumb

  • 2012/02/27

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

ustwo™ iOS Form ValidatorはiOS上で入力チェックを行うためのライブラリです。送信時、送信前にチェックができます。入力チェックで引っかかるというのはユーザにとって大きなストレスになります。そこでステップを踏みつつ着実にチェックしてくれるライブラリ、ustwo™ iOS Form Validato...

35660?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f02%2fscreenshot-2012-02-13-11.32.55_thumb

  • 2012/02/21

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

Flint ParticlesはFlash製の粒子ライブラリです。火や煙、花火、雨などの粒子を自然に動かせます。Particleというのは分子や粒子と言った意味で、細かい粒を意味します。それが元になって、火や雪など自然物の動きを再現する処理をParticleと呼びます。Flint ParticlesはFlashベースで...

34070?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f01%2fscreenshot2012-01-04-20.45.07_thumb

  • 2012/01/11

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

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