DojoCampus-Dojo Toolkitのコンポーネントの使用例

読者への挨拶。 ExtJS Webアプリケーション用の強力で機能的で美しいインターフェースを構築するためのライブラリと共に、私は最近(再び第2ラウンドで)別のフレームワーク、つまりDojo Toolkitに興味を持ちました。 より強力な何か、いくつかの点でExtを失うことは、本当に強力で機能的なWebアプリケーションの構築に不可欠であり、ブラウザで(そして今ではAdobe AIR環境)。



しかし、私はしばしば尋ねられました、そして、コメントで、この力が現れるもので、その利点をどこでどのように見るかについて、複数回ありました。 比較のために、ExtJSには非常に美しく印象的なセクションがあり、パッケージのコンポーネントから完全に形成されたさまざまなコンポーネントやWebアプリケーションの一部の使用例もあります。残念ながら、Dojoのサイトで提供されるセクションはかなり貧弱で、彼が可能性について正しい意見を得るのは非常に困難です。 他の開発者のキロバイトライブラリによって「破損」しているため、誰もが完全な配布キットをダウンロードするわけではありません。これは、率直に言って、JSフレームワークのように非常に重く、ほぼ16メガバイトです! もちろん、コードだけでなく、各モジュールや他のファイルのテストもあるため、ライブラリの実際のサイズはもちろん小さくなります。 しかし、事実は事実です-このプロジェクトが何でどのように構成されているかを検討するために内部に入る人はほとんどいません。



現在、状況は改善されています。 Dojoを普及させ、ライブラリのほとんどのモジュールのすべてのテストケースに視覚的かつ迅速に(はい、見た目が美しい)アクセスを可能にする興味深いプロジェクトが開かれました。 DojoCampusプロジェクトが呼び出され、対応するドメイン( http://dojocampus.org)でホストされます



ライブラリーのすべての機能は、Dojo Feature Explorerセクションで見ることができます。このセクションは、ライブラリー自体のモジュール構造に従って、3つのグローバルな部分に分かれています。 Dojo Baseセクションでは、ライブラリのコア機能に関連する例を見ることができます。 さまざまなデータの操作例(Flickr、RSSなどからの写真のダウンロード)、ドラッグアンドドロップの実装例、Fxモジュールからの基本的なアニメーションと特殊効果、さまざまな入力/出力メカニズム(XMLHTTPRequest、Scriptタグ、IFrameに基づく)、およびまた、DOMツリーを操作するためのさまざまな基本アルゴリズム。



2番目のタブDijitは、グラフィックスサブシステムのさまざまなコンポーネントを示し、ライブラリで利用可能なほとんどのウィジェットとコントロールを示しています。 ここには、ウィンドウ、フォーム要素、エディター、レイアウト、進行状況バーなどの標準コンポーネントと、ウィジェットを作成するためのさまざまなメソッド(HTMLマークアップで、JavaScriptコードで(さまざまな方法で)など)があります。 しかし、私がいつも言ったように、そして今後も続けます-私のすべての努力で、Dojoの視覚コンポーネントは他のフレームワークほど完璧ではありません。







最も興味深いのはDojoXで、これには通常のJSベースのWebアプリケーションの機能を大幅に拡張する興味深いアルゴリズムとコンポーネントが含まれています。 最も興味深い例は、3次元の高度なグラフィック特殊効果とアニメーション、3次元の高度なコントロールとウィジェット(グリッドなど)を含むグラフ作成および図表作成モジュールです。 もちろん、すべてのコンポーネントがここに含まれているわけではなく、DojoXパッケージにはさらに多くのコンポーネントがあり、そのうちのいくつかは実験的なステータスを持っていますが、ライブラリの機能の一般的なアイデアは公式サイトよりもはるかに優れています。



このサイトには、実際の例に加えて、ライブラリを操作する複雑さに関するさまざまな出版物へのリンクが含まれています。 したがって、このサイトは、ライブラリの開発と研究の最初の出発点と見なすことができ、その後、開発者向けのドキュメントとディストリビューション自体のある公式サイトに行きます。 このサイトの後、Dojo Toolkitの見方がほぼ確実に変わります。



また、資料の最後に、ライブラリを最小化し、ニーズに合わせて組み立てる方法に関する優れたポストスタディへのリンクがあります。 特に、プロジェクトでDojoを既に開始している、またはDojoを使用する予定がある場合は、読んでください。



PSブログからのクロスポスト: http : //abrdev.com/?p = 296



All Articles