kintoneカスタマイズファイルのアップロード方法まとめ

目次

はじめに

kintoneをカスタマイズするJavaScript/CSSファイルを効率的にアップロードする方法を紹介します。

方法1 kintone上で直接編集する方法

概要

JavaScriptエディタ機能をもつ「JSEdit for kintoneプラグイン」を利用する方法です。
プラグインの設定画面からkintoneのJavaScript/CSSファイルを作成・編集します。

kintone上でカスタムJSやCSSを編集できるプラグイン「JSEdit for kintone」を使ってみよう

方法2コマンドラインを利用する方法

概要

コマンドライン上でkintoneのJavaScript/CSSファイルをアップロードするツール「customize-uploader」を利用する方法です。
ファイルの変更を自動で検知し、ファイルをkintoneの環境にアップロードします。

customize-uploader

方法3 Visual Studio Codeを利用する方法

概要

コードエディタVisual Studio Codeの拡張機能「Live Server Extension」を利用する方法です。
「Live Server Extension」を使うと、ローカルPCにWebサーバーを立てることができます。
kintoneのJavaScript/CSSファイル適用画面へ、ローカルにあるファイルのURLを指定します。
そうすることで、kintoneの環境に適用します。

注意事項

自分の端末からのみkintoneの動作を確認できるため、開発時にのみ利用してください。

Visual Studio Code Live Server Extensionを使ってkintoneカスタマイズ開発効率をあげよう!