16
4

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 5 years have passed since last update.

kintoneAdvent Calendar 2019

Day 19

kintone Spreadsheetプラグインを作り直している話

Last updated at Posted at 2019-12-18

Spreadsheetプラグインについて

kintoneの一覧画面をExcelのようなスプレッドシートの見た目で閲覧、編集をするためのプラグインを作っています。
https://github.com/mura-/kintone-spreadsheet

正確には、もともと下記リポジトリで作っていたのを書き直している状況です。

https://github.com/mura-/kintone-spreadsheet-no-longer-maintained
image.gif

なぜ書き換えたか、変えたこと

最初書き始めたのが4年前で古く、コードの品質もよくない、タスクランナーなどの周辺ツールも古いという点と、そのためにここからグレードアップしようにもやる気がしないという点が大きいです。

今回の新開発からは、下記のようにHandsontable使っている以外は、色々変えて作り直しています。

今回 前回
言語 TypeScript JavaScript
ライブラリ React, kintone UI Component Vue
グリッド表示ライブラリ Handsontable Handsontable
バンドラ Webpack + plugin-uploader Gulp + browserify

今回vueからreactに変えたのは、kintone UI Componentとも親和性が高いのもありますし、Vueよりは記述量が増えてしまいますがプリミティブに書きやすいという僕の好みによります。
kintone plugin-uploaderも今回利用しており、Build後コマンドラインでアップロードできるようにもしています。Watchモードにおいては、再Build後自動でアップロードするよう、WebpackのPlugin設定を変更して開発・デバッグしやすくしています。

現在の進捗

現時点では設定画面から任意のフィールドを表示する、というところまではできています。
no longer maintainedの方は編集までできますが、まだ追いつけていません。

今後どうするか

ひとまずno longer maintainedで実装できていた, データ編集までは実装を進めます。
その後はまだ検討中ですが、少しずつグレードアップしていく予定です。

ちなみに、krewSheet など、すでに展開されているサービスと違うのは、機能はだいぶ少ないですが、無料、あるいは低価格で使えることを目指しています。(半分趣味)

もしくはIssueに要望をいれていただければそこから対応するかもしれません!要望あればぜひご意見ください。

16
4
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
16
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?