Boost」など、さまざまなカンファレンスを企画・運営しています。BOOKS(コードジン・ブックス)は、CodeZineの連載からカットアップした、開発現場の課題解決に役立つ書籍シリーズです。MB)グレープシティが提供する「ActiveReportsJS」は、サーバサイドの実装を必要とせずにWebブラウザのみで帳票を出力することのできるJavaScriptライブラリです。本記事では、サイボウズ株式会社の提供する「kintone」のデータを、ActiveReportsJSを使って帳票形式で表示する事例を紹介します。APIの動作を検証します。ActiveReportsJSで作成した帳票からAPIを呼び出すための設定とファイル構成について説明していきます。本記事のサンプルコードは、以下の環境で動作を確認しています。APIを使用する方法が知りたい方kintoneの環境準備kintoneは、サイボウズ株式会社(以降、Cybozu)の提供する業務システムのためのWebプラットフォームです。個々の業務システムは「アプリ」と呼ばれ、データベースとコミュニケーションツールで構成されます。これにより、データを蓄積、検索するだけでなく、「いいね」やコメントを付与したりすることができます。本記事では、アプリの一つである「顧客リスト」に蓄積されているデータ(会社名や担当者名など)を、帳票形式でブラウザ画面に表示してみます。グレープシティのJavaScriptライブラリ「ActiveReportsJS」で帳票を表示するにあたり、データを取得するkintoneの環境を準備します。Cybozuでは、開発者向けに無料で使えるkintoneの環境を提供しており、いくつかの手続きを踏むことによって利用することができます。Server」を使うので、あらかじめインストールを済ませておいてください。networkに登録します。networkにサインアップします。networkに登録すると、開発専用のアプリ環境が利用できるようになります。この環境では、開発用途に限定したアプリが利用可能で、サンプルデータを自由にインストールして検証作業に活用することができます。しては利用できない、ユーザー数は5個まで、ディスク容量は25GBまで、1年間の利用であるなどの制限があります。network」から、以下の手順で開発者ライセンスを申し込みます。利用方法などが記載されたメールが到着すれば利用可能サンプルアプリを追加する開発環境を取得できたら、メールに記載されている情報を使ってサンプルアプリを追加します。サンプルアプリにはサンプルデータを含めることができるので、ただちにデータが利用可能になります。ここでは「顧客リスト」アプリを追加することにします。サンプルアプリは以下のように追加します。