kintoneを使う（9） ～「ガントチャート」とJS開発を試す

少しグラフィカルな開発を試す

グラフィカルな機能を試すにはJSでの開発が必要です。

私自身はJS開発になれていなく、サンプルがあるということで「To Do」アプリを試してみたいと思います。

Dynamics 365にもProject Onlineと連携するProject Service機能があることからこれを試してみたいという気になりました。

いつも通り、アプリ追加から設定

「To Do」アプリの追加をします。

追加されました。

「To Do」アプリをクリックすると、JSサンプルコードへのリンクがあります。

Developer Networkサイトが表示されますので、これに従ってみます。

より複雑な完成形をめざすにはフィールドカスタマイズが必要とのことです。

ガントチャートプラグインのアップデートを詳細解説 – cybozu developer network

こちらを参考に追加します。

手順は明確ではありませんが、グループを追加して、既存のフィールドを配置してみます。

テーブルにしようとしたところでエラーとなりました。

既存フィールド削除し、再作成してみたいと思います。

再作成してもだめでした。グループを追加したことが悪かったみたいです。

※エラーにも表示されていました。

グループをとりはずすとうまくいきます。

テーブルの名前は「Table」にする必要があるとのことです。

次にプラグインの設定をします。

まずはダウンロード。

ソースの保存先はGithubなんですね。

Download Zipをクリックします。

という手順を進めていましたが、パッケージングというややこしい手順がありました。

手順サイト上にはパッケージングされた「gantt_plugin_v2.0.3.zip」というものがありましたので、こちらを利用しようと思います。手順変更です。

パッケージをkintone上で取り込みます。

設定のからプラグインをクリックして取り込めるのかなと思いつつ。

取り込めませんでした。

※警告を出すなら、同時にリンクしてくれれば親切です。

おそらくこれかなと思います。

プラグインかなと思います。

こちらで解説されている「読み込む」が表示されているのでこれであってそうです。

「読み込む」をクリックしてファイルを参照します。

プラグインが読み込まれました。

再度、「To Do」アプリの設定からプラグインをクリックすると表示されました。

追加をクリックします。

必須項目が設定されていないので、設定マークをクリックします。

設定内容を設定する画面が表示されます。

developer networkに記載があるとおりに設定して保存します。

アプリの更新をして、レコードを表示すると表示されました。

比較して感じること

比較的容易なカスタマイズでした。1時間程度でしょうか。

最低限のものは表示できます。

ドラッグアンドドロップへ変更や、一覧画面からレコードの追加（コピー）ができると

Excelと遜色ない機能だと思います。

Dynamics 365ではもう少し高機能ですが、利用方法を理解するまでは数十倍の時間がかかると思います。