IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.
こんにちは。JavaScript Advent Calendar 2011 フレームワークコース 3日目担当のrika-tです。Dojoについて書きます。なんか書いてたら長文になってしまいました…。 Dojoとは Dojo ToolkitはJavaScriptのライブラリーです。Closure LibraryとかjQuery+jQuery UIみたいな機能があります。最近、バージョン1.7がリリースされ、モバイル向け機能も強化されました。 割と多彩な機能があって便利なのですが、最初のとっつきにくさがあるので、流行りそうな気配がないのですが、一度覚えてしまえば結構便利に使えます。 Dojoはこんな感じで使えます。 dojo.jsと、UIパーツを使うときはCSSを読み込む必要があります。Dojo 1.6から、従来のモジュール読み込み機構(dojo.require)から、AMDモジュールに移行し
We’re happy to announce Dojo 1.7.1 is now available for download. Review the list of issues resolved in this release. Please report any new issues you find in your testing with your Dojo Foundation account. Links to CDN, and an updated reference guide, web site, and tutorials for 1.7 will be available soon. And special thanks to Colin Snover and Ken Franqueiro for managing this release! About Dyla
先日、ユーザーインターフェイスやグラフなどの機能を備え新しく登場したJavaScriptライブラリ「Kendo UI」を紹介しましたが、この分野で以前からある「Dojo Toolkit」も最新版の1.7がリリースされました。 DojoはDOM操作のためのAPIやアニメーション効果などの機能のほか、ユーザーインターフェイスのためのウィジェット、グラフ表示などの機能が含まれています。 モジュール構造になっており、性能向上のためにモジュールのロードは AMD (asynchronous module definition)と呼ばれる非同期になっているのが特徴とされています。最小構成のDojo Nanoは4KB以下の大きさだそうです。 Dojo 1.7で新しく追加された複雑なユーザーインターフェイスを持つグリッドと、グラフの例を紹介しましょう。 iOSやAndroidなどのモバイル専用に拡張した「
a WYSIWYG visual page editor for drawing out user interfaces drag/drop mobile UI authoring within an exact-dimension device silhouette, such as the silhouette of an iPhone simultaneous editing in either design or source views deep support for CSS styling (the applications includes a full CSS parser/modeler) a mechanism for organizing a UI prototype into a series of "application states" (aka "scree
This tutorial is for Dojo 1.6 and may be out of date. Up to date tutorials are available. The DataGrid is the central component of many applications due to its effective and usable presentation of tabular data. In this tutorial we will look at how to define a grid's layout and discuss the scrolling mechanism the DataGrid uses. dojox.grid.DataGrid We've all been there: your boss comes to you and as
はじめに 前回の記事ではカスタム・ウィジェットの作成を通して、ウィジェットの基本的な仕組みやテンプレートの活用方法を紹介しました。 ある程度以上の規模のアプリケーション開発においては、Dojo Toolkitのウィジェットのようなコンポーネント・ベースのプログラミングが重要な要素となります。コンポーネント化は単に再利用性を高めるだけではなく、プログラムの責任範囲を明確にしたり、関連したコードをまとめることで、プログラムの見通しがよくなり、機能追加、問題修正、保守などにおける生産性の向上につながります。 特に、Webアプリケーションのユーザー・インターフェースは、HTML、CSS、JavaScriptを組み合わせて実装するため、これらのコードを適切に関連付け、管理できるウィジェットはキーのコンポーネント技術になります。また、ユーザー・インターフェースのコンポーネント化では、下位のコンポーネン
今日はこれまでと直接関係ないTipsをご紹介 Dojoを使うときの一般的なお作法として、dojo.jsをhtmlコードのheadタグ内で読み込ませて云々・・・ というのがありますが、それができない環境やシーンがないわけではありません。ブログのエントリーで使いたいけどテンプレートはいじれないなどの制約がある時などがまさにそれです。そんな時でも、もしもbody内のどこかでscriptタグ埋め込むことが許されているならばdojoをつかうことができます。以下、そのようにしてdojox.mobileを使う例です。 <HTML> <HEAD> <TITLE>テスト</TITLE> </HEAD> <BODY> <script type="text/javascript"> (function() { djConfig={ //↓大事な一行 afterOnLoad: true, require:['do
Dojoツールキットにはソース・コードをビルドする機能が備わっており、Dojoの最も優れた機能の一つとも言われています。中規模以上のDojoベースのアプリケーション開発では欠かすことのできない必須の機能と言えます。3部構成の前編では、JavaScriptコードをビルドするとはどういう意味で、どのようなメリットがあるのかを説明し、さらに具体的なビルド・システムの使い方を紹介します。 はじめに DojoベースのWebアプリケーション開発は、ローカル・ファイルをブラウザで開く形で作業を進めることができます。サーバーが不要で手軽なため、そのような手法をとることが多いと思います。やがて、アプリケーションがある程度完成してきたら、テスト環境あるいは本番環境のサーバーへの移行をする必要が出てきます。この時点で検討していただきたいのがアプリケーションのソース・コードの「ビルド」です。ビルドはソース・コード
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く