kintoneのフィールドコードをフォーム編集画面に表示するTampermonkey

目次

現状、きちんと表示しているとは言いがたいというか、まあホントに表示だけ。 もうちょっと手を入れたらかっこよく使いやすくなるはずだけど、仕事の合間に作ったので。

環境

• kintone
• chrome
• Tampermonkey

手順など

@matchのサブドメインは適宜、変更してください。

// ==UserScript==
// @name         display kintone fieldcode
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        https://*.cybozu.com/k/admin/app/flow?app=*
// @grant        none
// @require https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
// ==/UserScript==
(function() {
  'use strict';
  jQuery(document).ready(function($){
      var window1 = $('<div>').css({'background-color':'rgb(245, 252, 255)','position':'absolute','top':0, 'right':0});
      var list = cybozu.data.page.FORM_DATA.schema.table.fieldList;
      Object.keys(list).forEach(function(idx){
          window1.append($('<p>').html(this[idx].var));
      }, list);
      $('.main-gaia').append(window1);
  });
})();

改良すべき点

• マウスオーバーした項目のフィールドコードが強調表示される
• というかそもそもマウスオーバーした項目だけでっかく表示されたらほか要らないかもしれない
• 右端までフィールド項目（特にサブテーブル）が達した時にフィールドコードに隠されてしまうのを改良する