Kintone のデータをDevExpress Data Grid にデータバインドする。

Kintone 用の CData ADO.NET プロバイダーをDevExpress Windows Forms とWeb コントロールとともに使用し、Kintone をチャートに入力します。

加藤龍彦
デジタルマーケティング
最終更新日：2022-01-31

この記事で実現できるKintone 連携のシナリオ

CData

こんにちは！ウェブ担当の加藤です。マーケ関連のデータ分析や整備もやっています。

Kintone 用の CData ADO.NET プロバイダーはサードパーティーコントロールで使うことのできる通常のADO.NET データベースアクセスコンポーネントを実装しています。データバインドするための通常のADO.NET プロセスに従うことで、UI コントロールから実データへの双方向アクセスを可能にします。この記事では、CData を使ってDevExpress Windows Forms とウェブコントロールにデータバインドする方法を説明します。ここでは、最新のデータを表示するチャートにデータバインドします。

Kintone 接続プロパティの設定方法

Kintone に接続するには、以下の接続プロパティを設定する必要があります。

URL：Kintone のアクセスURL（例：https://yoursitename.cybozu.com または https://yoursitename.kintone.com）
User：アカウントのユーザー名
Password：アカウントのパスワード
AuthScheme：Password を指定

パスワード認証の代わりにAPI トークン認証を利用する場合は、ヘルプドキュメントの「接続の設定」セクションをご参照ください。

Basic 認証の設定

ご利用のKintone ドメインでBasic 認証を有効にしている場合は、接続プロパティの「詳細」設定で以下の項目を追加設定してください。

BasicAuthUser：Basic認証のユーザー名
BasicAuthPassword：Basic認証のパスワード

クライアント証明書認証の設定

Basic認証の代わりにクライアント証明書による認証を利用する場合は、以下の項目を設定してください。

SSLClientCert：クライアント証明書のパス
SSLClientCertType：証明書の種類
SSLClientCertSubject：証明書のサブジェクト
SSLClientCertPassword：証明書のパスワード

Windows Forms コントロール

下のコードでは、Kintone でDevExpress のチャートに追加する方法を説明します。KintoneDataAdapter はチャートコントロールのSeries プロパティにバインドします。コントロールのDiagram プロパティはx 軸とy 軸をカラム名として定義します。


using (KintoneConnection connection = new KintoneConnection(
"User=myuseraccount;Password=mypassword;URL=http://subdomain.domain.com;")) {
  KintoneDataAdapter dataAdapter = new KintoneDataAdapter(
  "SELECT Name, Description FROM Apps", connection);

  DataTable table = new DataTable();
  dataAdapter.Fill(table);
  DevExpress.XtraCharts.Series series = new DevExpress.XtraCharts.Series();
  chartControl1.Series.Add(series);
  DataTable table = new DataTable();
  series.ValueDataMembers.AddRange(new string[] { "Description" });
  series.ArgumentScaleType = DevExpress.XtraCharts.ScaleType.Qualitative;
  series.ArgumentDataMember = "Name";
  series.ValueScaleType = DevExpress.XtraCharts.ScaleType.Numerical;
  chartControl1.Legend.Visibility = DevExpress.Utils.DefaultBoolean.False;
  ((DevExpress.XtraCharts.SideBySideBarSeriesView)series.View).ColorEach = true;
}

The complete code example and the resulting chart.

Web コントロール

下のコードではKintone でDevExpress Web を操作するための設定方法を説明します。KintoneDataAdapter はチャートのSeries プロパティにバインドします。Diagram プロパティはx 軸とy 軸をカラム名として定義します。 using DevExpress.XtraCharts; using (KintoneConnection connection = new KintoneConnection( "User=myuseraccount;Password=mypassword;URL=http://subdomain.domain.com;")) { KintoneDataAdapter KintoneDataAdapter1 = new KintoneDataAdapter("SELECT Name, Description FROM Apps", connection); DataTable table = new DataTable(); KintoneDataAdapter1.Fill(table); DevExpress.XtraCharts.Series series = new Series("Series1", ViewType.Bar); WebChartControl1.Series.Add(series); DataTable table = new DataTable(); series.ValueDataMembers.AddRange(new string[] { "Description" }); series.ArgumentScaleType = ScaleType.Qualitative; series.ArgumentDataMember = "Name"; series.ValueScaleType = ScaleType.Numerical; ((DevExpress.XtraCharts.SideBySideBarSeriesView)series.View).ColorEach = true; } An ASP.NET application created with the ADO.NET Provider and the DevExpress Web Forms control.(Salesforce is shown.)