ページフッターの追加
メモ
日本語で受講されている方へ
このバッジの Trailhead ハンズオン Challenge は英語で受講していただく必要があります。英語の意味についてはかっこ内の翻訳をご参照ください。Trailhead Playground では (1) [Locale (地域)] を [United States (米国)] に、[Language (言語)] を [English (英語)] に切り替えて、(2) 英語の値のみをコピーして貼り付けてください。こちらの指示に従ってください。
翻訳版 Trailhead を活用する方法の詳細は、自分の言語の Trailhead バッジを参照してください。
Lightning Web コンポーネントは Salesforce で推奨される UI 構築方法です。「Visualforce から Lightning Web コンポーネントへの移行」トレイルを参照し、LWC を使用して現行の Web 標準に準拠する方法を学習してください。Visualforce について詳しく学習する場合は、このバッジの獲得を続行してください。
はじめに
このプロジェクトでは、Lightning Design System と Visualforce を使用して、取引先責任者をタイルコンポーネントとして表示するページを作成します。このページには Lightning の新しい UI のデザインをそのまま使用するため、作成中に CSS を 1 行も記述する必要がありません。
Lightning Design System は、次の数種類の要素で構成されています。
- CSS フレームワーク
- HTML コンポーネント
- アイコン
- 設計トークン
- 設計ガイドライン
このプロジェクトでは CSS フレームワークと HTML コンポーネントを中心に説明し、アイコンについても簡単に言及します。Lightning Design System についての詳細は、Lightning Design System サイトのドキュメントをご覧ください。
「Lightning Design System」では長いので、ここでは「Design System」と呼ぶことにします。
取引先責任者リストの作成
操作内容
- 取引先責任者のリストを表示する Visualforce ページを作成する
これから次のようなシンプルなワイヤーフレームを作成していきます。このワイヤーフレームは、先頭にページヘッダー、その後に取引先責任者タイルのリスト、最後にフッターという構造です。
リソース
設定の確認は行いません。[Verify Step (ステップを確認)] をクリックして、プロジェクトの次のステップに進みます。
