kintoneプラグイン開発してみてメモっておきたいこと

環境

• kintone
• javascript
• html
• css

対象

• kintoneプラグイン開発を始めたい人

役立ったもの

create-pluginを使って雛形を作る

公式が用意してくれているcreate-pluginを使ってプラグインに必要なセットを簡単に用意できます
ビルドとアップロードも可能です。
https://developer.cybozu.io/hc/ja/articles/360000877946

設定画面を作成する

Kinetoneと同じようなUIを作成できるようなCSSを公式が用意してくれています
https://developer.cybozu.io/hc/ja/articles/203302214-kintone%E3%83%A9%E3%82%A4%E3%82%AF%E3%81%AA%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%82%B7%E3%83%BC%E3%83%88%E3%81%AE%E5%88%A9%E7%94%A8

※create-pluginには初めから入っています

設定値のGet/Set

• set
  https://developer.cybozu.io/hc/ja/articles/203661160#step2
  ※プラグインの設定画面でしか使用できないので注意
  例

const config = {
  'key1': 'value1',
  'key2': 'value2'
};
kintone.plugin.app.setConfig(config);

• get
  https://developer.cybozu.io/hc/ja/articles/203661160#step1
  例

(function($, PLUGIN_ID) {

let config = kintone.plugin.app.getConfig(PLUGIN_ID);
console.log(config['key1']);

})(jQuery, kintone.$PLUGIN_ID);

各画面のトリガー

• レコード一覧イベント
  https://developer.cybozu.io/hc/ja/articles/201941964

• レコード詳細イベント
  https://developer.cybozu.io/hc/ja/articles/201941974

• レコード追加イベント
  https://developer.cybozu.io/hc/ja/articles/201941984

• レコード編集イベント
  https://developer.cybozu.io/hc/ja/articles/202166270

よく使ったAPI

• レコードの取得（GET）
  https://developer.cybozu.io/hc/ja/articles/202331474

よく使った情報取得

• レコード詳細情報取得
  https://developer.cybozu.io/hc/ja/articles/201942014

• アプリの ID を取得する
  https://developer.cybozu.io/hc/ja/articles/202166300

色々見たリンク集

• kintone API
  https://developer.cybozu.io/hc/ja/articles/360028177472

• プラグイン開発
  https://developer.cybozu.io/hc/ja/sections/200644024

• cybozu developer コミュニティ
  https://developer.cybozu.io/hc/ja/community/topics