Google Spreadsheets の Apps Script で Amazon Route 53 を管理する - WebOS Goodies
先週、 Amazon のクラウド DNS サービス Amazon Route 53 をご紹介しました。柔軟で信頼性の高い DNS サーバーを安価に利用できる、とても有用なサービスです。しかし、標準では GUI が用意されておらず、データの更新がとても面倒なのが玉に瑕でした。サードパーティのツールもいくつかありますが、個人的にはどれもいまひとつな感じです。 仕方ないのでツールを自作することにしたのですが、さすがにフル機能の GUI を構築する時間はありません。 UNDO やコピー＆ペーストなどの機能も欲しいところですが、実装にはそれなりの手間がかかります。そこで思いついたのが、 Google Spreadsheets （Google Docs の表計算） を Google Apps Script で拡張する方法。これなら Google Spreadsheets の持つ強力な編集機能がそのまま
Closure Library でローカルファイルのドラッグ＆ドロップを実装する - WebOS Goodies
簡単なサンプルを作ってみましたので、ファイルのドラッグ＆ドロップをサポートしたブラウザ（現時点では Google Chrome, Safari, Firefox のいずれか）で試してみてください。灰色の部分に適当なファイルをドラッグ＆ドロップすると、そのファイル名を表示します。複数のファイルをドロップすることも可能です。 ソースコードは以下のような感じです。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>ファイルのドラッグ＆ドロップのテスト</title> </head> <body style="margin:0; padding:0;"> <div id="droptarget" style="width:100%; height:200px; background-color:#eee;"> ここにドラッグして
Google Spreadsheets のデータを簡単に表示できる「spreadsheetrenderer.js」を作りました - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 約一ヶ月前に、フィードの内容を Web ページに表示する feedrenderer.js を公開しました。実はほぼ同時にもうひとつ、 Google Docs のスプレッドシートのデータを表示する「spreadsheetrenderer.js」も作っていたのですが、 DevFest でライトニング・トークやら Chrome OS 本の発売やらがあってほったらかしにな
Closure Library を使うべき 10 の理由 - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 先週 Closure Library で構築したドローウィジェット Closure Draw を公開しましたが、はてぶ数などを見る限りさほど多くの反響はなかったようです。まあ、機能が中途半端だったり作りが甘かったりというところが大きいのは間違いありませんが、 Closure Library 自体がまだメジャーではないのもあるのかな、とも思います。実際、ぐぐってもフ
oEmbed でメディア共有サイトのコンテンツを簡単埋め込み - WebOS Goodies
先日、 YouTube API Blog に oEmbed によるコンテンツの埋め込み方法が説明されていました。 oEmbed とは初耳だったので仕様書を読んでみると、どうやらメディア共有サイトがコンテンツの埋め込みコードをサードパーティーの Web アプリケーションに提供するための API のようです。 API のエンドポイントにコンテンツの URL を渡すと、それを埋め込むための HTML コードやメタデータを XML もしくは JSON 形式で返してくれるという具合。 使い方としては、例えば Twitter クライアントでメッセージ中に画像・動画コンテンツの URL があったときに、それを自動的にインライン表示するときに便利そうです。 oEmbed を使うと YouTube だけでなく Flickr, Hulu, My Opera など多数のサイトに同じコードで対応できるのが嬉しいで
Ruby スクリプトでデータを暗号化する方法 - WebOS Goodies
本日は、 Ruby の OpenSSL バインドを利用してデータを暗号化する方法をご紹介します。というのも最近、自宅サーバーにある各種データを Web 上のサービスに移動しようと画策していまして、その際にプライベートなデータは暗号化して保存したいのです。ほとんどの Web API は暗号化なしの HTTP で通信しますし、いくらパスワードで保護されているとはいえ、他所の HDD にプレーンな状態で保存するのは不安ですからね。 それ以外でもスクリプトで暗号化の処理をしたい場面はいろいろあると思います。そんなときは、ぜひ参考にしてください。 それでは、まずは暗号化の処理から。 OpenSSL はさまざまな暗号化アルゴリズムをサポートしていますが、ここではリファレンスでも推奨されている AES-256-CBC を使うことにします。ひとつの文字列（バイト列）を暗号化する関数は以下のようになります。
iGoogle から goo ホームサンドボックスへのガジェット移植 Tips - WebOS Goodies
本当は昨日投稿しようと思ったんだけど、エイプリルフールネタ一色になりそうだったので一日延期（笑）。 今週の話題でもお伝えしたのでご存知の方も多いと思いますが、ポータルサイトの goo を運営する NTT レゾナントが、次世代 SNS「goo ホームサンドボックス」を開発者向けに公開しました。 OpenSocial v0.8.1 ガジェット API を実装した、本格的な OpenSocial コンテナです。 OpenSocial ガジェット開発者には待望のリリースですね！ で、試しに以前作った iGoogle ガジェットを動かしてみたところ、そのまま動作とはいきませんでしたが、ごく簡単な修正で対応することができました。そこで、本日は goo ホームサンドボックスのご紹介も兼ねて、 iGoogle ガジェットを移植する際の勘所をまとめてみたいと思います。 goo ホームサンドボックスとは 前述
ドラッグで並べ替え可能なグリッドを実現する「draggable_grid.js」を作りました - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 本日は、久しぶりに JavaScript のライブラリを公開します。よく、画像ギャラリー等でマウスのドラッグ＆ドロップで画像の並べ替えができるものがありますが、そんな UI を簡単に実現できるものを作ってみました。以前に公開してご好評をいただいた DragResize.js のノウハウを引き継いでおり、以下の特徴があります。 JavaScript の呼び出しひとつ
高速な CSS セレクタエンジン「Sizzle」「Peppy」を試す - WebOS Goodies
最近のほとんどの JavaScript フレームワークには、 CSS セレクタによる DOM エレメントの取得機能が実装されています。複数の要素を柔軟な条件で取得できるので、 DOM ツリーの操作がシンプルに記述でき、とても便利です。しかし、単に CSS セレクタを使いたいだけなのに、フル機能のフレームワークを読み込むのはちょっと抵抗がありますよね。 そんな悩みを解決してくれるのが、本日ご紹介する Sizzle, Peppy という 2 つのライブラリです。これらは他のフレームワークに依存しない独立した CSS セレクタエンジンで、しかも jQuery 等の既存のエンジンより数倍高速に動作します。 unobtrusive な Web ウィジェットの開発や、独自フレームワークの開発に最適ですね。その他にも広範な用途に使えるでしょう。 以下でこれらのライブラリの使い方や動作速度等の検証結果を掲
Google Gadget Editor 同様のプレビューを実現する gadgetpreview.js - WebOS Goodies
テキストボックスに iGoogle ガジェットのソースを入力して「ガジェットを表示」ボタンをクリックすると、その場でガジェットが生成され、テキストボックスの下に表示されます。テキストボックスには例として @nifty 翻訳ガジェットが入力されていますので、適当に変更してオリジナルのガジェットを生成してみてください。ソースコードをファイルに保存することなく、直接ガジェットに変換できているのがおわかりいただけるかと思います。 このデモのソースは概ね以下のようになっています（タグの属性などは省略しています）。 <textarea id="source"></textarea><br> <input type="button" value="ガジェットを表示" onclick="preview.update(document.getElementById('source').value);"> <
RESTful 形式の Google AJAX Feeds API を使って、フィードを JSONP で取得する - WebOS Goodies
JavaScript のみで任意のフィードが取得できる Google AJAX Feeds API は、とても便利ですよね。活用されている方も多いと思います。でも、余計な機能も含んだ外部ライブラリを読み込むのがイマイチなところ。ページロード時間を気にする場合はちょっと利用を躊躇してしまいます。 ところが、そんな欠点も、実は既に解消されています。今年の 4 月に Flash など JavaScript 以外の言語のために RESTful 形式の API が追加されたのですが、それに callback の指定がちゃっかり存在しており、 JSONP でアクセスできるのです。これなら外部ライブラリを読み込む必要もなく、気軽に利用できます。とくに JSONP に慣れている方は、 JavaScript API よりも楽に覚えられるでしょう。 ということで、本日はその RESTful API を利用して
あなたの知らない Google ガジェットの素晴らしき世界 - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 Google Developer Day の打ち合わせのときに聞いたのですが、どうも日本では Google Gadgets API の人気がイマイチだそうです。ちょっと理由を考えてみたのですが、まあいろいろ事情はあるものの、やはり Google Gadgets API の利点や重要性に関する理解が広まっていないのが最大の原因だと思うのです。 特別に興味を持っている
Google Visualization API 詳細、および Gadgets-in-Docs の作り方 - WebOS Goodies
前回の Query Language の記事はたくさんの方に読んでいただけたようで、たいへん嬉しく思っております。とりあえず最もインパクトがあり、しかも他所ではあまり触れられていない機能ということで Query Language にネタを絞って書いたのですが、そのために Google Visualization API そのものや Gadgets-in-Docs について、きちんとご紹介できませんでした。 そこで、本日はそのあたりの補足も兼ねて、 Google Visualization API 全般についてご紹介しようと思います。 Google Docs 活用の参考にしていただければ幸いです。 Google Visualization API 概要 さて、まずは Google Visualization API 自体について、軽くご紹介しておきましょう。この API をひと言で言えば、「
Google Spreadsheets を簡易 SQL DB に！「Google Visualization API」 - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 皆さん、 Google Docs のガジェット機能はもう使ってみましたでしょうか。データをさまざまな方法で可視化するガジェットをシート上に配置できるというもので、このガジェットは自作することもできます（iGoogle ガジェットベース）。その際にスプレッドシートの情報を取得するために使われるのが、本日ご紹介する Google Visualization API で
Firefox 検索プラグインの作成方法 - WebOS Goodies
先日Firefox 検索プラグインジェネレータを公開したついでに、検索プラグインの作成方法をご紹介しておこうと思います。それぞれのタグに関してもできるだけ詳しく書いたつもりですので、お役立てください！（＾＾） 2006/3/18 追記 Firefox 検索プラグインの作成方法（実践編） として、Yahoo! 辞書を題材にして実際に検索プラグインを追加する手順を記事にしました。併せてご参照ください。 2006/7/24 追記 Firefox 2.0 検索プラグインの作り方（基礎編）として、 Firefox 2.0 の新しい検索プラグインの作成方法を記事にしました。併せてご参照ください。 検索プラグインの保存場所 検索プラグインは、Firefox のインストールディレクトリ、もしくは各ユーザーのプロファイルディレクトリの中の "serachplugins" ディレクトリに格納されています。主に
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SearchMash の未公開 JSON API - WebOS Goodies