JavaScriptやCSSでkintone全体をカスタマイズする

JavaScriptやCSSを使用して、kintone全体の動作や画面のカスタマイズができます。

JavaScriptファイルは、PC用とスマートフォン用(スマートフォンアプリを含む)とで分けて取り込めます。
CSSファイルは、PC用にのみ取り込めます。
取り込んだプログラムは、次の画面を除いた、すべての画面で読み込まれます。

  • システム管理画面
  • アプリの管理画面
  • 個人設定画面
  • 埋め込み用タグを使用して外部サイトに埋め込んだグラフ

JavaScriptプログラムの作成には、APIを使用します。
APIの詳細は、次のサイトで公開されています。
cybozu developer network

kintone全体のカスタマイズではなく、アプリのみをカスタマイズする場合は、次のページを参照してください。
JavaScriptやCSSでアプリをカスタマイズする

JavaScript / CSSファイルを取り込む

作成したファイルをkintoneに取り込む手順を説明します。

kintoneのシステム管理者だけが、kintoneにJavaScript / CSSファイルを取り込めます。

  1. システム管理画面を開きます。
    システム管理画面を開く
  2. [JavaScript / CSSによるカスタマイズ]をクリックします。
  3. カスタマイズの適用範囲を、次の3種類から選択します。

    • すべてのユーザーに適用
    • kintoneのシステム管理者だけに適用
    • 適用しない
      すべてのユーザーにカスタマイズを適用する前に、システム管理者だけに適用して、正しくカスタマイズされていることを確認してください。
  4. [参照]をクリックし、取り込むJavaScriptファイルやCSSファイルを選択します。
    PC用のJavaScriptファイル、スマートフォン用のJavaScriptファイル、およびPC用のCSSファイルは、それぞれ30個まで取り込めます。

  5. [保存]をクリックします。