タグ

ブックマーク / webos-goodies.jp (16)

  • 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 の持つ強力な編集機能がそのまま

    kdaiba
    kdaiba 2011/02/09
    え?こんなことまでできるのか…
  • 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;"> ここにドラッグして

    kdaiba
    kdaiba 2010/09/15
    面白そうだなぁ
  • Google Spreadsheets のデータを簡単に表示できる「spreadsheetrenderer.js」を作りました - WebOS Goodies

    WebOS Goodies へようこそ! WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 約一ヶ月前に、フィードの内容を Web ページに表示する feedrenderer.js を公開しました。実はほぼ同時にもうひとつ、 Google Docs のスプレッドシートのデータを表示する「spreadsheetrenderer.js」も作っていたのですが、 DevFest でライトニング・トークやら Chrome OS の発売やらがあってほったらかしにな

    kdaiba
    kdaiba 2010/04/08
    これはすごい
  • Closure Library を使うべき 10 の理由 - WebOS Goodies

    WebOS Goodies へようこそ! WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 先週 Closure Library で構築したドローウィジェット Closure Draw を公開しましたが、はてぶ数などを見る限りさほど多くの反響はなかったようです。まあ、機能が中途半端だったり作りが甘かったりというところが大きいのは間違いありませんが、 Closure Library 自体がまだメジャーではないのもあるのかな、とも思います。実際、ぐぐってもフ

    kdaiba
    kdaiba 2010/02/12
    よさげ
  • oEmbed でメディア共有サイトのコンテンツを簡単埋め込み - WebOS Goodies

    先日、 YouTube API Blog に oEmbed によるコンテンツの埋め込み方法が説明されていました。 oEmbed とは初耳だったので仕様書を読んでみると、どうやらメディア共有サイトがコンテンツの埋め込みコードをサードパーティーの Web アプリケーションに提供するための API のようです。 API のエンドポイントにコンテンツの URL を渡すと、それを埋め込むための HTML コードやメタデータを XML もしくは JSON 形式で返してくれるという具合。 使い方としては、例えば Twitter クライアントでメッセージ中に画像・動画コンテンツの URL があったときに、それを自動的にインライン表示するときに便利そうです。 oEmbed を使うと YouTube だけでなく Flickr, Hulu, My Opera など多数のサイトに同じコードで対応できるのが嬉しいで

    kdaiba
    kdaiba 2009/10/15
    なんとなくわかった
  • Ruby スクリプトでデータを暗号化する方法 - WebOS Goodies

    日は、 Ruby の OpenSSL バインドを利用してデータを暗号化する方法をご紹介します。というのも最近、自宅サーバーにある各種データを Web 上のサービスに移動しようと画策していまして、その際にプライベートなデータは暗号化して保存したいのです。ほとんどの Web API は暗号化なしの HTTP で通信しますし、いくらパスワードで保護されているとはいえ、他所の HDD にプレーンな状態で保存するのは不安ですからね。 それ以外でもスクリプトで暗号化の処理をしたい場面はいろいろあると思います。そんなときは、ぜひ参考にしてください。 それでは、まずは暗号化の処理から。 OpenSSL はさまざまな暗号化アルゴリズムをサポートしていますが、ここではリファレンスでも推奨されている AES-256-CBC を使うことにします。ひとつの文字列(バイト列)を暗号化する関数は以下のようになります。

    kdaiba
    kdaiba 2009/09/09
    暗号化
  • iGoogle から goo ホームサンドボックスへのガジェット移植 Tips - WebOS Goodies

    当は昨日投稿しようと思ったんだけど、エイプリルフールネタ一色になりそうだったので一日延期(笑)。 今週の話題でもお伝えしたのでご存知の方も多いと思いますが、ポータルサイトの goo を運営する NTT レゾナントが、次世代 SNSgoo ホームサンドボックス」を開発者向けに公開しました。 OpenSocial v0.8.1 ガジェット API を実装した、格的な OpenSocial コンテナです。 OpenSocial ガジェット開発者には待望のリリースですね! で、試しに以前作った iGoogle ガジェットを動かしてみたところ、そのまま動作とはいきませんでしたが、ごく簡単な修正で対応することができました。そこで、日は goo ホームサンドボックスのご紹介も兼ねて、 iGoogle ガジェットを移植する際の勘所をまとめてみたいと思います。 goo ホームサンドボックスとは 前述

    kdaiba
    kdaiba 2009/04/02
    iGoogleからの移植
  • ドラッグで並べ替え可能なグリッドを実現する「draggable_grid.js」を作りました - WebOS Goodies

    WebOS Goodies へようこそ! WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 日は、久しぶりに JavaScript のライブラリを公開します。よく、画像ギャラリー等でマウスのドラッグ&ドロップで画像の並べ替えができるものがありますが、そんな UI を簡単に実現できるものを作ってみました。以前に公開してご好評をいただいた DragResize.js のノウハウを引き継いでおり、以下の特徴があります。 JavaScript の呼び出しひとつ

    kdaiba
    kdaiba 2009/03/12
    数字パズルが作れるな
  • 高速な CSS セレクタエンジン「Sizzle」「Peppy」を試す - WebOS Goodies

    最近のほとんどの JavaScript フレームワークには、 CSS セレクタによる DOM エレメントの取得機能が実装されています。複数の要素を柔軟な条件で取得できるので、 DOM ツリーの操作がシンプルに記述でき、とても便利です。しかし、単に CSS セレクタを使いたいだけなのに、フル機能のフレームワークを読み込むのはちょっと抵抗がありますよね。 そんな悩みを解決してくれるのが、日ご紹介する Sizzle, Peppy という 2 つのライブラリです。これらは他のフレームワークに依存しない独立した CSS セレクタエンジンで、しかも jQuery 等の既存のエンジンより数倍高速に動作します。 unobtrusive な Web ウィジェットの開発や、独自フレームワークの開発に最適ですね。その他にも広範な用途に使えるでしょう。 以下でこれらのライブラリの使い方や動作速度等の検証結果を掲

    kdaiba
    kdaiba 2008/11/13
    cssセレクタ
  • 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);"> <

    kdaiba
    kdaiba 2008/10/16
    gadget プレビュー
  • 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 を利用して

    kdaiba
    kdaiba 2008/08/20
    これは便利
  • あなたの知らない Google ガジェットの素晴らしき世界 - WebOS Goodies

    WebOS Goodies へようこそ! WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 Google Developer Day の打ち合わせのときに聞いたのですが、どうも日では Google Gadgets API の人気がイマイチだそうです。ちょっと理由を考えてみたのですが、まあいろいろ事情はあるものの、やはり Google Gadgets API の利点や重要性に関する理解が広まっていないのが最大の原因だと思うのです。 特別に興味を持っている

    kdaiba
    kdaiba 2008/05/30
    gadgetはすごい
  • 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 をひと言で言えば、「

    kdaiba
    kdaiba 2008/03/28
    visualization api 解説
  • Google Spreadsheets を簡易 SQL DB に!「Google Visualization API」 - WebOS Goodies

    WebOS Goodies へようこそ! WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 皆さん、 Google Docs のガジェット機能はもう使ってみましたでしょうか。データをさまざまな方法で可視化するガジェットをシート上に配置できるというもので、このガジェットは自作することもできます(iGoogle ガジェットベース)。その際にスプレッドシートの情報を取得するために使われるのが、日ご紹介する Google Visualization API

    kdaiba
    kdaiba 2008/03/25
    DBIで叩けるようにすれば面白いかな
  • SearchMash の未公開 JSON API - WebOS Goodies

    WebOS Goodies へようこそ! WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。

    kdaiba
    kdaiba 2007/09/05
    これは使える!
  • Firefox 検索プラグインの作成方法 - WebOS Goodies

    先日Firefox 検索プラグインジェネレータを公開したついでに、検索プラグインの作成方法をご紹介しておこうと思います。それぞれのタグに関してもできるだけ詳しく書いたつもりですので、お役立てください!(^^) 2006/3/18 追記 Firefox 検索プラグインの作成方法(実践編) として、Yahoo! 辞書を題材にして実際に検索プラグインを追加する手順を記事にしました。併せてご参照ください。 2006/7/24 追記 Firefox 2.0 検索プラグインの作り方(基礎編)として、 Firefox 2.0 の新しい検索プラグインの作成方法を記事にしました。併せてご参照ください。 検索プラグインの保存場所 検索プラグインは、Firefox のインストールディレクトリ、もしくは各ユーザーのプロファイルディレクトリの中の "serachplugins" ディレクトリに格納されています。主に

    kdaiba
    kdaiba 2006/12/05
    ほほぉ
  • 1