本文作者为Global株式会社的门屋亮。

自定义kintone需要将创建好的文件上传到kintone。
每次调试时都这样做很麻烦，以至于您可能会忘记将完成的文件上传到kintone。
不少人提出在自定义时，要是能直接在浏览器上直接编辑代码就好了。

由此，推出了可在kintone上直接编辑JavaScript及CSS 等文件的工具！

以下介绍该工具的使用方法

下载JSEdit for kintone

代码在GitHub的“js-edit”里。
代码下载后需要打包才可以使用。关于插件的打包方法，请参考此处。
※如发现此工具有缺陷或有希望改进的地方，请在Github的Issue里或在此文章后面留言。

安装JSEdit for kintone

进入kintone的系统管理页面，打开插件的设置页面，点击“导入”按钮，选择插件文件导入。

导入之后，就可以使用插件了。

导入到系统的插件可以在任意应用中使用。

打开应用的设置页面，在“设置”标签页里点击“插件”，打开插件的添加页面。

点击“添加插件”按钮。
将显示可以使用的插件列表，勾选“JSEdit for kintone”，并点击添加按钮。

到这就准备完毕了。

JSEdit for kintone 的使用方法

点击“设置”的齿轮。将显示以下页面。

添加文件

首先新建要编辑的文件。如果已有自定义JS文件或CSS文件，可以从上面的下拉框中选择继续编辑。
点击“New File”。

在对话框中输入要新建的文件名。

编辑文件

已提供有JavaScript模板，可以根据实际情况自行修改。kintone的方法及api的路径等关键字会自动补全。

保存文件

点击“保存”按钮，编辑的文件即可实时保存到kintone中。
如勾选了“Update app when saving the code”，只要点击该页面上的“保存”按钮即可应用到正式环境中，而不需要去点击“更新应用”的按钮。您可以立刻去查看程序运行情况。

※不单单是JS文件，此页面之外的其他页面上的设置也会被应用到正式环境里。请知晓。

导入库

从“library”列表中选择库后点击保存，可以从Cybozu CDN中导入库。有弹出框及甘特图等丰富多彩的库可供使用。
关于Cybozu CDN请参考以下链接。

https://cybozudev.kf5.com/hc/kb/article/206405/

感想如何？使用“JSEdit for kintone”可直接在浏览器上编辑，确实在kintone自定义的时候方便很多吧。
您不妨也一起来试一下使用JSEdit for kintone进行kintone自定义。

更改履历

2019/10/01

• 本文中的截图改为 jsEdit v4.2版的截图。