![見出し画像](https://assets.st-note.com/production/uploads/images/144476750/rectangle_large_type_2_f9c63a23aa9882b3f85a99016e729fc5.jpeg?width=1200)
【Salesforce】Excelライクな閲覧/編集を可能に!?~実践編~
(※こちらの記事は前回の記事の続きになります)
この記事で学べること
「Mashmatrix Sheet」を詳細ビューへ埋め込む方法
はじめに
お久しぶりです。CREFILのコンサルタント、永井です。
前回投稿した記事では、SalesforceでExcelライクな閲覧/編集ができるようになる便利ツール「Mashmatrix Sheet」のご紹介をいたしました。
今回は実践編として、Sheetのつくり方からMashmatrix Sheetを詳細ビューに埋め込む方法をレクチャーいたします!
<完成イメージ>
![](https://assets.st-note.com/img/1649057997485-S8KmyuEG2q.png?width=1200)
実際にSheetを作ってみる…
事前準備として、「成績管理」というカスタムオブジェクトを作成してみました。
![](https://assets.st-note.com/img/1649059371699-r1nRpyF65i.png?width=1200)
標準の詳細ビューでも使えなくはないですが、やはり表形式で見れた方が一目でパッと点数が分かりやすいですよね!ではこのオブジェクトを元にSheetを作成していきます。
![](https://assets.st-note.com/img/1649059587720-h4pzAlsMPo.png?width=1200)
↑↑↑Mashmatrix Sheetのアプリケーションを開き、左下の「+」マークをクリックする
![](https://assets.st-note.com/img/1649064694821-7pXU1PCIr9.png?width=1200)
↑↑↑ポップアップが出てきたら先ほど準備した「成績管理」オブジェクトを選択し、「作成」ボタンをクリックします(「ブックの名前」は任意で設定してください)
![](https://assets.st-note.com/img/1649060212731-AN6YKIygbR.png?width=1200)
↑↑↑Sheetの作成が完了しました(早い!)
この状態では自分だけしか閲覧できないので、全体公開するための設定を行います。右上の「共有先▼」をクリックし、「共有先フォルダを変更」をクリック
![](https://assets.st-note.com/img/1649060425866-G26XKbFubx.png?width=1200)
↑↑↑ポップアップが出てきたら、「組織全体」にチェックを入れ、「適用」ボタンをクリック
これで全てのユーザがこのSheetを閲覧できるようになります
(「新しいフォルダを作成」でSheetを管理するフォルダを作成し、どのユーザが閲覧できるのかを設定することもできます)
![](https://assets.st-note.com/img/1649060740435-INx63HXGo4.png)
↑↑↑まだ名前(Name項目)だけしか表示されていないので、表示する項目の設定をします
表のヘッダーの「▼」をクリック
![](https://assets.st-note.com/img/1649060820825-Sj8YYrU4Tc.png)
↑↑↑「+ 列を追加」をクリック
![](https://assets.st-note.com/img/1649060866131-pP3JGofMrt.png?width=1200)
↑↑↑ポップアップが出てきたら、表示させたい項目に✓を入れて「追加」ボタンをクリックします
![](https://assets.st-note.com/img/1649060925662-MglkW7dcPw.png?width=1200)
↑↑↑先ほど✓を入れた項目が表示されました!
![](https://assets.st-note.com/img/1649061090830-4F4cy9ZPrU.png?width=1200)
ひとまずSheetの作成は完了です!
続いて、このSheetを実際に詳細ビューに埋め込む方法をレクチャーします!
Sheetを詳細ビューに埋め込んでみる…
作成したSheetを詳細ビューに埋め込んでみましょう!
![](https://assets.st-note.com/img/1649061431114-OBN6CNVq3n.png?width=1200)
↑↑↑ブックの歯車マークをクリック
![](https://assets.st-note.com/img/1649061511162-HHnDeMedxl.png?width=1200)
↑↑↑ポップアップが出てきたら、「ブックID」の文字列をコピー
次は詳細ビュー側の作業になります。詳細ビューの編集ページを開きましょう
![](https://assets.st-note.com/img/1649061591362-TWomMU1fL1.png?width=1200)
↑↑↑左側のコンポーネント一覧から「Mashmatrix Sheet」を選択して、ドラッグアンドドロップ
「Book ID」に先ほどコピーした文字列を貼り付けます
![](https://assets.st-note.com/img/1649061734146-Q0jEU1htdV.png?width=1200)
↑↑↑詳細ビューにSheetが適用されました!!(パチパチ)
ひとまず完成ですが、このままだとどのレコードを見ても全員の成績が表示されてしまっているようです。。。
![](https://assets.st-note.com/img/1649061835847-HRfLOaCcTP.png?width=1200)
![](https://assets.st-note.com/img/1649061842771-VxIJbs1yJy.png?width=1200)
今回はレコードによって表示させる内容を出し分けたいので、フィルタの設定を行っていきます!
フィルタを設定してみる…
「Mashmatrix Sheet」側でフィルタの設定をしてみます!
![](https://assets.st-note.com/img/1649062697478-rCKiyUtqSP.png?width=1200)
↑↑↑「カスタムオブジェクトID」の列を追加する
![](https://assets.st-note.com/img/1649062725338-ohJdjtEprC.png)
↑↑↑カスタムオブジェクトIDの「▼」をクリックし、「フィルタ」を選択
![](https://assets.st-note.com/img/1649062516934-m1jAMAtNom.png?width=1200)
↑↑↑ポップアップの右端のアイコンをクリック
![](https://assets.st-note.com/img/1649062884303-Mx1f7XwiQq.png?width=1200)
↑↑↑「参照の種別」のプルダウンリストから「関連するレコードID」を選択します
![](https://assets.st-note.com/img/1649062950786-SJ7E9BgSB2.png?width=1200)
↑↑↑「適用」ボタンをクリック
これでフィルタ設定も完了しましたが、「カスタムオブジェクトID」は見えなくてもいい項目ですので、非表示設定を行います
![](https://assets.st-note.com/img/1649063123848-As5q2DXK4f.png?width=1200)
↑↑↑カスタムオブジェクトIDの「▼」をクリックして、「非表示」を選択
お待たせしました!これにて完成です~!
詳細ビューを見ると、ちゃんとフィルタリングされていることが確認できました!
![](https://assets.st-note.com/img/1649063272233-wn3ekL2atD.png?width=1200)
![](https://assets.st-note.com/img/1649063441886-PtAtXz9V2p.png?width=1200)
補足….
フィルタリングは上手くできましたが、1行だけ表示させるのにはコンポーネントの高さが余りすぎですね、むむむ…..。詳細ビューの編集ページで高さ調節をしてみましょう!
![](https://assets.st-note.com/img/1649063686851-x22K32lWGc.png?width=1200)
↑↑↑「Height」に数値を入力します。今回は150pxで設定してみます。
(※単位はpx, em, rem, %, vh, vwが対応しているそうです。数字だけの入力だと、自動でpxが適用されます。)
これでほんとのほんとに完成です~!おつかれさまでした!!!
![](https://assets.st-note.com/img/1649064007726-1wLoNIoCXV.png?width=1200)
次回記事のご紹介
いかがでしたでしょうか?
手順は少し複雑かもしれませんが、実際に操作してみるとそんなに難しくはないはずです!
次回はMashmatrix Sheetの特徴のうち
④Salesforce標準では出来ない書式設定が可能
について投稿する予定です。
書式設定やちょっとしたテクニックについてご紹介できればと思います。
参考になったり、「いいね」と思った方はハートをいただけたらとてもうれしいです◎
ご覧いただき誠にありがとうございました~!それではまた!