dojo チュートリアル
dojoを使い始める

Android Cordova CSS HTML Java Language JavaScript jQuery Node.js PHP spring

備考

このセクションでは、dojoの概要、および開発者がなぜそれを使用したいのかを概説します。

また、dojo内の大きなテーマについても言及し、関連するトピックにリンクする必要があります。 dojoのドキュメンテーションは新しいものなので、それらの関連トピックの初期バージョンを作成する必要があります。

バージョン

バージョン	発売日
0.4.4	2006-11-05
1.0.3	2007-11-05
1.1.2	2008年3月26日
1.2.4	2008年10月2日
1.3.3	2009年3月26日
1.4.6	2009-12-07
1.5.4	2010-07-22
1.6.3	2011年03月15日
1.7.10	2011-10-27
1.8.12	2012-08-15
1.9.9	2013-05-01
1.10.6	2014-06-13
1.11.2	2016-06-09
1.12.1	2016年12月21日

インストールまたはセットアップ

CDNからDojoを使用する

HTMLページの<script>タグを使用してDojoをロードし、Google CDNを指定します。

例：

<script src="//ajax.googleapis.com/ajax/libs/dojo/1.11.2/dojo/dojo.js"></script>

BowerでDojoをインストールする

プロジェクトディレクトリに次のコマンドを入力します。

bower install dojo/dojo dojo/dijit dojo/dojox dojo/util

Bowerはデフォルトでbower_componentsサブディレクトリにインストールされますが、現在のディレクトリにインストールする場合は、代わりに.bowerrcを次のように追加して.bowerrc ：

{
    "directory": "."
}

CDNからの道場テーマを使用する

道場は、トンドラ、クラロなどのさまざまなテーマを私たちに提供します。

HTMLページ内のlinkタグを使用してテーマを読み込み、Google CDNを指定します。

サンプルページ

この例は、 Dojoを使用して<h1>タグ内に「Hello world」テキストを表示する方法を示すサンプル・ページです。

<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8">
    <title>Dojo sample</title>
    <script src="//ajax.googleapis.com/ajax/libs/dojo/1.12.1/dojo/dojo.js" data-dojo-config="async: true"></script>
  </head>

  <body>
    <h1 id="Hello"></h1>
    

    <script>
      require([
        'dojo/dom'
      ], function(dom) {
      
        dom.byId('Hello').innerHTML = 'Hello world';
      });

    </script>
  </body>

</html>

Modified text is an extract of the original Stack Overflow Documentation

ライセンスを受けた CC BY-SA 3.0

所属していない Stack Overflow