ホーム画面にmitocoのLightningコンポーネントを配置する方法

mitocoでは「Lightningコンポーネント」を用意しておりますので、それらをホーム画面などに配置して、mitocoをより便利にご利用いただけます。


「Lightningコンポーネント」とはSalesforceの画面上で利用できる部品のようなものでして、mitocoのLightningコンポーネントをホーム画面に配置することで、次のようなことが実現できます。

  1. ホーム画面にmitocoのメニュー一覧を表示する

  2. ホーム画面上から最新の掲示板の投稿、ToDo、直近のカレンダー上の予定、トーク上のコメントなどを確認する

mitocoのLightningコンポーネントを活用すると「ToDo」や「カレンダー」に登録された情報をアプリ開くことなく、ホーム画面から最新の情報を確認できるので非常に便利です。

mitocoコンポーネントの概要


mitocoのLightningコンポーネントは以下の通りです。

名称
英語名
概要
mitocoアプリケーション一覧
mitoco Applications
mitoco アプリケーションへのショートカットです。掲示板、トークなど、各機能のページに移動できます

今日の掲示板
Today's BBS
当日更新のあった投稿を一覧表示します。投稿のタイトルが一覧表示され、クリックするとホーム画面上から記事の内容を確認できます

私のタスク
My ToDo
ログイン中ユーザの、未完了の「Todo」を一覧表示します。

また、このコンポーネントではホーム画面からタスクを「完了」に変更できます。各タスクをクリックすると、mitocoのToDo画面を表示します

最新のコメント
Latest Comments
mitocoトークに投稿された、最新コメントを表示します。自分宛のメッセージ、ルームへの投稿に分けて表示されます

My Calendar
My Calendar
mitocoカレンダーに登録された、ログイン中ユーザーの直近の予定を表示します
当日や翌日など、差し迫った予定を確認する際に便利です

通知コンポーネント
mitoco Notification Component
mitoco通知コンポーネントです。
通知を開かずにメンションや掲示板への投稿があったことをホーム画面上で確認できるちょっと便利な機能です



これらのコンポーネントを配置したホーム画面の例がこちら。

mitocoコンポーネントの配置

mitocoのコンポーネントを利用するためには、Lightningアプリケーションビルダーを利用して配置します。

*Lightningアプリケーションビルダーの詳細については、Salesforceの公式ヘルプサイト にも記載があります。

1. Lightningアプリケーションビルダーを表示する

さっそく、Lightningアプリケーションビルダーを表示しましょう。

  1.  コンポーネントを配置したいホーム画面を表示

  2. 画面右上の設定アイコン(ギアマーク)→編集ページをクリック

2. mitocoメニューを配置する

Lightningアプリケーションビルダーが表示されます。画面の左側に、配置できるコンポーネントが一覧表示されています。mitocoのLightningコンポーネントは下の方にあります。

ちなみに、このLightningアプリケーションビルダーはmitocoに関するものに限らず、各画面のレイアウトを設定するためのアプリです。

Lightningアプリケーションビルダーでは自由にコンポーネントを配置することができますが、ひとまずここでは画面の最上部に、「mitocoメニュー」を配置してみましょう。

  1. 画面左の「コンポーネント」の下部に「カスタム・管理」があります。その中から「mitoco Applications」を選択

  2. 選択した「mitoco Applications」をドラッグ&ドロップで、画面の最上部に配置

3.その他のmitocoコンポーネントを配置する

続いてメニュー以外のコンポーネントを配置しましょう。今回はmitocoのアプリケーションメニューの下に「今日の掲示板」を、「My Calendar」を画面右の最上部に配置して見ましょう。

  1. 「コンポーネント」→「カスタム・管理」→「Today's BBS」を選択し、「mitocoアプリケーションの真下の位置にドラッグ&ドロップ

  2. 「コンポーネント」→「カスタム・管理」→「My Calendar」を選択し、画面右上にドラッグ&ドロップ


これでmitoco掲示板に投稿された情報や、mitocoカレンダーに登録された今週の予定をホーム画面に表示できました。



*本記事で紹介した内容については、公式ヘルプサイト にも記載がありますのでそちらもご参考にしてください。

keyboard_arrow_left

一覧に戻る

keyboard_arrow_left