こんにちは。Garoonプロモーションチームです。先日クラウド版Garoon 2017年6月版の新機能を前編、後編でご紹介しました。

しかし、こちらの記事であまり触れていなかった新機能が一つあります。それはJavaScript API。昨年11月のCybozuDaysで告知してから半年以上、大変お待たせいたしました、Garoon6月版にて無事に搭載されました！今回搭載されるのはワークフローのAPIです。Garoonのワークフローのちょっとめんどうなところを、JS/CSSカスタマイズを使って解決できるようになります。

→GaroonのJS API一覧はこちら

具体的にどんなカスタマイズができるんだろう？事例を知りたい！という方も多いと思いますので今回はサイボウズ社内で既に実装されているカスタマイズの例をご紹介します。

コピペをなくしたい

Garoonのワークフロー、サイボウズ社内でもさまざまな申請業務で使っていますが、社員がよく使うのは「旅費申請」です。特に営業メンバーは毎日どこかに外出しているので、月末になると、旅費申請のワークフローを出すのに多くの時間を取られてしまっていました。この作業をなんとか効率化したい・・・ということで、申請作業を見直してみると意外と「無駄なコピペ」が多いことが分かりました。例えば

こんな単純な作業は機械に任せてしまおう！ということで2つのカスタマイズを実装しました。

カスタマイズ①スケジュールとワークフローの連携

まず、旅費申請のときに、その月の外出予定を1つ1つ探して入力する作業の自動化です。Garoonのスケジュールとワークフローを連携して、こんなカスタマイズをしてみました。

「旅費申請」の申請画面に新しく表示された「予定を取得する」ボタンをクリックすると、Garoonのスケジュールから「往訪(外出)」の予定だけを検索し、申請画面に自動でコピペします。

社内で初めてこれがお披露目されたときには自然と拍手が沸き起こるほど、待ち望まれていたスケジュール連携のカスタマイズ。旅費申請を行う企業であればどんな企業でも使えるカスタマイズですので、ぜひ試してみてください。

→サンプルコードを見てみる。

カスタマイズ②ワークフロー同士の連携

次に遠方出張の「旅費申請」で、「出張申請」の内容をコピペする作業を自動化します。サイボウズでは東京⇔大阪などの遠方へ出張に行く場合は、事前に「出張申請」、帰社後に「旅費申請」を提出する必要がありますが、これらの記載内容は重複することが多くあります。そこで、こんなカスタマイズを実装しました。

承認済みの「出張申請」の画面に追加された「旅費申請を提出」ボタンをクリックすると「旅費申請」の申請画面が立ち上がり、必要な項目は自動でコピペしてくれます。

「コピペやめたい・・」は社内でもお客様先でもよく聞くお悩みです。ボタン一つで解決できるようになれば、業務の効率化に繋がりそうですね！

→サンプルコードを見てみる

おわりに

今回は、出張や旅費の申請で使えるカスタマイズをご紹介しました。どの企業、団体でも発生する申請なので、自社に合わせてアレンジしつつ、ぜひ取り入れてみてください！次回は、Garoonとkintoneを連携させるカスタマイズをご紹介します。

サイボウズ アシスタントプロダクトマネージャー　ユウコ