kintoneのつい忘れがちなキーボードショートカットをすぐ見れるようにしてみた

(function () {
　'use strict';

　// レコード一覧画面の表示後イベント
　kintone.events.on('app.record.index.show', function(event) {
　　//ここに処理を書く
　});

　// レコード詳細画面の表示後イベント
　kintone.events.on('app.record.detail.show', function (event) {
　　//ここに処理を書く
　});

　// レコード追加画面の表示後イベント
　kintone.events.on('app.record.create.show', function (event) {
　　//ここに処理を書く
　});

　// レコード編集画面の表示後イベント
　kintone.events.on('app.record.edit.show', function (event) {
　　//ここに処理を書く
　});
})();

(function () {
  'use strict';
  // ショートカットキーの表示スペース
  var myCustomSpace = document.createElement('ul');
  myCustomSpace.id = 'shortcuts-key';

  // レコード一覧画面の表示後イベント
  kintone.events.on('app.record.index.show', function (event) {
    myCustomSpace.innerHTML =
      '<li><span>c</span>レコード追加</li>' +
      '<li><span>j</span>次のレコード</li>' +
      '<li><span>k</span>前のレコード</li>' +
      '<li><span>enter</span>選択レコード表示</li>' +
      '<li><span>e</span>選択レコード編集</li>' +
      '<li><span>n</span>次ページ</li>' +
      '<li><span>p</span>前ページ</li>';
    // メニュー右側の空白部分
    kintone.app.getHeaderMenuSpaceElement().appendChild(myCustomSpace);
    // メニュー下側の空白部分に表示したい場合は↓をコメントアウト
    //kintone.app.getHeaderSpaceElement().appendChild(myCustomSpace);
  });

  // レコード詳細画面の表示後イベント
  kintone.events.on('app.record.detail.show', function (event) {
    myCustomSpace.innerHTML =
      '<li><span>c</span>レコード追加</li>' +
      '<li><span>e</span>レコード編集</li>' +
      '<li><span>j</span>次のレコード</li>' +
      '<li><span>k</span>前のレコード</li>' +
      '<li><span>g a</span>一覧に戻る</li>';
    // メニュー上側の空白部分
    kintone.app.record.getHeaderMenuSpaceElement().appendChild(myCustomSpace);
  });

  // 編集画面の表示後イベント
  kintone.events.on('app.record.edit.show', function (event) {
    myCustomSpace.innerHTML =
      '<li><span>Ctrl+s</span>変更を保存</li>' +
      '<li><span>esc</span>編集をキャンセル</li>' +
      '<li><span>g a</span>一覧に戻る</li>';
    // メニュー上側の空白部分
    kintone.app.record.getHeaderMenuSpaceElement().appendChild(myCustomSpace);
  });

  // レコード追加画面の表示後イベント
  kintone.events.on('app.record.create.show', function (event) {
    myCustomSpace.innerHTML = '<li><span>Ctrl+s</span>レコードを保存</li>';
    // メニュー上側の空白部分
    kintone.app.record.getHeaderMenuSpaceElement().appendChild(myCustomSpace);
  });
})();

#shortcuts-key{
  display: flex;
  flex-wrap: wrap;
  margin: 0;  padding: 8px;
  font-size:14px;
  line-height:1;
}
#shortcuts-key li{
  margin: 0 6px 3px;
  list-style-type: none;
}
#shortcuts-key span{
  display: inline-block;
  margin-right:2px;
  padding: 3px 6px;
  border-radius:4px;
  background-color:#333;
  color:#fff;
}