kintone サイボウズLive化作戦（イベントカレンダー編）
★この記事は「kintone Advent Calendar 2017」の４日目の記事です。
みなさんこんにちは。プロジェクト・アスノート代表の松田です。無料で使えるグループウェアとして、多くの人に愛されていたサイボウズLiveが、残念ながら2019年4月１５日をもってサービス終了になることが決まりました。この発表を受けて、さまざまなサービスが移行受け入れ発表を行い、移行ユーザー獲得ブームが起こっています。
今回は、同じサイボウズのkintoneを使って、サイボウズLiveの機能を再現してみます。
kintoneはプログラムのコーディングをしないでも、マウスのドラッグアンドドロップ操作によって業務アプリを自分で作ることができます。
この記事では、kintoneの標準機能で、サイボウズLiveのイベント（カレンダー）の機能を再現したアプリを作るための手順と考え方を解説します。
★記事の最後で、今回作成したkintoneスペースのテンプレートおよび、アプリセットのテンプレートをダウンロードできます。kintoneアプリ作成初心者の人はぜひ参考にしてみてください。
▼関連記事：「kintone サイボウズLive化作戦」シリーズ
作成するkintoneアプリのイメージ
さっそくkintoneアプリでこれらのデータを取り込んだアプリを作ってみます。
設定のフォーム画面で、次のようなフィールドを配置していきます。各フィールドの配置はお好みで、使いやすいように配置していきます。
下図のようなアプリのフォームを作りました。
種別（ドロップダウンフィールド）の設定内容
ドロップダウンフィールドの設定は、フィールドを配置した後に、配置されたフィールドの右上にマウスを持っていくと表示される歯車アイコンから設定画面を開き、ドロップダウンの選択肢などを設定していきます。「項目と順番」のところに、選択肢を設定します。＋ボタンとーボタンで項目を追加・削除したり、左のアイコンをドラッグして並び順を変えたりすることができます。
サイボウズLiveには「この更新を通知する」というチェックボックスがありました。
このチェックを入れておくと、新規登録時や内容更新時にその変更があったことを、グループのメンバーに通知することができます。これもkintoneの通知機能を使って実現できそうです。
更新するかどうかを選択するために、何かスイッチとなるものが必要です。
そこで、チェックボックスフィールドを設置してみましょう。ここでは複数の選択肢ではなく、あえて項目は１つだけとしてみます。
選択肢タイプのフィールド ラジオボタンとチェックボックスの使い方の違い
- 複数ある選択肢から、必ずどれか１つを選択させる場合はラジオボタンを使います。
初期設定として、どれか１つが選択された状態になります。 - チェックボックスは、選択肢の中で１つまたは複数の選択肢を選択させたい場合に使います。
何も選択しないことが可能です。
これでアプリのフィールド設定はOKですね。
次に、予定を表示するためのカレンダー形式の画面を作っていきます。
カレンダー形式の画面も、一覧画面の１つの種類という考え方となっています。
ここまで設定したら、一度どのように表示されるのかを確認してみましょう。確認用のレコードを１，２個登録しておきます。
カレンダー表示をちょっと工夫したい
先ほどのカレンダーの設定で、タイトルの表示フィールドに「タイトル」フィールドを設定しました。このタイトルフィールドには、その予定のタイトルを入力するという使い方をします。開始時間はすでに表示されていますので、タイトルの前に終了時間が表示されれば、「開始時間-終了時間 タイトル」という表示を実現できそうです。
自動計算では数値の計算以外に、文字列の結合もできます。
- アプリのフィールドのデータを使う場合は、「フィールドコード」を入力
自動計算に関するヘルプは、文字列（１行）フィールドの設定画面の「？」アイコンからも開くことができます。
さぁ、実際にどのように表示されるか確認してみましょう。
下の図のように、開始時間と終了時間、そしてタイトルが表示されるようになりました。
ここまでで、アプリの入力フォームとカレンダー表示の設定が終わりました。
最後に、通知機能を設定していきたいと思います。
Everyoneの設定のしかた
通知内容をカスタマイズする
実際に通知するチェックを入れて新しい予定を登録してみたところ、ちゃんと通知が配信されていました。
ちょっと気になるところを手直ししながら、通知機能の調整をしていきます。
まず、通知のタイトルが「１」となっていて、どんな予定なのかがわかりません。
レコードのタイトルを設定する
通知のタイトルには、アプリの設定の中にある「レコードのタイトル」という設定が使われますが、ここのデフォルト設定が「レコード番号」となっているため、通知タイトルが「１」のような数字になってしまっています。
タイトルとして「レコード番号」ではなく「タイトル」と設定すれば、１の代わりに予定のタイトルが表示されるようになります。これで予定の内容はわかるようになりましたが、いつの予定なのかがわかりません。
レコードの条件通知で設定できるメッセージは固定で記入した内容だけです。なのでここに表示するべき内容を、アプリのフィールドとして用意してあげる必要があります。
レコードのタイトルが影響するところは以下の機能です。レコードタイトルの初期設定は「レコード番号」になっていますので、以下の機能を使う場合は忘れないように設定変更しておきましょう。詳細はヘルプ参照。
- 通知のタイトル
- 検索結果の一覧で表示されるタイトル
- モバイル表示（ブラウザー、アプリ）での一覧画面
レコードタイトルに設定するためのフィールドを作る
今回は通知用のタイトルとして、「2017/11/8 10:00 -12:00 kintone基礎講座(松田正太郎)」と表示されるようにしてみましょう。
先ほどカレンダーの表示用のタイトルを作ったのと同じ要領で、今度は通知用タイトルを設定します。
アプリの設定＞フォーム から、「文字列（１行）」フィールドを追加します。フィールドの設定は以下のようにします。
- 自動計算チェックを入れる
- 計算式の設定は以下のように設定しました
DATE_FORMAT(日時１, “YYYY/M/d HH:mm”, “system”) & ” -” & DATE_FORMAT(日時２, “HH:mm”, “system”) & ” ” & タイトル & “(” & 作成者 & “)”
※詳細はヘルプを参照 https://jp.cybozu.help/ja/k/user/date_format
フィールドの設定は下図のようになりました。
実際にレコードを登録して自動計算の結果を確かめてみると、ちゃんと目的の表示となっています。
すでに登録されているレコードがあるアプリに、自動計算や計算フィールドを追加した場合、既存のレコードを開いた状態では計算結果は表示されていません。自動計算が処理されるタイミングは、アプリの編集画面でデータが入力・修正されたタイミングと、レコードが保存されるタイミングになりますので、「一度編集画面にして保存する」という作業が必要になります。
フィールドの準備ができたので、レコードタイトルの設定を変更します。
アプリの設定＞設定タブ＞その他の設定＞レコードのタイトル で、先ほど作ったフィールドをタイトルに設定します。
実際に試してみたところ、通知のタイトルも設定されるようになりました。
kintone内の通知では、タイルの幅に入り切らないので右が切れてしまいましたが、メールの通知ではきちんと全文が表示されています。
kintoneの標準機能で、サイボウズLiveのイベント（カレンダー）の機能を再現したアプリを作りました
- アプリの入力フォームの作成と、カレンダー表示設定、通知の設定を行いました
- カレンダーへの表示タイトルや、通知のタイトルに情報が不足する場合は、文字列結合を用いた自動計算を使うことで、表示用のフィールドを作ることができます
▼関連記事：「kintone サイボウズLive化作戦」シリーズ
★下のダウンロードボタンから、今回作成したkintoneスペースのテンプレートおよび、アプリセットのテンプレートをダウンロードできます。kintoneアプリ作成初心者の人はぜひ参考にしてみてください。
スペーステンプレートのダウンロード アプリテンプレートのダウンロード
※スペース（スペース内アプリやスレッドを含む）をまるごとテンプレートで再現したい場合は、スペーステンプレートをダウンロードしてください。アプリをスペース内ではなく通常のポータルに設置したい場合は、アプリテンプレートをダウンロードしてください。
次の記事：kintone サイボウズLive化作戦（ToDoリスト編）
kintone導入・活用のご相談はこちら！
◇ kintone導入がなかなか進まない
◇ アプリが思ったような動きをしてくれない・・・
◇ カスタマイズやプラグインをどう選んだらいいの？？
◇ 業務改善の進め方がよくわからない
サイボウズ公認 kintone エバンジェリストの 松田正太郎があなたの相談相手になります。
保有しているkintone認定資格：
・kintone認定アソシエイト（2017）
・kintone認定アプリデザインスペシャリスト（2017）
・kintone認定カスタマイズスペシャリスト（2020）
★業務改善アドバイス、kintone構築支援
★連携サービス・プラグイン選定支援、カスタマイズ
★詳細ヒアリングの上、御社に最適なプランを提案します
★初回打合せ（2時間程度）は無料。まずはお問い合わせください！（WebミーティングOK）