[B! widget] nsyeeのブックマーク

uu.snippetで「やりましょう」、Widgetの作り方入門 - latest log

続き書きました uu.snippet 入門(2) 複数の部品を一つのsnippet に - latest log Widget(Web ブラウザ上で動作する UI 部品)を作るには、構造を HTML で、見栄えを CSS で、アクションを JavaScript で記述することになります。 Widget を作る際の問題は大きく3つ。標準的な JavaScript には DOM 構造やスタイルをヒアドキュメント化し埋め込む仕組みが無い(頑張ればなんとかなるけど、サクっとやれない) CSS には定数や外部参照可能な変数の概念が欠如している画像数、画像サイズ、レイアウト変更に耐えるだけの構造を持たせることが非常に難しく、○○CSSなどの外部ツールに頼るか、妥協するか、実数(マジックワード)として埋め込むかを選択することになる(変数が使えないために発生するトライ&エラーや悩む時間が無駄すぎる)

nsyee 2010/10/10

リンク

iPad上でHTML5 Widgetを走らせて遊ぼう

昨日の「HTML5: W3C Widget とその応用を考える会」は参加者も多く、私自身とても良い勉強になったが、そこでも予告した通り、iPad発売を記念してWidgetのサンプルをいくつか用意したので、ぜひともお試しいただきたい。手順は以下の通り。ステップ１. iPadにCloudReadersをインストールする（iTunes ストアへのリンク）ステップ２. 以下のWidgetをダウンロードする Download 3dClock.wgt (2.5K)　ー CSS3を使った３D時計 Download TimeTrial25.wgt (7.8K)　ー　タイムトライアルゲーム Download JSCalc.wgt (3.4K)　ー　電卓 Download QuadraBench.wgt (2.5K)　ー　Canvas のベンチマークプログラムステップ３. iPadをPC/Macに繋げ

nsyee 2010/07/23

リンク

HTML5 Widget入門：あなたにも作れるiPad用Widget

今朝の「iPadでHTML5 Widgetを走らせて遊ぼう」に対して、「もう少しWidgetについて知りたい」との声が聞こえてきたので、「Widget入門編」を書いてみようかと思う。 Widgetとは何か？先のエントリーで書いたが、ひとことで言えば「パッケージ化されたウェブアプリケーションである」。通常のウェブアプリは、特定のURLにアクセスすることにより走らせるが、Widgetの場合は、.wgt のエクステンションを持つWidgetファイルをダウンロード＋インストールした上で、それを起動する。 Widgetファイルの中身は、HTML+CSS+JS+メディア・ファイルで構成されており、それをZIP圧縮して、エクステンションを.wgtに変更しただけのものである。なぜそんなことをするかと言えば、（１）オフラインで動かしたい、（２）通常のデスクトップアプリの感覚で起動したい、（３）パッケージ

nsyee 2010/07/23

リンク

ウィジェットベイトによる被リンク集めは、もはや効果がないのか?

”Widgetbait（ウィジェットベイト）”という言葉は、聞いたことがないかもしれません。ウィジェットベイトとは、”Widget（ウィジェット）”で”Linkbait（リンクベイト）”をすることです。すると今度は、ウィジェットとは？、リンクベイトとは？という話になってくる読者さんもいるかもしれません。（笑）簡単に説明を。ウィジェットは、「ブログパーツ」と読んだほうが馴染みがあるでしょうか。ブログやWebサイトに貼り付けて使うちょっとした部品で、UNIQLOCKなんかが有名ですね。リンクベイトは、すごく簡単に言うと、意図的に話題・注目を集めることでリンクを集める手法です（詳しくは、Wikipediaで）。激しい論争をあえて巻き起こすような意見を述べるのは、リンクベイトの一手段ですね。一歩間違うと、炎上しますが。ウィジェットベイトは、（たいていの場合）無料でウィジェットを配