Railsの100倍コード量少なくAjaxアプリケーションが作れるJavaフレームワーク·AribaWeb MOONGIFT
タイトルは相当釣りが入っていますが。公式サイトにも「100X LESS CODE THAN RAILS」と謳われているくらい、Webアプリケーションが手軽に構築できるフレームワークと言うことで。 グラフ表示 Gmailから始まったと言ってもいいWebアプリケーションの流れは、オフィススイート、画像編集、アニメーション、ドロー、イラストなど多岐に渡って発展している。セキュリティの問題もあるが、ターミナルレベルやFTPといった操作もWebアプリケーションで行われている。その流れを加速するのがAribaWebだ。 今回紹介するオープンソース・ソフトウェアはAribaWeb、Webアプリケーションフレームワークだ。 AribaWebはなんと（？）Javaで開発されている。この点はエンタープライズ向けWebアプリケーションを開発する上で重要な視点と言えそうだ。そして多彩な機能をもったAjaxアプリケ
HTML5の魅力。Webブラウザ上で楽譜を表示し、MIDIを使って奏でる·ABC.js MOONGIFT
ABC.jsはWeb上で楽譜を表示し、演奏するJavaScriptライブラリ。 ABC.jsはHTML5/JavaScript製のオープンソース・ソフトウェア。HTML5によってWeb上の表現力は高まっている。SVGでベクター画像を描いたり、WebGLによって3Dオブジェクトを描き出すこともできる。Canvasを使うプロジェクトも多い。 きれいな楽譜表示 これまではFlashを使ったり、画像を使わなければならなかった表現もHTMLだけでできるようになる。その一つ、楽譜を描き出して音まで鳴らせるのがABC.jsだ。 ABC.jsは特定の記法に沿って記述することでWebブラウザ上に楽譜を書くライブラリだ。JavaScriptを使っているので、その場で手直ししてレンダリングし直すこともできる。楽譜共有サイトのようなものを作ることさえできるだろう。 Firefoxなら演奏とダウンロードも そして描
これは便利。FirefoxでePubファイルを閲覧する·EPUBReader MOONGIFT
EPUBReaderはFirefoxアドオンとして動作するePubリーダー。 EPUBReaderはFirefox用のフリーウェア。電子書籍のフォーマットとして注目が集まっているePub。スマートフォンをはじめ、iPadやKindle、Androidのようなタブレットデバイスについては多数のePubリーダーが開発されている。 日本語も対応 だがデスクトップ向けについてはあまり使いやすいリーダーは存在していない。デスクトップでも手軽にePubが読みたい、そう思う方はEPUBReaderを使おう。 EPUBReaderはFirefoxアドオンとして提供されている。そのためWebブラウザ（Firefox）さえあればePubファイルが閲覧できる。左側に見出しの一覧、右側に本文が表示される形式になっている。日本語ローカライズも行われている。 設定 オンラインにあるePub配布サイトから探すことも、ロ
画像の保護に。JavaScript/Canvasを使って動的に電子透かしを入れる·watermark.js MOONGIFT
watermark.jsはHTML5/Canvasを使って画像に動的に透かしを入れるソフトウェア。 watermark.jsはJavaScript製のオープンソース・ソフトウェア。ECサイトやメディアサイトでは画像に透かしを入れて表示している場合がある。社名や自社のロゴを載せることで、転載を防止または抑制する仕組みだ。 画像の左上のマークが透かし 大手のサイトであれば画像を自動的に変換するシステムを導入しているかもしれない。だがwatermark.jsであれば個人や小規模なサイトでも簡単な透かしシステムを導入できるようになる。 watermark.jsはJavaScriptとHTML5のCanvasタグを使って画像を動的に変換する。別途画像を指定することで、その画像を表示したい画像に上書きする形で表示する。透明度、表示位置、クラス名を指定することで細かく表示を制御できるようになっている。
WindowsのJSONを使った開発のお供に。JSONをツリービューに展開する·JSON Viewer, MOONGIFT
JSON ViewerはVisual Studioとの連携も可能なJSONビューワー。 JSON ViewerはWindows用のオープンソース・ソフトウェア。XMLを面倒なものに感じていたのはタグの仕組みによって記述が冗長的になってしまうからだった。ライブラリがあるので利用はさほど難しくないが、自分で作成するのは面倒だった。 貼付け そこで登場したのがJSONだ。XMLほど複雑な表記に対応できる訳ではないが、その代わりにとてもシンプルに記述できる。また、大抵の場合はそこまで複雑な定義は必要としないだろう。JSONは元々Web向けの技術だったが、最近は変わってきている。そこで登場したのがJSON Viewerだ。 JSON ViewerはWindows用のソフトウェアで、JSONフォーマットの文書を貼付けると、ツリー状に展開してくれるソフトウェアだ。JSONは改行などをなくして送受信される
高度なゲームも作れる。HTML5/Canvasフレームワーク·CasualJS MOONGIFT
CasualJSはCanvasタグを使ったアニメーション/ゲーム作成用JavaScriptフレームワーク。 CasualJSはJavaScript/HTML5製のオープンソース・ソフトウェア。JavaScriptはHTML5の登場によって大きく花開こうとしている。位置情報の利用、ストレージ、WebSocket（今は切り離されているが）、Canvasタグ等様々な新技術が盛り込まれている。 ボタン Canvasタグを使うことで、アニメーションを行ったりグラフィックを描くことができる。それもJavaScriptからインタラクティブに扱えるものだ。だが全てを作り込むのは大変だ。そこで使ってみたいのがCasualJSというJavaScriptフレームワークだ。 CasualJSはHTML5のCanvasを利用するためのフレームワークだ。ActionScript3ライクという説明がついている通り、アニ
仕事で便利。CSVファイルを読み込んでソース/検索可能なHTMLに変換·Latimes Table Stacker MOONGIFT
Latimes Table StackerはCSVファイルを設置し、ソート/検索可能なHTMLで表示するソフトウェア。 Latimes Table StackerはPython/Django製Google App Engine用のフリーウェア（ソースコードは公開されている）。高度なWebアプリケーション、システムが開発され個人のIT利用度はどんどん高くなっている。対してビジネスの場ではあまり大きな変化は起きていない。 CSV一覧 未だにAccessのようなデータベースが使われ、Excelベースのデータ集計がされている。それは決して悪いことではないが、ソフトウェアの依存や再利用性を高めるのには不向きだ。そこで使ってみたいのがLatimes Table Stackerだ。 Latimes Table StackerはCSVファイルを読み込み、テーブル上に表示するソフトウェアだ。一行目がカラムに
ユーザ登録不要で使えるソースコード共有システム·ShareSRC MOONGIFT
ShareSRCはPythonのソースコードを共有するソフトウェア。 ShareSRCはPython/JavaScript製のフリーウェア（ライセンスはNYSL）。オープンソースの活動に慣れていると、ちょっとしたコードでも公開したり共有するのが楽しく感じられるようになる。よく使う処理を公開しておくときっと誰かの役に立つだろう。 コードの表示 コードを共有する場として個人的に良く使っているのがGithubのGistだ。しかし限定されたメンバーで共有したいと思うならば、より限定的なサービスの方がいいかもしれない。そんなソースコード共有サービスを自分で立てられるのがShareSRCだ。 ShareSRCはGoogle App Engine上に立てるソースコード共有サービスだ。コードにタイトルをつけ、中にコードを書く。ユーザ登録も不要で、簡単に使えるのが特徴だ。コードはフォークして修正を加えられる
テキストファイルからHTML5のプレゼンテーションを生成する·KeyDown MOONGIFT
KeyDownはMarkdown記法を使ってテキストファイルからHTML5のプレゼンテーションを生成する。 KeyDownはRuby製のオープンソース・ソフトウェア。個人のエンジニア、デザイナーが集まる勉強会ではあまり凝ったプレゼンを見る事が少ない。むしろHTMLやKeyNoteなどを使ってカジュアルに作られる方が多いのではないだろうか。 スライド テキストファイルで作成したプレゼンテーションは検索も容易でWebとの親和性も高い。配布して見てもらうのに特別なソフトウェアも無用と言う事なしだ。とは言え作成にHTMLを使ったりしたくない、という人はKeyDownを使ってみよう。 KeyDownはプレゼンテーションファイルの記法にMarkdownを使えるソフトウェアだ。keydownコマンドを使って（オプションはgenerate）プレゼンテーションのベースを作成する。!SLIDEというのがスライ
実用的。jQuery/Flash製のマルチファイルアップローダー·Transmit MOONGIFT
TransmitはjQuery製のFlashベースのマルチファイルアップローダー。 TransmitはjQuery/JavaScript製のオープンソース・ソフトウェア。HTML5では複数ファイルを一括アップロードすることができる。だがそのために既存サイトをHTML5に移行させるのは現実的ではないだろう。そこでよく使われるのがFlashによるマルチファイルアップローダーだ。 ファイルを指定した後の表示 最も有名なライブラリはSWFUploadではないだろうか。だが実際に使う上では色々とコツがいる。もっと手軽に実現するためのライブラリはないだろうかと考えていた所で見つけたのがTransmitになる。何と言ってもjQueryベースなのが良い。 使い方は簡単で、transmitというメソッドとアップロード先のURLを指定するだけで良い。オプションとしてクロスドメインの可否、ファイルタイプの指定、
PHPをApacheから切り離す。WSGI対応のPHP製アプリケーションサーバ·AppServer MOONGIFT
AppServerはWSGI等にインスパイアされたPHP製のWebアプリケーションサーバ。 AppServerはPHP製のオープンソース・ソフトウェア。PHPはWebサイトの開発でおそらく最も利用されているプログラミング言語だろう。10年前ならともかく、今では企業の基幹システムでさえ利用されるようになっている。Apache + mod_phpという組み合わせが一般的だ。 デモ画面 それをデファクトと受け止めるのは良いが、それ以外の選択をなくしてしまうのは発展性がない。Apache以外、例えばnginxで動かす場合や他のWebサーバを想定するならば依存関係がない方が良い。それを実現するのがAppServerだ。 AppServerはRubyでいうRack、PythonでいうWSGIにインスパイアされて開発が行われている。APIを通じてWebアプリケーションとWebサーバをつないでくれる。アプ
これもまたHTML5の面白さ。WebブラウザでVNC·noVNC MOONGIFT
noVNCはHTML5/Canvas/WebSocketを利用したWebブラウザで使えるVNCクライアント。 noVNCはHTML5/Python製のオープンソース・ソフトウェア。複数台のPCを使いこなす時に、モニタまで台数分あると邪魔になってしまう。そこでよく使われているのがリモートコントロールだ。有名なものとしてはVNCが知られている。 外部からアクセス VNCクライアントは既に多数あるが、コンピュータに不慣れな人が簡単に使えるというのはあまり多くないように感じられる。そこで試してみたいのがWebブラウザから使えるVNCクライアント、noVNCだ。 noVNCはHTML5を使って作られているソフトウェアで、WebブラウザからWebSocketを使ってPython製のプロキシに接続し、そのプロキシがWebSocketとVNCプロトコルの橋渡しをするようになっている。VNCサーバによっては
全ては1枚のスライドで。聴衆を魅了するダイナミックなプレゼンテーション·DaruZen MOONGIFT
DaruZenは一枚の台紙から枠を切り出してスライドショーを作成するソフトウェア。 DaruZenはAdobe AIR製（現状はWindows向け）のフリーウェア。ビジネスではプレゼンテーションと言えばMicrosoftのPowerPointを利用する人が多い。プライベートではHTMLを使ったり、KeyNote、Googleドキュメントを使う人も増えている。 作成画面 だがスライドを切り替えてプレゼンテーションを行う時点で印象に残りづらい。そもそも見飽きてしまっている。作り手としても、ぱらぱらめくる感覚のスライドではページごとに密度が変わってちぐはぐなものになってしまう。そこで使ってみたいのがDaruZenだ。 DaruZenは簡単に言えば巨大な一枚の紙にプレゼンテーションを作成するソフトウェアだ。文字、画像、動画を一枚の画面中に貼り込んで作成していく。そして最後に枠を当てはめてスライドを
楽しさ半分怖さ半分。ソーシャルサービスに投稿した位置情報を地図にマッピングする·creepy MOONGIFT
creepyはTwitter/Flickrのデータを使って地図上にマーカーを立てるソフトウェア。 creepyはPython製、Windows、Linux用のオープンソース・ソフトウェア。インターネットと地図の相性はとても良い。ただ撮影した写真も、位置情報が埋め込まれていれば地図上にマッピングができる。Foursqureやmixiチェックと言ったサービスも人気が高い。 地図上にマッピング 位置情報をただ送信するだけでは面白みは殆どない。その後で地図にマッピングして見てこそ意味があるのだ。そしてcreepyはソーシャル情報にアップロードされた位置情報をマッピングする、面白そうなちょっと怖さもあるソフトウェアだ。 creepyは位置情報のソースとしてTwitterまたはFlickrを選ぶ事ができる。そして地図データとしてGoogleマップやOpenStreetMapといったサービスが選択可能だ
スマートフォン向けサイトのデバッグに。JavaScriptを使ってiPhoneと対話する「iPhone JS Console」
iPhone JS ConsoleはWebSocketを使って母艦とiPhone間でJavaScriptを対話的に利用するソフトウェア。 [/s2If] iPhone JS ConsoleはWebベース、iPhone用のフリーウェア（ソースコードは公開されている）。スマートフォン向けのサービス提供を考える上で、ネイティブアプリにするかWebベースにするかは重要な決断だ。もちろんどちらかに限る必要はないが、どちらかの開発が優先されるものだろう。 iPhone側 もしWebベースにするならばエミュレータを使って開発するだろうが、最終的には実機で確認する必要が出てくるだろう。その時に問題になるのがデバッグ用の機能が殆ど用意されていないことだ。そこで使えそうなのがiPhone JS Consoleになる。 iPhone JS ConsoleはiPhoneから実機に接続して、コンソールを利用するとい
レガシーなIE6/7でもJavaScriptのSetters/Gettersを使えるようにする·Cross Browser DOM-Accessors MOONGIFT
Cross Browser DOM-AccessorsはIE6/7でもSetters/Gettersを使えるようにするライブラリ。 Cross Browser DOM-AccessorsはJavaScript/HTML Components製のフリーウェア（ソースコードは公開されている）。JavaScriptの面白い所は、柔軟な言語仕様、OSの垣根を越えてWebブラウザさえあれば同じように動作することではないだろうか。 IE6でも動く もちろんJavaScriptも個々のブラウザによって仕様が異なるので同じコードが全て動作する訳ではない。だが、そうした差異を吸収するライブラリもまた開発されている。IE6/7で感じていた不便さを一つ解消してくれるのがCross Browser DOM-Accessorsだ。 Cross Browser DOM-Accessorsが解消するのはSetters/
RubyからGitをデータストアとして使う·Git Store MOONGIFT
コミュニティサイトなどではユーザが自由にテキストを変更できる機能がある。自分のプロフィールを更新したり、Wikiのようにコラボレートするようなものだ。その際、重要になるのが履歴管理機能だ。ユーザの間違った修正などを元に戻したり、悪意ある更新からコンテンツを保護する必要がある。 Gitをデータストアに使うという方法！ 更新前に現在のテキストを全て保存してしまうのも手だが、ここではGitを使うという手法をご紹介したい。使い方も簡単だ。 今回紹介するオープンソース・ソフトウェアはGit Store、Gitを使ったデータストアライブラリだ。 Git Storeはデータストアということもあって、キーと値の仕組みをとっている。キーを指定して値を入れ、コミットを行えばそのデータが適用される。memcachedのようなシンプルさで、それでいて履歴管理までされるのが素晴らしい。なお、そのログや前のバージョン
パズル、落ちものゲームに使えるHTML5/JavaScriptのゲームフレームワーク「LimeJS」 | MOONGIFT | オープンソース・ソフトウェア紹介を中心としたITエンジニア/Webデザイナー向けブログ
LimeJSはHTML5/JavaScriptによるWebゲームフレームワーク。パズルゲーム向き。 LimeJSはJavaScript製のオープンソース・ソフトウェア。Webベースのゲーム開発が熱い。その時、鍵になるのはJavaScriptだ。HTML5の登場によってWeb、JavaScriptでできることは大きく広がっている。今こそWebベースのゲーム開発を行う時だ。 並べる系のパズル ゲームと言ってもジャンルはとても幅広い。アクションもあれば、パズル、ノベル、シューティングゲームといった具合だ。一つのゲームエンジンが全て行える訳ではないので、開発したいゲームの種類に応じてエンジンを選ぶべきだ。パズル、落ちものゲームを作るならLimeJSが使えそうだ。 LimeJSはHTML5を使ったJavaScript製のゲームフレームワークだ。iOSでの利用も想定されている。デモに登録されているゲー
マニアックながら面白い。JSON/JSONPでDNS情報を取得できる·JSON DNS MOONGIFT
JSON DNSはDNS情報をWeb API化し、JSON/JSONPフォーマットで取得できるソフトウェア。 JSON DNSはRuby/Sinatra製のオープンソース・ソフトウェア。ITエンジニアやプロデューサなどをやっていると、ドメインに関する情報を調べる機会が多々ある。whoisで調べることもできるが、Webサービスとして提供している所も多い。 サンプル ドメイン有効期限などはもちろん、ネームサーバやAレコードに関する設定を調べたい時もあるだろう。そしてそれをWebサービスとして提供するならば使ってみたいのがJSON DNSだ。一風変わったDNSサービスだ。 JSON DNSはその名の通り、DNS情報をJSONフォーマットに変換して取得できるソフトウェアだ。Web APIとして使ってみると面白いだろう。A/MXレコードに対応し、ネームサーバの取得もできるようになっている。アクセスす
Ajaxを使い、サーバサイドで処理を行うプログラミングコードハイライトライブラリ·Ajax Syntax Highlighter MOONGIFT
Ajax Syntax HighlighterはAjaxを使ってサーバサイドでプログラミングコードのハイライト表示を行うライブラリ。 Ajax Syntax HighlighterはPHP/JavaScript製のオープンソース・ソフトウェア。Webサイト上でプログラミングコードを表示したいと思うことは多々ある。そんな時にはただコードを載せるのではなく、構文に沿ってハイライト処理を行うと可読性が高まる。 CとJavaの例 プログラミングコードのハイライト処理を行う場合には、言語が決まっていればJavaScriptでも簡単に対応ができる。だが多数の言語に対応したいといった場合には無用なライブラリまで読み込むことになって表示が重たくなる可能性がある。そこで使ってみたいのがAjax Syntax Highlighterだ。 Ajax Syntax Highlighterはその名の通り、ハイライト
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
