0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

kintoneプラグイン作成方法(開発環境なしVer)

Last updated at Posted at 2022-11-05

はじめに

kintoneのカスタマイズをjavascriptで実施はできるようになった、次はプラグインを作成してみよう!
しかし、どのページ作成方法もNode.jsでの開発環境が前提としてあり、なんだかよくわかんない。
npmってなんじゃい、そもそもどこで入力すんの?という人向けの記事。(これ私だけなのかな?)

ということで、node.js等の開発環境なしでプラグイン開発を目指します。

目次

  1. プラグインのテンプレート(雛形ファイル)のダウンロード
  2. プラグインのパッケージング
  3. 動作確認
  4. テンプレートの説明

プラグインのテンプレート(雛形ファイル)のダウンロード

入力チェックプラグイン作成例を参考に、テンプレートを作成しGitHubに公開しました。
以下のURLにアクセスし、フォルダ毎ダウンロードしてください。
https://github.com/necomochi/kintoneplugin_template

image.png

プラグインのパッケージング

ダウンロードしたZIPファイルを任意の場所に回答して、ルートフォルダをplugin-packer for Webにドラッグ&ドロップ
image.png

作成されたファイルをクリックしてダウンロード(ppkファイルは2回目以降に、一緒にドラッグ&ドロップ)
image.png

動作確認

作成されたZIPファイルをkinotoneのプラグインとして登録。
任意のアプリにインストールし、設定値を適当に保存。
image.png

アプリ更新後、一覧に戻ってブラウザのコンソールログに設定した情報が反映されていたら成功です。
image.png

テンプレートの説明

テンプレートは、設定を保存してコンソールに出力するだけのものです。
あとは、cybozu Developoer network にあるプラグイン開発方法等を参考にいろいろやってみてください。

今回は自分の備忘も含めて、テンプレートと記事を作成してみました。
プラグインのテンプレートについての説明も需要があれば記事にしたいと思います。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?