2月5日、第20回目の勉強会が開催されました。
　今回のテーマは、「SFDCのrecord hunter」と、「FigmaというUI/UXツールについて」です。どちらも大変勉強になりました。

SFDCのrecord hunter

　Record Hunterとは、Salesforceのレコード検索画面を簡単に作ることができるAppExchange（Salesforceの拡張機能）です。Salesforce公式から提供されています。
　特徴としては、プログラミングによる開発が必要ないという点が挙げられます。クリックベースでの設定だけで簡単かつ迅速に画面を作成することができます。

Record Hunterでできることの一覧

　Record Hunterには以下の機能があります。

• ・検索対象オブジェクト名と検索条件項目名を指定するだけで、簡単に検索画面が構築できます。
• ・検索条件項目は対象オブジェクトの項目だけでなく、親オブジェクトの項目も設定可能です。
• ・キーワード検索と項目を使った条件検索が同時に利用可能です。
• ・検索ロジック(AND, OR)もカスタマイズ可能です。
• ・検索条件項目のレイアウト表示(列数)指定が可能です。
• ・検索結果に表示する項目の指定が可能です。
• ・検索条件項目のデフォルト値設定が可能です。

設定方法

　Record Hunterの設定方法です。それほど時間をかけることなく利用まで漕ぎ着けることができます。

　１、Record Hunterを利用する環境にインストールします。
　２、検索対象のオブジェクトに移動します。
　３、アプリケーションビルダーに入り、「コンポーネント」からサーチボックスとデータテーブルをそれぞれ追加します。（サーチボックスが検索フィールドを表示する部分に、データテーブルが検索結果を表示する部分になります。）
　４、お好みの設定にします。レイアウトやタイトル、デフォルト値など様々な設定ができます。

　便利ですね！この拡張機能自体をカスタマイズすることによって、さらに機能を洗練させることもできるようです。ぜひ１度使ってみてはいかがでしょうか。

FigmaというUI/UXツールについて

　Figmaとは、ブラウザ上で利用できるUI/UXデザインツールです。つまり、ウェブページのデザインを、HTMLやCSS、JavaScriptの記述なしにできちゃうツールです！
　類似ソフトとしては、Adobe XDやSketchがあるようですが、Figmaはそれらのツールに比べてどこが優れているでしょうか？

Figmaを選ぶ理由

　Figmaの特色は以下の通りです。

• ・ブラウザ上で使えるので環境に依存しない
• ・コンポーネント機能があり、既存の部品を使い回すことが可能
• ・複数人で共有しながらの作業が可能
• ・プラグイン・アセットが豊富

　以下、それぞれ詳しく見てみましょう。

ブラウザ上で使える！

　Adobe XDとSketchはどちらもローカルで動かすソフトであるため、利用するためにはソフトのインストールが必要です。これは、作成したデザインを共有する際のネックとなります。
　Figmaはブラウザ上で使えるため、大体の環境ですぐにアクセスすることができます。ローカルで動かす場合に比べて共有のハードルはグッと下がりました！

コンポーネント機能が便利！

　Figmaにはコンポーネントという機能があります。ページデザインを細かいパーツに切り分けて保持できる機能です。これによって、別の箇所で使ったパーツを簡単に使い回すことが可能になります。
　さらに、使い回しているコンポーネントの大元での変更を、使い回しているコンポーネントに反映することもできます。この機能がない場合、最初に貼り付けたあとは、コンポーネントのデザインの変更のたびに全てのコンポーネントを更新する必要が生じ、デザインの統一性を保つ作業がとても煩雑になっていしまいます。大変便利な機能だと思います。
　複数のコンポーネントを並べる際にも、簡単にデザインを構築することができます。簡単に並べ替えることができるほか、コンポーネント間の幅も簡単に一律で変更できます。

複数人で共有しながら作業できる！

　デザイン共有へのハードルがとても低いことは先ほど書いた通りですが、便利なコラボ機能も搭載しています。たとえば、ホームの吹き出しアイコンをクリックすると、コメントを追加したい箇所にコメントを追加することができます。この機能によって、誰かが作成したデザインへのフィードバックが容易になり、改善までのサイクルをより早く回すことができます。

プラグイン・アセットが豊富！

　本体だけでも十分便利ですが、機能を拡張する様々なプラグインが提供されています。Figmaで作成したデザインからHTMLを生成する機能や、逆にウェブページからFigmaのデザインを生成する機能など、様々な機能が提供されています！
　また、アセットも豊富です。アセットとは、ウェブページのデザインを構成する様々な要素がセットになったものです。アセットを入手することで、統一感のあるデザインを簡単に実現することができます。

　発表者からは、ウェブページのデザインの他、プレゼンやホワイトボードとしての利用の提案がありました。デザインを自由にブラウザ上で構築できるので、いろいろな活用方法がありそうなサービスだと思いました。