商品デザイナーを操作する
学習の目的
この単元を完了すると、次のことができるようになります。
- 商品デザイナーのインターフェースについて知る。
- 商品レコードページのさまざまなタブについて知る。
商品デザイナーのインターフェースについて知る
前置きは終わり、これから Devi は、商品デザイナーの環境について学びます。さまざまな商品の情報がどこにあるのか、Devi と一緒に見ていきましょう。
商品デザイナーは管理パッケージ内のアプリケーションであり、アプリケーションランチャー
から検索できます。

商品デザイナーのナビゲーションメニューをクリックします。商品、属性、カタログ、選択リストなどを含む、商品デザイナーワークスペースのドロップダウンリストが表示されます。
![[Product Designer (商品デザイナー)] タブのドロップダウンメニュー。[Products (商品)] が強調表示されている。](https://res.cloudinary.com/hy4kyit2a/f_auto,fl_lossy,q_70/learn/modules/product-designer-basics/navigate-product-designer/images/ja-JP/0fbb163c76e310134a85b4af4af729e6_kix.t3xv5v5snuob.png)
リストから [Products (商品)] を選択すると、既存の商品のカタログが表示されます。
デフォルトでは、絞り込みによって、リストには最近参照した項目のみが表示されます。[Recently Viewed (最近参照したデータ)] を選択してから、[All Products (すべての商品)] を選択すると、全リストが表示されます。
![[List Views (リストビュー)] のドロップダウンにピン留めされた [All Products (すべての商品)]。](https://res.cloudinary.com/hy4kyit2a/f_auto,fl_lossy,q_70/learn/modules/product-designer-basics/navigate-product-designer/images/ja-JP/e2eaf9b47e03a7a4259696b6cf19fe38_kix.kqjinr9xmm2j.png)
あるいは
を選択して、この検索条件をデフォルト表示としてピン留めすることもできます。
ヘッダーのアクションとプロパティ
[Products (商品)] ワークスペースのヘッダーセクションにあるオプションに注目します。
![商品デザイナーのヘッダーにある [Printable View (印刷用に表示)]、[Create New Product (新規商品を作成)]、[Generate Report (レポートを生成)] ボタン。](https://res.cloudinary.com/hy4kyit2a/f_auto,fl_lossy,q_70/learn/modules/product-designer-basics/navigate-product-designer/images/ja-JP/262fc3e7a57c6289bc436387d84486d0_kix.kcotu1gqusq2.png)
商品リストの [Printable View (印刷用に表示)] (1)、[Create New Product (新規商品を作成)] (2)、[Generate Report (レポートを生成)] (3) ボタンがあります。
これらのオプションの下には、リストビューコントロールがあります。ヘッダーのアイコンに注目します。

検索バー (4) を使ってすばやく商品を検索したり、リストビューコントロール (5) を変更したりできます。表示形式をテーブル、カンバン、分割ビューに変更することもできます。最新の商品リストを見るには、リストを更新 (7) します。

さらに、リストビューの編集 (8)、チャートの表示 (9)、リスト項目の絞り込み (10) のオプションもあります。
商品リスト
次に、商品リストを確認します。
![商品リストビューの [Product Name (商品名)]、[Product Code (商品コード)]、[Product Description (商品説明)]、[Product Family (商品ファミリー)] 列。](https://res.cloudinary.com/hy4kyit2a/f_auto,fl_lossy,q_70/learn/modules/product-designer-basics/navigate-product-designer/images/ja-JP/bdd314be0646ac5dde8a3433771c294d_kix.kr20x6yg2n29.png)
リストには、デフォルトで各商品の [Product Name (商品名)] (1) に加え、[Product Code (商品コード)] (2)、[Product Description (商品説明)] (3)、そして関連する [Product Family (商品ファミリー)] (4) が含まれます。
リストビューコントロールを使用して、このリストの列に表示されるフィールドを変更できます。
リストから商品を選択すると、その商品の情報と構成設定が表示されます。
![[All Products (すべての商品)] リストで [Home Internet Solution (家庭用インターネットソリューション)] 商品が強調表示されている。](https://res.cloudinary.com/hy4kyit2a/f_auto,fl_lossy,q_70/learn/modules/product-designer-basics/navigate-product-designer/images/ja-JP/3d1d337543ad70ed19f50436bfaa2e22_kix.rqvi9v5pb615.png)
商品レコードについて知る
商品レコードには、商品に関する情報と複数の構成オプションが含まれます。

商品画面のヘッダー部分には、[Product Code (商品コード)] (1)、[Version Label (バージョンの表示ラベル)] (2)、[Specification Type (仕様種別)] (3)、[Selling Start Date (販売開始日)] (4)、[Status (ステータス)] (5)、および関連する [Object Type (オブジェクト種別)] (6) があります。
次に、商品を表示するタブです。
![商品レコードページの [Details (詳細)]、[Pricing (価格設定)]、[Structure (構成)]、[Attachments (添付ファイル)]、[Attribute Rules (属性ルール)]、[Context Rules (コンテキストルール)]、[Fulfillment (履行)] タブ。](https://res.cloudinary.com/hy4kyit2a/f_auto,fl_lossy,q_70/learn/modules/product-designer-basics/navigate-product-designer/images/ja-JP/ad230681d8f8cbbb3fad2b674f46bba3_kix.i0va9ymvr2i.png)
[Details (詳細)] (1)、[Pricing (価格設定)] (2)、[Structure (構成)] (3) タブがあります。さらに、商品の [Attachments (添付ファイル)] (4)、[Attribute Rules (属性ルール)] (5)、[Context Rules (コンテキストルール)] (6)、[Fulfillment (履行)] 設定 (7) も表示できます。
[Details (詳細)] タブ
まず、[Details (詳細)] タブから見ていきます。
![[General Properties (一般属性)] セクションと Infiwave Phone 10 のイラストを含むペインが表示された [Details (詳細)] タブ。](https://res.cloudinary.com/hy4kyit2a/f_auto,fl_lossy,q_70/learn/modules/product-designer-basics/navigate-product-designer/images/ja-JP/68a50ecb3cd89a5e5ed9036b924eee28_kix.f6xsdqmqdryb.png)
[Details (詳細)] タブには、セクション、フィールド、属性を含む商品レイアウトが含まれます。[General Properties (一般属性)] セクション (1) に表示されている [Name (名前)]、[Product Code (製品コード)] などのフィールドは、商品の関連オブジェクト種別である [Handset (ハンドセット)] から継承されます。商品に添付されている画像ファイル (2) がある場合も、このタブにも表示されます。
[Pricing (価格設定)] タブ
次に、商品の [Pricing (価格設定)] タブを見ていきます。
![[Pricing (価格設定)] タブの [Prices (価格)]、[Promotions & Offers (プロモーションとオファー)]、[Costs (コスト)] セクション、および [Quick Add (クイック追加)] ペイン。](https://res.cloudinary.com/hy4kyit2a/f_auto,fl_lossy,q_70/learn/modules/product-designer-basics/navigate-product-designer/images/ja-JP/b27ffc4d67cc47439177ef660d8d38ac_kix.kpnp1npfn1eo.png)
[Pricing (価格設定)] タブには、商品の価格設定情報が含まれます。商品に適用される [Prices (価格)] (1)、[Promotions & Offers (プロモーションとオファー)] (2)、[Costs (コスト)] (3) がこれにあたります。[Quick Add (クイック追加)] ペイン (4) では、プロモーション、オファー、価格、コストを割り当てるためのルールの検索や追加ができます。
[Structure (構成)] タブ
次は、[Structure (構成)] タブです。
![[Home Internet Solution (家庭用インターネットソリューション)] というバンドル商品の [Structure (構成)] タブ。](https://res.cloudinary.com/hy4kyit2a/f_auto,fl_lossy,q_70/learn/modules/product-designer-basics/navigate-product-designer/images/ja-JP/8e97492d11f2e7bbffca1b5e128b41c2_kix.1fn4iiik8esi.png)
[Structure (構成)] タブでは、商品とその他のオファー、商品、サービス、リソースとの関連性に加え、バンドル構成を階層ビューで確認できます (1)。[Quick Add (クイック追加)] ツールを使用すると、商品を検索し、レイアウトにドラッグできます (2)。[Home Internet Solution (家庭用インターネットソリューション)] というバンドル商品では、親子品目リレーションを通じて、子品目が親バンドル商品に紐付けされています。
[Attachments (添付ファイル)] タブ
[Attachments (添付ファイル)] タブには、商品に関連するファイルやリンクが含まれます。[Details (詳細)] タブで見た、Infiwave Phone 10 商品の画像添付ファイルがあります。
![Infiwave Phone 10 の画像添付ファイルが表示された [Attachments (添付ファイル)] タブ。](https://res.cloudinary.com/hy4kyit2a/f_auto,fl_lossy,q_70/learn/modules/product-designer-basics/navigate-product-designer/images/ja-JP/eed7a5e740b0685bd465973cc31a99c5_kix.7pp6ydfa2lmp.png)
[Attribute Rules (属性ルール)] タブ
属性ルールは、条件やアクションを使用して、実行時のユーザーに対する商品の属性とその値の表示方法や、表示の有無を制御します。[Attribute Rules (属性ルール)] タブを使用して、条件とそれに応じたアクションを指定することで、商品に新しいルールをすばやく追加できます。
![[Attribute Rules (属性ルール)] タブの [Configuration Name (設定名)] プロパティと、[Conditions (条件)] および [Actions (アクション)] セクション。](https://res.cloudinary.com/hy4kyit2a/f_auto,fl_lossy,q_70/learn/modules/product-designer-basics/navigate-product-designer/images/ja-JP/eef4b4d2f989ae86304c24a587f851d4_kix.mqrn20ddjauq.png)
[Broadband Cable Service (ブロードバンドケーブルサービス)] 商品の [Attribute Rules (属性ルール)] タブには、ルールの [Configuration Name (設定名)] (1)、商品属性の 1 つが条件に該当する (true である) 場合にアクションをトリガーする [Condition (条件)] (2)、条件が満たされた場合に実行される [Action (アクション)] (3) があります。
[Context Rules (コンテキストルール)] タブ
[Context Rules (コンテキストルール)] によって、顧客に表示される商品、プロモーション、価格が変わります。![[Context Rules (コンテキストルール)] タブの [New Accounts Rule Set (新規アカウントルールセット)] および [Qualification Rule Sets (評価ルールセット)] ペインに表示された使用可能なルールセット。](https://res.cloudinary.com/hy4kyit2a/f_auto,fl_lossy,q_70/learn/modules/product-designer-basics/navigate-product-designer/images/ja-JP/5397f8c937b0e4c39669e121887ac8c3_kix.8djnfwkj7cjb.png)
[Context Rules (コンテキストルール)] タブでは、商品の既存の [Context Rules (コンテキストルール)] の表示 (1) に加え、[Qualification Rule Set (評価ルールセット)] を検索して選択し、商品に関連付けることができます (2)。
[Fulfillment (履行)] タブ
最後に、[Fulfillment (履行)] タブでは、ソース商品と宛先商品の両方について、オーケストレーションシナリオや分解リレーションなどの履行構成を設定および表示できます。この例では、[Home Hub Modem (家庭用ハブモデム)] 商品の分解リレーションが表示されています。
![[Orchestration Scenarios (オーケストレーションシナリオ)] コンポーネントと、[Source Product (ソース商品)] および [Destination Product (宛先商品)] の [Decomposition Relationships (分解リレーション)] コンポーネント。](https://res.cloudinary.com/hy4kyit2a/f_auto,fl_lossy,q_70/learn/modules/product-designer-basics/navigate-product-designer/images/ja-JP/75f7c3ee8e31e8b8763fae97be80ff44_kix.fy407ev4k92l.png)
次のステップ
商品デザイナーの機能に感心した Devi Jacob。[Products (商品)] ワークスペースの操作にも慣れ、いよいよ Infiwave のカタログ作成に着手できると意気込んでいます。次の単元では、Devi と一緒に、オファー作成プロセスについてさらに詳しく学び、いくつか実践的な例を見ていきます。