【特集】詳解! Dojo Toolkit 1.0(Dijit編) - ウィジェットプログラミングのツボ (1) UIウィジェットフレームワーク"Dijit" | エンタープライズ | マイコミジャーナル
前回の特集「詳解! Dojo Toolkit 1.0 (基礎知識編) - 頻出APIと便利機能を一気におさえる」では、Dojo Toolkitが持つ基本的な機能を紹介した。記事中でもお伝えしたとおり、ダウンロードしたDojoを展開すると図1のようなディレクトリ構成になっている。 Dojo展開後のディレクトリ構成 前回の特集で主に取り上げたのは「dojo」ディレクトリ以下のさまざまなAPIについてであった。今回は、UIウィジェットフレームワークである「Dijit」を中心とした解説をお届けする。 ただ、Dijitは非常に膨大なUIフレームワークであり、とてもではないが今回の特集ですべての要素を紹介することは不可能であった。そのため今回は、JavaScriptフレームワークやUIプログラミングに慣れた読者を対象とし、Dijitの根幹を理解する助けとなることに努めたい。 個々のウィジェットに関する
Dojo/JavaScript Toolkitのメモ
Dojoは http://dojotoolkit.org/downloads からダウンロードできます。基本機能のみで画面部品を含まないDojo Baseのみのパッケージと、すべてを含むパッケージ(Dojo + Dijit + DojoX)がダウンロードできます。 http://download.dojotoolkit.org/ からは、圧縮されていないコメント付きのソースコード(dojo-release-xxx-src.zip)、ドキュメント(dojo-release-xxx-doc.zip)、デモアプリ(dojo-release-xxx-demos.zip)もダウンロードできます。 Dojoを利用するときは、dojo/dojo.jsのロードが必要となります。 以下にDojoを利用した簡単な例を示します。 <html> <head> <script type="text/javascri
ウノウラボ Unoh Labs: Dojo 0.4の新機能を使っていろいろ遊んでみました
こんにちは。できないのではなく「つくらない派」のhideです。 以前、「Dojoで簡単にクロスドメインAjaxを実現」というエントリを書きましたが、その後、新機能が追加されたDojo 0.4がリリースされました。0.4になって、JSONPを簡単に扱う方法は、dojo.io.bind() を dojo.io.ScriptSrcTransport.bind() を使うように変更しないと動作しなくなったので注意してください。 追加された機能は次の通りです。 ・グラフ描画機能の追加 ・各種ウィジェットの追加 ・SVG/VMLのベクター描画ライブラリ(GFX)の追加 ・FireBugと連携したデバック機能の改善 ・名前空間のサポート ・i18nサポート そして、Dojo 0.4を使っていろいろ遊んでみたサンプルがこれです。HTMLとJavaScriptのコードを書いただけで、サーバサイドの
ウノウラボ Unoh Labs: Dojoで簡単にクロスドメインAjaxを実現
こんにちわ、hideです。 最近、JavaScriptライブラリのDojoを使い初めて、その便利さに目覚めてしまいました。Ajaxで使用される通常のXMLHttpRequestではセキュリティ上の理由から、現在表示しているページ以外のドメインに対してリクエストを送ることができません。そこで考え出されたのが、JSONP(JSON with padding)という方法です。JavaScriptのインクルードは、同一ドメインでなくても読み込めるという性質を利用しています。 まずは下のボタンを押してみてください。実際にYahoo!から画像検索が実行されます。サーバを介さずにブラウザから直接Yahoo!APIを呼び出しているところがポイントです。 簡単に説明するとこういう仕組みです。次のようにリクエスト時のパラメータとして、callback関数を指定します。 http://example.c
MochiKit-1.3.1 と dojo-0.3.1 との連携 - IT戦記
今日 d:id:Voluntas:20061004 さんからトラックバックをいただいたので試してみました。 たとえば それぞれ、こんな感じで解凍したまんま配置します。 sample.html の内容は こんな感じにしてみました。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Language" content="ja" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>hoge</title> <meta h
Unbeatable JavaScript Tools - The Dojo Toolkit
Visit dojo.io for documentation, examples, and more on Dojo, the Progressive Framework for Modern Web Apps and successor to the Dojo Toolkit Dojo Toolkit 1.17 A JavaScript toolkit that saves you time and scales with your development process. Provides everything you need to build a Web app. Language utilities, UI components, and more, all in one place, designed to work together perfectly. Get Dojo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Dojo ToolKit リファレンス