さまざまな便利ガジェットが公開されている iGoogle ですが、もちろん Web 開発に役立つガジェットも数多くあります。本日はそんな Web 開発者向けガジェットのご紹介です。 JavaScript の開発環境、マニュアルの検索、グラフ作成など、多彩なガジェット満載です。ページ上で実際にガジェットを使ってみることができますので、ぜひご覧ください。

なお、多数のガジェットを埋め込んでいる関係で、一部のガジェットが表示されないことがあるかもしれません。その場合は、ガジェットの下のリンクをクリックすることで個々のガジェットのページに飛べますので、そちらをお使いください。

このガジェットだけを表示

Google 純正の iGoogle ガジェット開発用統合環境。 JavaScript の実験環境としても便利です。 iGoogle に追加すれば、ソースコードを Google サーバーに保存し、公開することもできます。

DAfOS を iGoogle に追加する

こちらは OpenSocial 向けの Google Gadget Editor とでも言うべきガジェットです。 Web ページへの埋め込みでは OpenSocial が機能しないので、スクリーンショットのみ掲載。 JavaScript コードを入力し、ガジェット上で保存できます。ソースコードを保存することも可能です。

このガジェットだけを表示

JavaScript のサイズ削減、 HTML のタグ削除、 HTML エスケープ / エスケープ解除、ソースコードの色分け表示ウィジェットの作成など、クライアントサイドの開発に便利な機能を盛り込んだガジェットです。コンパクトにまとまっているのが嬉しいですね。

このガジェットだけを表示

JS Compressor と同じ作者さんのガジェットです。 Base64 のエンコード、デコードが行えます。

このガジェットだけを表示

Google Code Search の検索窓です。サンプルコードを探すのに便利ですね。

このガジェット岳を表示

O'Reilly の書籍に掲載された全サンプルコードから検索が行えます。設定で言語を絞り込むことも可能です。

このガジェットだけを表示

Prototype.js のドキュメントを検索できるガジェットです。

こういったガジェットは Google Custom Search Engine のガジェット生成機能を使えば簡単に作れるので、自分で必要なものを用意している方も多いでしょう。複数の Custom Search Engine を持っている方は、それらをひとつのガジェットで利用・管理できる Custom Search Console ガジェットも便利です。

このガジェットだけを表示

iGoogle ガジェットコンテスト準グランプリの作品です。さまざまな検索サイトの機能を簡単に呼び出すことができます。ユーザー登録をすれば自分で検索サイトを登録することもできるので、好みのコード検索サイトや自作 Google Custom Search Engine などをすべてこのガジェットひとつで活用できます。たくさんの検索ガジェットで iGoogle が埋め尽くされている方向け（笑）。

このガジェットだけを表示

指定したサイトの WHOIS や DNS レコードなどの情報が取得できるガジェットです。 DNS 関連のトラブルの際に便利ですね。

このガジェットだけを表示

指定した IP アドレスのホスト名、 ISP 、地域などの情報が調べられます。デフォルトで自分の IP アドレスの情報が表示されるので、自分のグローバル IP アドレスの確認にも便利です。

このガジェットだけを表示

こちらも IP アドレス確認用のガジェットですが、おおよその位置が Google Maps で表示されて楽しいです。ただ、 Show info ボタンを押しても反応しないような・・・。 Show me more info のリンクでサイトに飛べばちゃんと動いているんですけどね。謎。

このガジェットだけを表示

ドメイン名を入力すると、 Netcraft が持つ、そのサイトに関する情報が表示されます。基本的には WHOIS や DNS 系の情報ですが、「uptime graph」というリンクをクリックすると、 Web サーバーの OS などもわかります。

このガジェットだけを表示

URL を入力すると、そのサイトのページランク、 Alexa Rank 、 Alexa のトラフィック情報などが確認できます。

このガジェットだけを表示

以前、こちらの記事でご紹介した InstaCalc のガジェットです。電卓では手に余るような少し複雑な計算をしたいときに便利です。

このガジェットだけを表示

iGoogle ガジェットコンテストのグランプリ獲得作品です。携帯各社の QR コードを簡単に生成できます。携帯 Web 開発の必需品。

このガジェットだけを表示

LaTeX 表記で数式を記述すると、奇麗な画像としてレンダリングしてくれます。数式をレポートなどに差し込みたいときに便利ですね。ツールバーでほとんどの数式が入力できるので、 LaTeX の書式を知らなくても使えるのがポイント高いです。

このガジェットだけを表示

数式の計算、微分、二次元・三次元のグラフ描画が行える、ちょっとした数式処理ガジェットです。 Octave を使うほどでもないときに。

このガジェットだけを表示

こちらは二次元グラフに特化したグラフ描画ガジェットです。作成したグラフは SVG, EPS, PDF, PNG の各形式で保存できるので、けっこう使えます。

このガジェットだけを表示

マインドマップ作成サービス MindMeister のガジェットです。テキストを入力すると、カレントのマインドマップにノードとして追加されます。どんどんアイディアを溜め込みましょう！

最後に、私の自作ガジェットを 2 つほど紹介させてください。これ以外のガジェットもこちらのページにありますので、よろしければご利用ください。

このガジェットだけを表示

iGoogle ガジェットコンテストでインターネットマガジン賞をいただいたガジェットです。 JavaScript の実行結果をすぐに確認できるので、 JavaScript コードの実験に最適です。その他にもいろいろ機能がありまして、それらはこちらの記事でご紹介しています。

このガジェットだけを表示

こちらは未公開のガジェットなのですが、いい機会なのでここで初お披露目です。 JavaScript / HTML / CSS / iGoogle ガジェット関連の主なリファレンスサイトを検索できるガジェットで、ページ遷移せずにガジェット内に検索結果を表示するのが特徴です。デフォルトでは英語のサイトが優先されてしまうので、日本語サイトを検索したい場合は "more:日本語" を検索文字列に含めてください（ガジェットの設定で japanese をチェックすれば自動的に付加されます）。

以上、本日は Web 開発に役立ちそうな iGoogle ガジェットをご紹介しました。便利なガジェットがいろいろありますね。これらを活用すれば、 iGoogle が便利な統合開発環境に早変わり。皆さんも好みのガジェットをチョイスして、ぜひお試しください！