Blog

BLOG

2021.04.19

Salesforce の入力画面を作ってみよう

このエントリーをはてなブックマークに追加

クラウドソリューション部 エンジニアの古賀です。

Salesforce はノンプログラミングで様々な機能を作成出来ます。
但し、標準の機能だけでは出来ることに限度があります。
データの入力画面はシンプルで良いのですが、もう少しデザインが変えれたら良いのにと思うかもしれません。
そこで入力画面をカスタマイズして作ってみましょうというのが今回ご紹介する内容になります。

入力画面をカスタマイズして作ってみよう

これが取引先の標準の編集画面です。

もちろん基本的な入力は問題ありません。
コメントがあればツールチップで表示させることも出来ます。

でも、文字を大きくしたり色を変えたり、注釈を表示させるようなことは出来ません。
ちょっと痒いところに手が届かないです。

簡単にというわけにはいかないですが、入力画面をもっと利用者に優しく作ったりすることが出来ますのでご紹介します。

ここでは Visualforce(ヴィジュアルフォース)というものを利用します。
HTMLの知識があると理解がしやすいと思います。
Visualforce を使って、カスタマイズした入力画面を作りましょう。

設定メニューの中にある「Visualforce ページ」を選びます。

「新規ボタン」を押すと、以下のようにコードを書くようなスペースが出てきます。

オブジェクト名と項目名で作ることが出来ます。
取引先の電話番号であれば「 {! Account.Phone } 」です。
ここにはCSSを記述したり、HTMLのタグを書いたり出来ます。
標準機能にあるセクションも利用できます。

タグも何でも使えるわけではありませんが、画像を貼ったり文字の大きさや色を変えたりテーブルを組み込んだり等の簡単なタグなら使えます。
具体的なコーディングの解説は長くなるので省きますが、Webシステムに携わったことがある人であればピンとくると思います。

編集画面の上部にあるプレビューボタンで状態を確認できます。
また問題があれば、保存や適用ボタンを押したときにエラーメッセージが表示されるので、適切に修正してください。

今回作成したものは、編集画面ではなく新規登録の画面になります。
Salesforce のタブを追加して、そのタブに作った画面を配置します。

設定メニューの「タブ」を選択して、Visualforce  タブで「新規」を選びます。

新規 Visualforce タブ画面で、作成したVisualforce ページを選択します。
その後は次へ次へと押していただき、保存をします。

トップページのタブの中に、「タブの表示ラベル」で設定したページが表示されています。

このように標準の入力画面では表現できないような入力画面を作成することが出来ます。
今回は新規登録の画面でしたが、編集画面なども作れます。

コーディングが必要なので誰でも容易に出来るものではありませんが、入力画面に強調文字や注釈を入れたいなど、利用者に判りやすい画面を作りたい場合には、このような方法もあるということをご紹介しました。

このような画面を使いたいが、自分でコーディングするのが難しいと思われる場合には、サンビットまでご相談ください。

カレンダー

«4月»
日 月 火 水 木 金 土
    1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30  

最近のエントリー

接続アプリケーションから外部クライアントアプリケーションへの移行

2026.09.24

SalesforceのSpring ’26以降、新規作成が制限される「接続アプリケーション」に代わり、次世代の「外部クライアントアプリケーション」を利用する方法を解説します。クライアントログイン情報フローの設定から、Talend API Testerを使ったアクセストークンの取得、REST APIによるAccount情報の取得まで、実際の手順に沿って紹介します。

AI時代の新たな脅威!「標的型攻撃メール」【第17回 情報セキュリティブログ】

2026.09.18

生成AIの進化によって、見破ることが難しくなっている「標的型攻撃メール」。差出人の偽装、緊急性をあおる文面、不審な添付ファイルやURLなど、注意すべき4つの特徴を解説します。さらに、社長になりすましてLINEへ誘導する「CEO詐欺」や、MFAの再設定を装う「QRコード詐欺」といった最新手口を紹介し、迅速に報告できる組織づくりの重要性を伝えます。

ラージボール卓球 ~2026年度 男女および級別ダブルス卓球大会~

2026.09.14

昨年度優勝した相性の良い大会で、今年もA級男子ダブルスの上位進出を目指して熱戦に挑みました。予選で完敗したペアへの雪辱、前回の決勝相手との接戦を経て、結果は見事準優勝。パートナーとの連携が勝敗を左右するダブルスならではの難しさや、決勝で攻略できなかった「カットマン」への新たな闘志をつづります。

会社を続けるということ ~企業寿命30年説と創立80周年~

2026.09.07

会社が長く存続することは、決して当たり前ではありません。取引先の破産を知った時期に迎えた、親会社・橋口電機の創立80周年。企業寿命30年説や橋口電機が幾度もの経済危機を乗り越えてきた歴史を振り返りながら、堅実な財務基盤と変化への挑戦を両立し、SUNBITが長寿企業として歩み続けるための経営について綴ります。

アーカイブ

ブログ内検索

  1. TOP
  2. BLOG
  3. Salesforce の入力画面を作ってみよう