各ガジェットの基礎の基礎
2007年11月09日
ここでは、ガジェット作成のチュートリアルというより、ガジェット間の比較(Google Desktop Gadget、Yahoo!ウィジェット、Vista Sidebar Gadget、Dashboard Widget)や気をつけた方がいい部分中心にいくつか紹介したいと思います。
ここでは、ガジェット作成のチュートリアルというより、ガジェット間の比較(Google Desktop Gadget、Yahoo!ウィジェット、Vista Sidebar Gadget、Dashboard Widget)や気をつけた方がいい部分中心にいくつか紹介したいと思います。
BM11 では多くのブログパーツをリリースしています。ブログパーツは、ブロガーの皆さんが簡単に自分のブログに追加できるちょっとしたワンポイント アクセサリのようなもの。最近では全画面に Flash を表示したり、ブログ上の HTML を書き換えるものなど、凝ったものも多く見かけるようになってきました。
このエントリでは、ブログパーツの JavaScript を書く上で気をつけるべき、キホン中のキホンを5か条にまとめます。
今回、5年前に自作していたタイピングゲームをたまたま発掘し、 「よく出来てる!(自画自賛)」と思い、社内プレゼンを経てリリースとなりました。
以下、開発の際の技術情報です。
---- level0 からの転載です ----
wmode=trancate で全角テキスト入力するには…
IE で wmode=transparent な flash に全角テキスト入力すると表示が崩れてしまいます (http://www.adobe.com/jp/support/flash/ts/documents/fl0260.html)。これは「テキスト入力スペースのあるブログパーツで背景透過したいんだけど。。」というときに非常に頭を悩ませる問題なのですが、IE で上手く表示されないだけに流石にこの問題を切り捨てるのはウォーキングワイルドサイドすぎるのでなんとかしたいところです。
で、解決方法というより、根本的な対処はできないので妥協策を講じてみました。その妥協の産物がこの PAOLO というブログパーツです。
「摩訶不思議!? IE で背景透過全角テキスト入力」
テキストをドラッグするとつっこみをできるというブログパーツなのですが、つっこみフォームをあたかも背景透過させているかのように表示させています。
技術的なポイントは、Windows環境で、クロスブラウザで音声認識とWebアプリが連携する部分。
今までは、音声認識をWebで使おうと思ったら、IE限定で Microsoft SAPI(SpeechAPI) をjavascriptでActiveXObjectを使用して操作する、という方法がありました。
babooo voiceでは、その「IE限定」を無くす工夫をしています。 その詳細についてここでご紹介しましょう。