kintoneポータルのカスタマイズをしてみよう！ – cybozu developer network

Index

kintoneのポータル画面は、表示される情報やアプリを数レコード表示するなど、
今までも柔軟ではありましたが、任意のボタンを設置するなど一部できないことがありました。
2019年7月のアップデートでボタンの設置だけでなく、自由にカスタマイズすることができるようになりました。

このように、業務に必要なことだけを表示したり、独自のグラフを表示したり様々なことができるようになりました。モバイルにも同じく適用できます。

今回新たに追加されたポータルカスタマイズ関連機能のポイントを説明します。

ポータルに関するAPIが公開されました。このAPIで、ボタンを置く、リンクを動的に設置する、などのカスタマイズが公式にできるようになりました。

上記のAPIを使えば自由なカスタマイズが可能ですが、HTMLとCSS、JavaScriptのすべての知識が必要になります。
Kintone Portal Designerを使うと、JavaScriptの知識がなくても、HTMLとCSSだけでカスタマイズできます。

Kintone Portal Designer の使い方などについては、下記記事で詳しくご紹介していますのでぜひご確認ください！
Kintone Portal Designerを使ってポータルをデザインしよう

ポータルの設定画面で、ポータルに表示されるコンテンツ（お知らせ掲示板、通知、未処理、スペース、アプリ）を、
それぞれ個別に表示するかどうか設定できるようになりました。

※表示、非表示の設定はユーザーごとではなく、ドメインごとに保存されます。

この設定により、不要なコンテンツを非表示にしてカスタマイズしたポータルを表示させる、という使い方も可能となります。

まずは追加されたAPIを使って、ライトなカスタマイズからやってみましょう。
すでにkintoneで出退勤管理システムがある、という想定で、そのアプリを開かずともポータル画面からできるようにしてみます。

kintone全体のカスタマイズにJavaScriptの設定を追加します。
今回はPC用にボタンを出す想定で、「PC用のJavaScriptファイル」に上記コードのファイルをアップロードします。

出勤・退勤ボタンが設置できました。

JavaScriptの経験が比較的浅い方にとってもポータルの開発が容易になる方法については、次の記事を参考にしてください。

このように、今回のアップデートはよりkintoneを社内のポータルとして充実させるためのカスタマイズができるようになりました。
今後、いくつかサンプルを公開・紹介していく予定ですので、参考にしながら、社内に適したカスタマイズがないか試してみてください！