雇われWebデザイナー、SWDのサイトです。なにも目指してません。すみません。

2008

11/20

Yahoo!のBrowserPlusを試してみた この記事をはてなブックマークに登録 この記事をクリップ! Yahoo!ブックマークに登録 Buzzurlにブックマーク
CATEGORY:, 
MT復帰の際に過去の一部の記事で正常に表示できないものがあるようです。
閲覧数の多い記事から少しずつ直していこうと思いますがすべての記事の復旧は難しいと思います。
わざわざお越しの方には申し訳ありませんがご容赦ください。

同時に二つのことができない性格のせいか、ちょっとやることができるとそっちばかりにかまけちゃって、またまたブログを絶賛放置プレイになってました。
というわけで、人柱的記事でも。。。

BrowserPlusの記事は以前にも少し取り上げたのですが、その当時は一般にはリリースしていないとかで試用することができなかったのですよ。

あ、その前にBrowserPlusがなんなのかの説明をしていませんでしたね。
BrowserPlusは名前からも推測できるかもですが、既存のブラウザの機能を向上させてブラウザの枠からとび出しちゃおうぜって技術なのですが(説明になってねぇ)、具体的にBrowserplusの機能の代表的なものでいうと、通常、画像などのアップロードは<input type="file">によってアップロードさせますが、デスクトップとかにある画像をブラウザにドラッグ&ドロップするだけで、画像がアップロードできるようにする機能などが挙げられます。

もしかすると結構地味なことと感じるかもしれませんが、最近ではブラウザ上で画像を編集させるようなWebサービスも多数出現してきていますので、今までのように事前にフォームから画像をアップロードしてから編集、ではなく、画像編集のアプリケーションと同様の感覚でデスクトップの画像をブラウザのウインドウ上にドラッグ&ドロップするだけで、すぐに編集作業に入れるとなるとグッと直感的ですよね。

というわけで、前ふりが長くなってしまいましたが試してみました。

まずはインストールから。
http://browserplus.yahoo.com/install/
将来的にはシームレスなインストールが可能、もしくはブラウザに標準で組み込まれているといいな、と期待しているのですが、現在はアドオンのインストールが少々敷居を高くしている感じですね。

インストールを終えて早速デモを試そうと思ったのですが、かなり機能を制限されているみたいで動かないデモが多いようでした。
ので、シンプルなサンプルコードから実行して試してみました。
http://browserplus.yahoo.com/developer/code/drag_and_drop/
コードの下のほうに"Run this Code"とありますので、ここから動作を確認してみましたよ。

枠線の中に画像をドラッグすると"Drop it!"という表示に切り替わり、ドロップすると画像の名前などの情報を取得して表示する、といういたってシンプルなサンプルです。

ファーストインパクトとしては「おぉー」って感じでしたが、
これだけシンプルなものでもそこそこのボリュームのソースを書かないといけないのと、枠線を少しでもはみ出してドロップすると通常のブラウザの動作通り、今見ているページからドロップした画像の表示に切り替わってしまい、それが作業途中であればとても残念な結果になってしまいそうな点ですね。

このあたりは、ソースの書き方次第で何とかなるのかもしれませんが、ひとまずはここまで。

文字だけなのでイメージしにくいかもですね。
スクリーンショットを撮ろうかと思ったのですが、いかんせん地味で、画像があっても伝わらないかも、ということであえて撮ってません。

興味のある方は、自己責任で試してみてください。
そしていろいろと教えてください。w
トラックバック(0)
トラックバックURL: http://www.heion.net/mt/mt-tb.cgi/265
コメント(0)
[PR]
_FEED
このRSSを取得する
_CATEGORY
_TAG
                                       
_ARCHIVE
2010年5月 (5)
2010年4月 (2)
2009年10月 (3)
2009年8月 (1)
2009年7月 (2)
2009年6月 (6)
2009年5月 (1)
2009年4月 (2)
2009年3月 (2)
2009年2月 (1)
2009年1月 (3)
2008年12月 (5)
_BLOG PARTS


あわせて読みたいブログパーツフィードメーター - 日々平穏スカウター : 日々平穏
OpenID対応しています OpenIDについて

このブログはクリエイティブ・コモンズでライセンスされています。