まるで画像のような文字を動的に作るjQueryプラグイン·jQuery sIFR Plugin MOONGIFT
これは素敵なライブラリ。プログラマ（というのは言い訳に過ぎないが）はデザインが苦手だ。そのため、インパクトのあるロゴをデザインしようと思ってもなかなかうまくいかない。 上のフォントがどうなるかは詳細にて！ これはもう諦めた方が良い。だが単なる文字で書かれているだけではインパクトが薄い、使うのはjQuery sIFR Pluginだ。 jQuery sIFR PluginはjQueryプラグインとして動作するオープンソース・ソフトウェアで、文字を素敵なフォントで表示してくれるソフトウェアだ。 jQuery sIFR PluginはFlashを使い、動的に指定した文字を指定したフォントで描いてくれる。CSSで指定するのとは違い、JavaScriptが動作し、Flashが動いている環境であれば誰でも同じ結果を得ることができる。 このように表示させることが可能！ さらに動的に生成されるということも
もうこれで十分。HTML上でテーブルを表示するなら·Sigma Grid MOONGIFT
業務システムを構築する際に、一覧表を表示するという処理は多い。そしてそのデータを並べ替えたり、チェックボックスを入れたりしたいというニーズも多く発生する。場合によってはカラムを並べ替えたり、一括更新したいなんて言われることもある。 ソートも並べ替えもページネーションも全部こみこみ それを一つ一つ実装していては非常に工数がかかってしまう。そこで使いたいのがこのSigma Gridだ。 Sigma Gridはテーブルの表示とソート、データ編集などを可能にする超豪華ライブラリだ。LGPLライセンスの下に公開されているオープンソース・ソフトウェアだ。 Sigma Gridはデータの表示に際してJSONでデータを渡す必要がある。そのため既存のシステムにそのまま組み込むのは難しいかもしれない。だがその変更してもあまりあるメリットを享受できるに違いない。 画像表示とクリックアクションの例 まずカラムごと
MOONGIFT: Google App Engineで動作するS3プロキシサーバ「Shrub」:オープンソースを毎日紹介
Amazon S3にはHTTPでデータを配信する機能がある。これを使うと、専用のストレージサービスから専用のデータ配信サーバに変貌する。写真や大容量のデータを渡すのに手軽で強力な方法だ。 Amazon S3がブラウザから操作できる とは言え、ファイルの一覧などは取ることができない。LISTコマンドを実行するのでブラウザからは実行できないのだ。そこでブラウザからAmazon S3にあるファイルを一覧取得やダウンロードできる、これを使ってみよう。 今回紹介するオープンソース・ソフトウェアはShrub、Amazon S3プロキシサーバだ。 ShrubはGoogle App Engineを使って動作する。そしてAmazon S3に接続し、そこにあるデータを一覧表示してくれる。クリックすればもちろんダウンロードが開始される。一覧はHTML表示の他、RSSやJSONでも取得できる。 RSSフィードでも
MOONGIFT: » ブラウザだけで遊べるシヴィライゼーション「Freeciv-Forever」:オープンソースを毎日紹介
Civilization（シヴィライゼーション）は一時期はまったゲームだ。世界の7不思議をはじめ、地球を舞台に様々な文明を発展させることができるシミュレーションゲームで、とても面白い。FreeCivというオープンソース版のPC向けシヴィライゼーションも存在する。 シヴィライゼーションがブラウザだけで遊べる！ そんなシヴィライゼーションをブラウザだけでもプレイできるようにしてくれるソフトウェアがFreeciv-Foreverだ。これならどこでも遊べるようになる。 Freeciv-Foreverはブラウザベースのソフトウェアで、ユーザ登録することで各地で立ち上がっているCivilizationサーバに接続して遊ぶことができる。てっきりJavaで作られたものかと思っていたが、JavaScriptで作られたもの（？）のようだ。これは凄い。 都市情報 動作が若干遅くなることもあるが、遊牧民で都市を造
MOONGIFT: » これはすごい！Firefoxを使ってサイトのモックアップを簡単に作成する「Pencil」:オープンソースを毎日紹介
これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと思ったら、紙やHTMLオーソライズソフトウェア、画像編集ソフトウェアを使うことが多かった。だが画像編集ソフトウェアではチェックボックスやテキストボックスが作りづらい、HTMLオーソライズソフトウェアではデザインの微調整が面倒、紙では重ね書きしづらい…とそれぞれに欠点があった。そこでこれを導入してみよう。 今回紹介するオープンソース・ソフトウェアはPencil、Firefoxアドオンとして動作するモックアップ作成ソフトウェアだ。 個人的にはモックアップ
MOONGIFT: » 未来的！新感覚の入力システム「ShapeWriter」:オープンソースを毎日紹介
コンピュータで使われる文字入力方法というと、ハードウェアレベルのキーボードかソフトウェアキーボードになる。どちらも文字を一つずつ指定する必要があり、まさにデジタルと言った感じだ。 見た目は標準アプリケーション「メモ」風 普段話す言葉はもっとスムーズで、感覚的なものだ。それを実感させてくれたのがこのソフトウェアだ。 今回紹介するフリーウェアはShapeWriter、iPhone/iPod Touch向けのメモソフトウェアだ。 ShapeWriterはiPhone/iPod Touch標準の「メモ」に似たソフトウェアだ。恐らくこのアプリケーション自体はデモのようなもので、ShapeWriterの真価はそこにはない。入力方法自体が魅力なのだ。 指でなぞると軌跡が描かれる 文字を入力する際に表示されるソフトウェアキーボードが特殊で、指をつけたままキーボード上を動かすだけで文字が入力できる。例えば、
HTTPベースによるMapReduceフレームワーク·HTTPMR MOONGIFT
大規模なデータを分散処理するための技術と言えばMapReduceだ。通常の企業では難しい、数万台のネットワークコンピューティングを駆使したデータ処理を可能にするGoogleの根幹をささせる一技術になっている。 処理の一覧 そんなMapReduceはオープンソースで実装されるものもあるが、本格的に実装するにはハードウェアやインフラの存在が必要になる。だが、これを使えばハードウェアも無用でMapReduceを体感できる。 今回紹介するオープンソース・ソフトウェアはHTTPMR、Google App Engine上で動作するMapReduce実装だ。 HTTPMRはGoogle App Engine上で動作するライブラリで、HTTPベースでMapReduceのように分散処理を行えるようになる。リクエストはランダムに選ばれたコンピュータ上で実行される。各リクエストは数秒でタイムアウトするようになっ
MOONGIFT: » Web2.0時代（？）のJavaScriptデータベース「Taffy DB」:オープンソースを毎日紹介
Ajaxを使ってWebアプリケーションを作っていくと、徐々にJavaScript側で行う処理が増えていく。データベースを内部において、Ajaxで通信しても良いが、さらに手軽にしようと思ったらJavaScript自体でデータベースを扱えると手軽だ。 データの形式はJSONで良いだろう。後は自由に操作できれば良い。そのためのライブラリがこれだ。 今回紹介するオープンソース・ソフトウェアはTaffy DB、JavaScriptデータベースだ。 Taffy DBはJSONで作ったデータを、SQLのように自由に検索、追加、更新できるソフトウェアだ。データの操作結果をAjaxで飛ばして保存するようにしておけばWebアプリケーションとして面白そうだ。 検索はイコール、ノットイコール、前方一致、後方一致、以上、以下、正規表現、ライク検索などが利用できる。結果はオブジェクトではなく、行のインデックス値が入っ
検索して中身閲覧·SpotInside MOONGIFT
デスクトップ検索は便利だ。各OSともデスクトップ検索を内蔵するようになっており、Googleなどもデスクトップ検索を提供している。Mac OSXで言えば、Spotlightが標準であり、優秀な検索機能を提供してくれる。 そんなSpotlightの機能を利用しつつ、さらに便利に検索してくれるのがこのソフトウェアだ。 今回紹介するフリーウェアはSpotInside、簡易ビューワー付きデスクトップ検索ソフトウェアだ。 SpotInsideはキーワードによるデスクトップ検索ができるソフトウェアで、検索結果を簡易ビューワーで閲覧することができる。検索キーワードがハイライト表示されるのですぐに分かる。 個人的に気に入っているのは指定した場所（スマートフォルダも指定可能）からの検索がすぐにできる点だ。Finderから検索した場合、デフォルトがHDD全体になるが、SpotInsideの場合は選択したフォル
MOONGIFT: » インターネットの速度を設定する「Firefox Throttle」:オープンソースを毎日紹介
最近はブロードバンドが当たり前になっており、常時接続の高速回線でインターネットを楽しむ人が多い。だが、地方にいったり、出張先ではISDNで接続せざるを得ない場合もある。 そうした場合に現在のリッチなコンテンツは問題ないだろうか。企業内でサービスを開発しているとそうしたナローバンドユーザの存在を忘れてしまう。そうした時にはこれを使おう。 今回紹介するフリーウェアはFirefox Throttle、ネットワーク速度を調整するFirefoxアドオンだ。 Firefox Throttleをインストールし、設定画面を開くとネットワーク速度を調整できるようになる。56Kモデムレベルでも良いし、場合によっては100Mを体感したい場合もあるだろう（GB Ethernetの場合など）。または自分でカスタマイズし、2KBytes/secにすることもできる。 アップロードとダウンロードは別々に指定でき、指定した
MOONGIFT: » Flex向けFirebug「FlexSpy」:オープンソースを毎日紹介
Webアプリケーションを開発する上で、Firebugが欠かせない。これがないとJavaScriptの開発が相当手間取っていたに違いない。インストールしていると重たくなると言われているが、それでも外すことが出来ないほど便利だ。 そう考えると他の開発環境でも同様の仕組みが欲しくなるだろう。Flexで開発を行う方は、こちらを使ってみよう。 今回紹介するオープンソース・ソフトウェアはFlexSpy、Flex版Firebugを目指す開発補助ツールだ。 FlexSpyはFlexアプリケーションに組み込んで使う。起動すると、Flexアプリケーション内で使われているコンポーネントが一覧表示される。そこで各コンポーネントのプロパティや値を監視することができる。また、その値を変えれば、リアルタイムに描画が変化する。 また、「Find Component」を使うと、カーソルをドラッグアンドドロップしたコンポーネ
PHPの関数をJavaScript上に実装·PHP.JS MOONGIFT
PHPの便利な点は色々あるだろうが、その一つに豊富な関数群があるだろう。様々な関数が予め用意されていることで、やりたいことが大抵関数一つでできてしまう。それが他の言語に比べて便利だと感じる人も多いはずだ。 そんな便利な関数群を他の言語で実装しようと言うプロジェクトがこれだ。その対象言語は…JavaScript。 今回紹介するオープンソース・ソフトウェアはPHP.JS、PHPの関数をJavaScriptで実現するソフトウェアだ。 現在、90を越える関数が実現されている。absからはじまって、wordwrapまで、in_arrayやmd5まで用意されている。これだけあれば、PHPとJavaScriptの垣根を越えて活用できるかも知れない。 各関数ごとにページが用意され、変数の種類や返り値の説明ページもある。まるでPHP.netのドキュメントのようだ。これを見れば、各関数ごとに実装方法が分かり、
IEでSVGを表示（プラグインなし）·SIE MOONGIFT
これは面白い。SVGはベクターグラフィックス言語として有力なのだが、プラグインが必要とあっていまいち流行らない。特に問題なのはブラウザでもっとシェアがあるIEで標準サポートされていないことだろう。 そこで、プラグインなしでもSVGが表示できるこちらのライブラリを紹介しよう。 今回紹介するオープンソース・ソフトウェアはSIE、プラグインなしでSVGを表示するJavaScriptライブラリだ。 全てのSVGに対応する訳ではないようだが、それでも表示できるものがあるのが素晴らしい。SIEを使えば、サイト上で存分にSVGの魅力を表現できそうだ。 標準のままでは表示不可 使い方は簡単で、SIEを読み込み、「<object data="Svg.svg" type="image/svg+xml" width="180" height="200"></object>」といった具合にimage/svg+xm
MOONGIFT: » Amazon風のスライドを実現「jCarousel」:オープンソースを毎日紹介
Amazonの商品詳細ページなどで使われている、関連商品のスライダー。格好が良く、ついつい色々見てしまい、あげくに購入してしまった、なんて経験がある人もいるのではないだろうか。 通常、縦スクロールを使って動くのが当たり前のWebページにおいて、横の動きが与えるインパクトは大きい。そこで試してみたいライブラリがこれだ。 今回紹介するオープンソース・ソフトウェアはjCarousel、JavaScriptベースのスライダーライブラリだ。 jCarouselは画像を横に並べて左右のスライダで画像を切り替えることができる。まさにAmazonで提供されているあのスライダを実現できるライブラリだ。様々なオプションが存在し、自分の使い勝手に合わせた利用法ができる。 例えばサークルを選ぶと左右がつながってループする。戻るアクションの場合は、端までいきつくと逆の端まで一気に動く。他にも左右のスライダではなくペ
MOONGIFT: » IEにもFirebug並のデバッガを「DebugBar」:オープンソースを毎日紹介
Firefoxの速度に残念な思いをしながらも、それでも離れられないのはFirebugがあるからだ。普段のブラウジングはともかくとして、Web開発でこれがなかったらどれだけの手間がかかるか分からない。 Firefox上での開発はそれで良いだろう。だが、ブラウザはFirefoxだけでなく、むしろ少数派だ。大多数向けのIEに問題なく対応させるためにも、IE向けの効率的なデバッガが必要だ。そしてお勧めできるのが登場だ。 今回紹介するフリーウェアはDebugBar、IE向けの開発支援ツールだ。 DebugBarをインストールすると、ツールバーに表示される。そして詳細な設定や情報はサイドバーに表示される。DOM操作を使えば、表示している画像、フォームの項目、リンクがどの項目の情報なのかが一目で分かる。 スクリプトを実行することももちろん可能だ。関数の一覧もとれるのが便利だ。また、HTML文法のチェック
MOONGIFT: » ついに登場！CSSフレームワーク「Blueprint」:オープンソースを毎日紹介
誰かがきっと作ってくれると思っていた。 prototype.jsのようなライブラリを利用するのは、便利な機能が多いという事もあるが、各ブラウザ間での相違を吸収してくれるという点も大きい。 その点において、CSSもまた各ブラウザ間での表示の差異が大きい。そこで試してみたいのがこれだ。 今回紹介するオープンソース・ソフトウェアはBlueprint、ブラウザ間の描画差異を吸収して簡単にマルチカラムを実現してくれるCSSライブラリだ。 Blueprintはヘッダ、コンテンツ、サイドバー、フッターのようなテンプレートをクラス指定するだけで簡単に作成できる。デフォルトのフォーマットはリセットされているので、ブラウザ間の違いが出るマージンやパディングの差異も吸収してくれている。 また、印刷時のCSSも用意されている。これを使えば印刷時やプリンタ経由でのPDF作成時に綺麗なものが仕上がるようになる。今後の
MOONGIFT: » 絶対お勧め！JavaScriptでテーブルソート「Table Sorter」:オープンソースを毎日紹介
Web開発の現場において、データの並べ替え機能の要望は良く出る話だ。開発がある程度終わった段階で言われたりするとショックを受ける事もある。検索条件をパラメータで引き継いで、ページ番号も…なんて考えただけでも嫌になるだろう。 そんな経験のある、またはこれから経験するであろう方にお勧めのソフトウェアがある。これさえ使えばソート処理は怖くない。 今回紹介するオープンソース・ソフトウェアはTable Sorter、JavaScriptのみで実現するソートライブラリだ。 この手のライブラリはこれまでいくつかあったが、iframeを使ったり、表示に特定の手法が必要だったりと、そのままでは使いづらいものが多かった。Table Sorterはそれらの完成版ともいえるかも知れない。 何せ、読み込むのはJavaScriptファイル一つだけ、さらに普通のテーブルタグに対して、ヘッダ部分はtheadタグとthタグ
MOONGIFT: » JavaScriptで高性能な入力チェッカー「fValidator」:オープンソースを毎日紹介
※ 画面は公式サイトのサンプルより Webサービスでは色々な情報を入力する。会員登録の類は良くあるものだろう。丹念に入力し、送信ボタンを押してしばらく待つと、入力エラーの文字列。これではやる気がなくなってしまう。 JavaScriptでチェックできれば、その場ですぐにエラー判定ができ、分かりやすい。しかし、入力するパターンは様々にある。必須チェック以外、たとえば入力パターン等に対応しようと思うと開発は大変だ。そこでこれの出番だ。 今回紹介するオープンソース・ソフトウェアはfValidator、入力チェックを行うJavaScriptライブラリだ。 fValidatorは必須チェックに加え、パターン入力にも対応させることができる。たとえば、YYYY/MM/DD等の入力のみを可能にする事で、Microsoft Accessの入力フォームのように入力形式を強制できる。メールアドレスやURLのような
MOONGIFT: » 超美麗なグラフを描くJavaScriptライブラリ「WT Toolkit」:オープンソースを毎日紹介
システム開発は何らかの出力をもって完結する。メール送信する場合や、画面出力等がある。業務システム系であれば、帳票や一覧表も考えられる。その中でよく要望に挙がるのがグラフ表示だろう。 グラフ用のライブラリを導入したり、表示のプロットが面倒だったりして、最終的には表計算ソフトウェアに逃げてしまうことが多い。既存データへのグラフ表示機能を追加するのにJavaScriptという選択肢はいかがだろう。 今回紹介するオープンソース・ソフトウェアはWT Toolkit、グラフ表示をはじめとするリッチなコンポーネントを提供するJavaScriptライブラリだ。 まずは何といってもグラフ表示機能だろう。デモで見られるのは3D円グラフ、棒グラフさらにレーダーチャートなど。どれもWebブラウザ上で動的に変更できる。ただし日本語はグラフ上は文字化けするのでご注意いただきたい。 他にもツリービューや表計算風シートの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
