この記事では、gusuku Everysiteのページ生成時処理を使用して、シンプルテーブルにkintoneアプリのレコードを表示する方法をご紹介します。


表示例


kintoneの設定

kintoneのアプリでは下記のフィールドを用意します。


フィールド名

フィールドコード

会社名

kintone会社名

部署名

kintone部署名

担当者名

kintone担当者名

住所

kintone住所


また、APIトークンを用意します。「アクセス権」は「レコード閲覧」をチェックします。


エブリサイトの設定

画面デザイン画面

タイルにウィジェット「シンプルテーブル」を配置します。


接続設定

kintoneの設定で取得したAPIトークンを設定します。


ページ生成時処理

アクション1でkintoneからシンプルテーブルに表示したいレコードを取得します。


ウィジェット編集画面

下記のアイテムを「列になるアイテム」にドラッグ&ドロップで配置します。

表示するレコードにはページ生成時処理で取得したアクション1を指定します。


アイテムパラメーター入力カラム

下記アイテムを設定します。

「テキスト」にはkintoneアプリのフィールドコードを

=フィールドコード

のように指定します。


アイテム

アイテムID

アイテム名

テキスト

テキスト

会社名

会社名

=kintone会社名

テキスト

部署名

部署名

=kintone部署名

テキスト

担当者名

担当者名

=kintone担当者名

テキスト

住所

住所

=kintone住所


まとめ

以上がエブリサイトのページ生成時処理でシンプルテーブルを表示する方法でした。

エブリサイトのドキュメントページサポートページもぜひご活用ください。