スパークラインに対応したJavaScript製のグラフライブラリ·Grafico MOONGIFT
GraficoはJavaScriptによるグラフライブラリです。棒、折れ線、スパークラインがサポートされています。 Web上でグラフを描くライブラリも充実してきています。Flash、画像など様々な選択肢がありますが今回はGrafico、JavaScriptベースのグラフライブラリを紹介します。 サンプルです。まず棒グラフ。 エリアグラフ。 積み上げ型のエリアグラフ。 こんな複雑な感じにも。 棒グラフ。 積み上げの棒グラフ。 横棒グラフ。 スパークライン。 棒型のスパークライン。 エリア型のスパークライン。 GraficoはPrototype.jsを使ってSVGでグラフを描いています。対応ブラウザはIE6以上、Firefox3以上、Google Chrome、Safari、Operaとなっています。単純に表示する他、マウスを載せた際に説明を出す機能もあります。 GraficoはJavaScr
ついにきた。Webブラウザにテキストエディタを内蔵·Skyedit MOONGIFT
SkyeditはFirefoxアドオンとして動作するテキストエディタです。 Google ChromeやFirefoxではhttp://の前にview-source:とつけるとHTMLソースが表示されます。同様にeditをつけるとWebブラウザ上で動作するテキストエディタが立ち上がるのがSkyeditです。 インストールします。今のところGitHubからのダウンロードのみです。 インストールしました。 edit:〜でファイルを開きます。今はローカルファイルのみ対応です。 こんな感じに編集していきます。日本語を打つとその後の入力がおかしくなってしまいました。 コマンドもあります。 ヘルプでコマンド一覧が出ます。 テキストエディタとしてのレベルはまだまだ高くありませんが、コマンドが使えてハイライターも備わっているので安定してくれば十分使えるレベルになるでしょう。なお今のところローカルファイルの
これはいい！設置するだけでWebサイトを高速化·FastPage MOONGIFT
FastPageは静的サイトを対象にしたWebサイト高速化ソフトウェアです。 Googleはページの表示速度を検索順位の要素に盛り込むようになっています。そうでなかったとしてもページが高速に表示されるのは良いことです。そこで既存のサイト構成そのままにサイトを高速化するFastPageを使ってみましょう。 ファイル構成です。 例えば実行したイメージです。普通にファイルの内容が返ってきますが、実際にはキャッシュが使われています。 FastPageではファイルサイズの小さい画像をHTML/CSS内にインラインで展開したり、JavaScriptもサイズが小さければHTML内で展開します。さらにファイルもGzipで圧縮して転送量を小さくする、キャッシュ（サーバサイド、クライアントサイド）の利用などの施策がとられています。 なお商用版ではAmazon S3やWindows Azureを使ったCDN配信
全てはリポジトリが知っている。バグがどこにあるのか予測·Bugspots MOONGIFT
BugspotsはGoogleのバグ予測アルゴリズムをRubyで実装したテスト補助ツールです。 禅問答のようですが、コードを書かなければバグは作られません。逆に言えばよく更新されているファイルこそバグを含みやすいということです。どこにバグが潜んでいる可能性があるか、それを発見するツールとして使えるのがBugspotsです。 インストールします。RubyGemsからインストールできます。 実行結果のサンプルです。HotSpotsで並んだものの数値が高いものがバグを含みやすいファイルになります。 こんな感じでカラー表示で結果が出力されます。 BugspotsはGitのリポジトリを解析し、頻繁に更新されているファイルと独自のアルゴリズムによってバグの発生可能性を数値化します。絶対という訳ではないですが、チェックしてみるだけでも思わぬバグの発見につながるかも知れません。なお、BugspotsはGo
Google製のクライアントサイド、JavaScript製テンプレートエンジン·JsTemplate MOONGIFT
JsTemplateはGoogleが開発したJavaScript製のテンプレートエンジンです。 Webアプリケーションがさらに開発されていくために必要なのが高機能なJavaScriptテンプレートエンジンの存在です。幾つか出てきていますが今回紹介するのはかなり有力です。なぜならGoogleが開発したテンプレートエンジンだからです。それがJsTemplateです。 デモです。左上がテンプレート、右上がJSONの元データになります。 そして左下が実際に生成されたHTMLで、右下がレンダリング結果になります。 idを使ってテンプレート名を定義しています。 こういう風にデータがない場合のチェックもできます。 実際のコードです。jsdisplayのところに検証が入っているのが分かります。 データがある場合はもちろん繰り返し表示します。 実際のコードです。 JsTemplateは再帰処理ができたりev
Google App Engineを使ったWebアプリケーションのアプリ内課金チュートリアル·iap-hello-world MOONGIFT
iap-hello-worldはWebアプリケーションにおけるGoogleチェックアウトを使ったアプリ内課金を行うデモです。 Androidアプリの販売に際してGoogleチェックアウトが日本でも使えるようになりました。そしてそのGoogleチェックアウトを使ったWebアプリケーション内における課金方法について参考にしたいソフトウェアがiap-hello-worldです。 最初に認証をします。 ここはいわばゲームのダッシュボードです。左側のリンクをクリックしてゲームを行います。 Androidのキャラクターを動かすゲームです。 そしてアプリ内課金にトライできます。 iap-hello-worldはWebアプリケーションとしてゲームを提供し、その中でアプリ内課金を使うためのチュートリアルになっています。Androidのみならず、Webアプリケーションでもアプリ内課金を扱ってみたいと考えた際に
Google App Engineを使ってAmazon S3ライクなオンラインストレージを構築·Troois MOONGIFT
TrooisはGoogle App EngineをAmazon S3ライクにファイルストレージとして利用できるようにするソフトウェアです。 Google App EngineをAmazon S3ライクに使えるようにするソフトウェアがTrooisです。RESTfulにファイルをポストして、さらに提示されたURLにGETアクセスすることでファイルのダウンロードができます。 Google App Engineを起動します。 Webブラウザでアクセスしました。ファイルのアップロードだけがあります。 アップロードしました。ユニークなキーが表示されます。 /serve/(先ほどのキー)へアクセスするとアップロードしたファイルがダウンロードできます。 TrooisはWebブラウザから使うというよりもWeb API（RESTful）を通して使う前提のシステムと言えそうです。Trooisのプロジェクトサイト
あなたのWebアプリケーションは安全か。Google製のセキュリティチェッカー·Skipfish MOONGIFT
SkipfishはSQLインジェクションをはじめWeb向けの脆弱性を発見するソフトウェア。 SkipfishはGoogle製のオープンソース・ソフトウェア。2011年になってセキュリティインシデント関係の話題が飛び交っている。特に大きいのはソニーだろう。あそこまでの規模は相当珍しいが、何も対岸の火事という訳ではない。 オプション セキュリティホールを狙うのは人間に限らない。日々クローラーがWebサイトにアクセスしてセキュリティホールを狙っているのだ。狙われる前にSkipfishを使って自主的にチェックしてみよう。 SkipfishはGoogleが開発したセキュリティチェックソフトウェアだ。ターミナルで動作するソフトウェアで、指定したURLに対してSQLインジェクションやXSSなどWebアプリケーションが狙われやすい脆弱性をついてくる。結果はHTMLベースのレポートとして出力される。 結果は
難読化された読みづらいコードも一発で整形·JSBeautify For Chrome MOONGIFT
JSBeautify For ChromeはWebブラウザ上でJavaScriptを整形して表示するGoogle Chrome拡張。 JSBeautify For ChromeはGoogle Chrome用のフリーウェア（ライセンスはWTFPL）。本格的なWebアプリケーションが普及するにつれて、JavaScriptの利用範囲が拡大している。そんな中ではJavaScriptのファイル自体もサイズが大きくなっている。 Clippyあり版（整形前） そのためJavaScriptを多用するサイトでは余計なスペースや改行を消すなどしてサイズを減らすのが一般的になっている。しかしそれはコードが全て1行で書かれる、とても見づらいものになる。そこでJavaScriptの表示に際して使ってみたいのがJSBeautify For Chromeだ。 JSBeautify For ChromeはGoogle C
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
