Pirago

kintoneのPDF帳票出力プラグイン開発

kintoneのPDF帳票出力プラグイン開発

プロジェクト概要

事業
kintone 帳票出力 SaaS
技術
PHP, Javascript(VueJS)
担当行程
要件定義・基本設計・紹介設計・製造・テスト

ユーザー課題

課題解決に向けた提案

  • kintoneのデータから、ボタンクリックで自動的にPDFファイルを作成できるPDF帳票出力プラグインを開発しました。

システム開発内容

  • kintoneプラグイン開発は基本的にJavascript言語でできますが、PDF帳票出力プラグインは多少複雑な処理があるので、Javascriptで全部開発するのはすごく大変です。 そこで、別のアプローチで開発を行いました。イメージは
  • ①kintoneアプリでJavascriptプラグインファイルをアップロードする ②PDF帳票出力はJavascriptプラグインファイルでバックエンドのAPIを呼び込む
  • 上記の対応には色々とメリットがあります。
  • ・複雑な処理はバックエンドにするので開発とメンテナンスが比較的楽になる ・リリースの時、ほぼバックエンドだけリリースするのでエンドユーザーの影響はほとんどない PDF帳票出力プラグインはユーザーが簡単にPDF帳票を作成できるよう、下記の機能も開発しました。 ・テンプレートのPDFファイル利用可能:利用中のテンプレートをアップロードして、kintoneアプリのデータからPDFファイル出力できる ・ドラッグ・アンド・ドロップで、kintoneアプリのフィールドデータが、テンプレート上のどこに・どのように表示するか設定できる ・バッチでkintoneアプリの複数レコードからファイルを生成できる ・自動的にPDF帳票出力ファイルをkintoneアプリの添付フィールドにアップロードできる また、UX(ユーザーエクスペリエンス)を大切にしており、PDFテンプレートは簡単に設定出来るよう、ドラッグとドロップで設定したいので、 VueJSというフロントフレームワークを利用しております。 システム全体は下記の画像をご参照下さい。

工夫したポイント

  • ボタンクリックで簡単にPDF帳票出力できます。
  • PDFファイル出力することについてはプログラミングが複雑です。フォント・位置・画像添付・自動ページネーションなどの課題に対応する必要があります。
  • 幅広いユーザーに使って頂けるよう、SaaSのサービスとして提供しました。

改善効果 or お客様の声

  • 現在PDF帳票出力プラグイン以外に他の四つプラグインもSaaSとして提供しています。