Tips

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 カスタマイズ開発効率をあげよう！