DC.js-インストール

この章では、DC.js開発環境をセットアップする方法を学びます。始める前に、次のコンポーネントが必要です-

DC.jsライブラリ
編集者
ウェブブラウザ
Webサーバー

手順を1つずつ詳しく見ていきましょう。

DC.jsのインストール

DCのインストールは非常に簡単にセットアップできます。以下の手順に従って、_DC_をマシンにインストールします。

DCライブラリをダウンロード

DCはオープンソースのライブラリです。リンクhttps://github.com/dc-js/dc.js/releasesを使用してファイルをダウンロードします。

DCファイルの最新バージョンをダウンロードします。（現在、最新バージョンは2.0.2です。）ダウンロードが完了したら、DCフォルダーを解凍し、プロジェクトのルートフォルダーまたはすべてのライブラリファイルを保持する他のフォルダーに貼り付けます。

サンプルHTMLページは次のとおりです。

<!DOCTYPE html>
<html lang = "en">
   <head>
      <script src = "js/d3.js"></script>
      <script src = "js/crossfilter.js"></script>
      <script src = "js/dc.js"></script>
   </head>

   <body>
      <script>
        //write your dc code here..
      </script>
   </body>
</html>

DCはJavaScriptコードであるため、「script」タグ内にすべてのDCコードを記述する必要があります。既存のDOM要素を操作する必要がある場合があるため、「body」タグの終わりの直前にDCコードを記述することをお勧めします。

DC.jsエディター

コードの記述を開始するにはエディターが必要です。次のようなJavaScriptをサポートする優れたIDE（統合開発環境）がいくつかあります-

Visual Studioコード
WebStorm
エクリプス
SublimeText

これらのIDEは、最新のJavaScriptフレームワークの一部をサポートするだけでなく、インテリジェントなコード補完を提供します。派手なIDEがない場合は、メモ帳、VIなどの基本的なエディターをいつでも使用できます。

ウェブブラウザ

DC.jsは、IE8以前を除くすべてのブラウザーで動作します。

Webサーバー

ほとんどのブラウザは、ローカルファイルシステムからローカルHTMLファイルを直接提供します。ただし、外部データファイルの読み込みに関しては一定の制限があります。このチュートリアルの以降の章では、CSVやJSONなどの外部ファイルからデータをロードします。したがって、最初からWebサーバーをセットアップする方が簡単です。

任意のWebサーバーを使用できますが、これは快適です。たとえば、IIS、Apacheなど。

ページを表示する

ほとんどの場合、WebブラウザでHTMLファイルを開くだけで表示できます。ただし、外部データソースをロードする場合は、ローカルWebサーバーを実行し、サーバー（ http：//localhost：8080 ）からページを表示する方が信頼性が高くなります。

Dcjs-installation

目次