IE向けのWebサイトテストツール·IEUnit MOONGIFT
IEUnitはWindows、IE向けのオープンソース・ソフトウェア。Webシステムのテストではサーバサイド言語のテスト（ユニットテスト）は良く行われるが、クライアントサイドのテストについてシステマチックに行っている例は少ない。有名なものとしてはSeleniumが知られている。 IE向けのユニットテスト そんなSeleniumと同様に、IEを使ったブラウザベースのユニットテストが行えるのがIEUnitだ。SeleniumでもIEを指定してテストを実行することができるが、IEUnitはIEに特化していることが特徴だ。実行にはJScriptを使っているのでさらに広範囲にテストができそうだ。 テストは表示されている文字のチェックや文字を囲んでいるタグのチェックもできる。もちろん一般的な真偽値のチェック方法も可能だ。テストファイルを実行するとコマンドプロンプトが開き、そこにテスト結果やログが記述さ
モバイルアクセスか否かを判定する·Detect Mobile Browser MOONGIFT
Detect Mobile Browserはコードを生成するWebサービス。スマートフォンが多数登場した結果、WebサイトへのアクセスがPCのみならず携帯電話から来ることも増えてきた。その際に必要になるのがモバイルか否かの判定だ。 コードを生成する 日本の携帯電話においては既に幾つかのライブラリが存在する。だがグローバルなサービスを構築する場合は別な判定が必要になるだろう。そこで使ってみたいのがDetect Mobile Browserだ。Detect Mobile Browserは各種プログラミング言語向けのモバイルアクセス判定コードを生成する。 対応しているのはApache（.htaccess）、ASP、ColdFusion、JSP、JavaScript、PHP、Railsとなっている。処理としてはブラウザのユーザエージェントを取得して判別する形式になっている。コード量は少なく、正規表
SVGを使ったものすごいグラフライブラリ·dygraphs JavaScript Visualization Library MOONGIFT
dygraphs JavaScript Visualization LibraryはJavaScript製のオープンソース・ソフトウェア。グラフライブラリは多数あれど、大抵は円グラフや棒グラフなどのシンプルなグラフを描く機能しかない。高度なグラフを描こうとすると利用できるライブラリは途端に少なくなる。 高機能なグラフライブラリ また高度なグラフはクライアントサイドだけでなく、サーバサイドの仕組みが必要になることも多い。そんな中dygraphs JavaScript Visualization Libraryはとても簡単に使えるグラフライブラリになっている。JavaScriptでSVGを描いてグラフ化するのだ。 主なグラフはX-Y軸を持った折れ線グラフになるようだ。とはいえ測定範囲を含んだグラフを描いたり、グラフの一部をマウスを使って拡大する、マウスオーバーすると値が表示されるなど高度な機能
クロスブラウザでXUL/SVGを実現するフレームワーク·Ample SDK MOONGIFT
Ample SDKはJavaScript製のオープンソース・ソフトウェア。JavaScriptはAjaxが登場して以来、一気に進化を遂げた。Prototype.jsやjQueryを使えばインタラクティブなアクションが可能なWebサイトが簡単に構築できる。そうしたライブラリはプラグインによって細かく分割された機能をもっているのが特徴だ。 XULによる画面定義 だが自分の目的にあったプラグインがあれば良いが、ないと自分で作ったり探す羽目になる。Ample SDKであればその使い方を覚えてしまえば一つのライブラリで済むのが利点と言えそうだ。リッチなインタフェースや操作を可能にする各種機能が盛り込まれている。 機能は数多いが、例えばリサイズしたりドラッグアンドドロップを実現するオブジェクトを簡単に作ることが出来る。さらにマウスオーバーで枠の色が変わるデモやJavaScriptのアクションをブラウザ
Google製、JavaScript/CSSの難読化＆キャッシュ·Reducisaurus MOONGIFT
ReducisaurusはJava製/Google App Engine用のオープンソース・ソフトウェア。Webアプリケーションが隆盛になり、JavaScriptを多用したシステムやCSSによる凝ったデザインのサイトが増えてきた。それぞれフレームワークを使ったりして複数のファイルを扱うケースも多い。 設定方法 JavaScriptやCSSのファイルを複数読み込むにはその分だけコネクションを行う必要があり、負荷がかかってしまう。そこで使ってみたいのがReducisaurusだ。ローカルファイルやリモートのファイルを読み込んで一つにまとめてアクセスできるようになる。 ReducisaurusはGoogleのエンジニアでJaikuの開発にも関わっているプログラマによるソフトウェアだ。実行はGoogle App Engine上で可能になっている。自分でサーバを立てることもできるし、Reducisa
Google Wave風インタフェースも作れるJavaScriptのUIキット·UKI MOONGIFT
UKIはJavaScript製のオープンソース・ソフトウェア。Webアプリケーションを作る上ではそのインタフェースが重要な要素になる。ローカルアプリケーションの代わりに使えるレベルとなると、通常のWebサイトとは異なるインタフェースが求められるだろう。 リスト作成＆操作も簡単 使いやすいWebアプリケーションを容易に構築し、さらに開発者にとっても使いやすいUIキットがUKIだ。ボタンやリスト、スライダー、3ペイン構成と言ったオブジェクトを容易に実装し、Webアプリケーションを手軽に開発できるソフトウェアだ。 インタフェースの組み立てだけでなく、アクションの実装についても考慮されているのが特徴だ。プラグインで拡張することもできる。実装は4000行程度で、とても高速に動作する。対応ブラウザはIE6、Opera9、Firefox2、Safari3、Google Chromeからとなっている。 G
CSSの画像埋め込みを補助する·CSSEmbed MOONGIFT
CSSEmbedはJava製のオープンソース・ソフトウェア。CSSを使ったWebサイトデザインで、HTML中には画像のパスを出さずCSSで定義するケースがある。これによりCSSで制御できるデザインの範囲が大幅に広がるのだが、さらに一歩進めてCSS中に画像データを埋め込んでしまう手法がある。 元のCSS それはdata URIを使った方法なのだが、うまく使えばアイコンに対するコネクション数を減らしてサーバの負荷を低減させることも期待できる。だがdata URIを作成するためには画像をテキスト（Base64）化する必要がある。手作業ではあまりに面倒なのでCSSEmbedを使ってみよう。 CSSEmbedはCSSファイルに埋め込まれた画像指定の箇所を解析し、data URIを使った埋め込みに変換してくれるソフトウェアだ。CSSEmbedがあるパスをベースにするので、相対パスでも対応している。デフ
複数のCSS/JavaScriptを結合＆圧縮·phpFlair MOONGIFT
phpFlairはPHP製Webベースのオープンソース・ソフトウェア。jQueryなどのJavaScriptフレームワークやCSSフレームワークを用いていると、ついつい一度のアクセスで多数のコネクションが張られるようになる。これではサーバの負荷はもちろんクライアントでも表示が遅くなってしまう。 利用するサンプル（公式サイトより） そこで考えたいのがJavaScript/CSSファイルをそれぞれ結合して一度のアクセスで済ませてしまう方法だ。手作業でもできるが、メンテナンスを考えると自動処理の方が便利そうだ。phpFlairを使えばそれを簡単に実現できる。 phpFlairはPHPで作られているのでPHPを使ったプロジェクトでは手軽に導入できそうだ。JavaScriptファイルやCSSファイルを表示する際にphpFlairを経由して呼び出すことでキャッシュしたり、レスポンスのヘッダにもキャッシ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
