Search

copain blogs

2009/8/18 火曜日

DreamweaverのWeb Widgetを作成するWidget Packager

Filed under: ajax フレームワーク — desk.copain @ 11:05:06

Web WidgetとはDreamweaver CS4にAjaxのフレームワークやライブラリの機能を簡単に挿入して使えるようにする機能拡張です。
詳しくは以下のページが参考になります。
Adobe Edge: 2009年3月 Dreamweaver CS4のWeb Widgetを使ってみよう

このWeb Widgetは現時点では各ライブラリのバージョンが低くなっており、バグを含んでいる場合があります。
ですので最新のライブラリのバージョンのもので使いたいとか、あのライブラリないんだけど作ってみたいとか、
ライブラリを作っているが簡単に多くの人に使ってもらいたい場合などは
Web Widgetを作成するWidget Packagerで作り直す必要があります。

このWidget PackagerはAdobe Labsで公開されていますが、
英語の文献で敷居が高いので作成するのに必要と思われる以下の項目について翻訳しました。
(内容の検証はしていませんので保障はいたしませんが…)

  • The Widget Workflow document: A description of the workflow from WDF to uploading to the Exchange.
  • Developer’s Guide to the WDF: A detailed explanation of the WDF format.

widget packager 翻訳

翻訳の誤り等はコメントいただけるとありがたいです。

Have a good Dreamweaver life!

0 Comments

2008/2/29 金曜日

Spryのアコーディオンウィジェットをマウスオーバーで開く

Filed under: ajax フレームワーク — hos @ 12:58:27

最も基本的なサンプルにほんの少し手を加えるだけでアコーディオンをマウスオーバーで開閉できるようになります。

変更手順:

  1. クラスAccordionPanelがついているdivタグにidをつける
  2. SpryDOMUtils.jsにリンクさせる
  3. Spry.$$(”.AccordionPanel”).addEventListener(”mouseover”, function(){sampleAccordion.openPanel(this.id); return false;});の1文を加える

以上で、クリックでしか開閉できなかったものをマウスオーバーで開くようになります。

実動サンプル
(more…)

0 Comments

2008/2/8 金曜日

Spry1.6 | Spry Element Selector Utility 意訳

Filed under: ajax フレームワーク — hos @ 11:43:20

SpryでDOMの取り回しをやる時、便利そうなSpry Element Selector Utility(SpryDOMUtils.js)の
日本語の情報を探したけど見つからなかったのでちまちま翻訳まがいのメモです。(正式な情報は参照元をご覧ください。)

実際に動作テストして翻訳していません。このユーティリティに関して足がかりになればという感じです。
間違いは指摘していただけるとありがたいです。

(more…)

0 Comments

2008/2/4 月曜日

Spry WigetsのSliding Panels Widgetを使う

Filed under: ajax フレームワーク — hos @ 16:14:35

Sliding Panelsはニュースティッカーなどのスペースの狭いレイアウト部分やフォトスライドショーなどに使われます。
今回使用したのはSpry1.6。
解凍したフォルダのwidgets\slidingpanels\SprySlidingPanels.htmlをみるとシンプルな例で分かりやすい。
(more…)

0 Comments

2007/5/17 木曜日

Yahoo UI アニメーションでカードマジックもどき

Filed under: ajax フレームワーク — hos @ 17:54:15


サンプルです。

サンプルでカードをクリックすると…

ちょっと息抜きしてみました。
経由ポイントのcontrolを追加してランダム値をかませてるので
ランダムに飛んでいきます。
カードの絵をブーメランにしてもいいですね。

参考:Yahoo! UI Library: Animation

0 Comments

2007/1/18 木曜日

ajaxフレームワーク機能比較

Filed under: ajax フレームワーク — hos @ 20:00:22

@ITに詳しい比較情報が掲載されています。

Webアプリに使えるAjaxライブラリ8選!

メモメモ。

0 Comments

2007/1/17 水曜日

yahoo ui library 「メニュー」 その3

Filed under: ajax フレームワーク — hos @ 11:10:24

今回はデザインを変更します。サンプルをご覧ください。

サンプルを見る

*サンプルはver0.12を使用
(more…)

0 Comments

2007/1/9 火曜日

yahoo ui library 「メニュー」 その2

Filed under: ajax フレームワーク — hos @ 17:21:23

今回はメニューをグループ化したり、サブメニューを作ったりするサンプルです。

サンプルを見る
*サンプルはver0.12を使用
(more…)

0 Comments

2006/12/27 水曜日

yahoo ui library 「メニュー」 その1

Filed under: ajax フレームワーク — hos @ 15:07:01

メニューは多用されるパーツですので
メンテナンス性が高かったりカスタマイズが柔軟だと使いやすいですね。

yahoo ui のメニューはHTMLベースとJavascriptベースの両方でメニューを
生成させることができるようです。

もっとも単純なソースでそれぞれを作ってみましたので結果とソースを比較してみてください。

HTMLベースのサンプルを見る
Javascriptベースのサンプルを見る

*サンプルはver0.12を使用
(more…)

0 Comments

2006/12/12 火曜日

yahoo ui library 「スライダー」をテスト

Filed under: ajax フレームワーク — hos @ 17:11:42

スライダーを使ってテキストサイズを変更するサンプルを作りました。
使用ライブラリはver0.12。
サンプルを見る

yahoo uiの公式サイトには文章の行数をスライダーで増減させるサンプルがリンクされています。【該当ページ
(more…)

0 Comments