---
sidebar_position: 4
title: "サービスの閲覧"
---

# サービスの閲覧

## 概要

このガイドでは、カスタマーポータルでサービスカタログを閲覧する方法を説明します。ポータルでは、インターネット（光ファイバー）、SIM/eSIM（モバイルデータ・音声）、VPNルーター（ストリーミングアクセス）の3つの主要な注文可能サービスタイプに加え、ビジネスとオンサイトサポートの情報ページを提供しています。サービスはSalesforceの商品カタログから取得され、ログインユーザーとゲストで表示が異なります。

## ポータルフロー

### サービスランディングページ

1. **ゲストとして**、`/services` にアクセスします。「Our Services」というヒーローセクションと、バリュープロポジションバッジ、サービスカードのグリッドが表示されます。
2. **ログインユーザーとして**、`/account/services` にアクセスします。同じサービスカードが「Services」タイトルのアカウントページレイアウトで表示されます。
3. ページには2行に5つのサービスカードが表示されます：
   - **上段（大きなカード）：** Internet（光ファイバー）とSIM & eSIM（モバイルデータ）。SIMカードには「1st month free」バッジ。
   - **下段（小さなカード）：** VPN Router、Business、Onsite Support。
4. 各カードにはサービス名、サブタイトル、説明、主要機能ピル、「View Plans」リンクが表示されます。

### インターネットプランの閲覧

#### 公開ビュー（未ログイン）

1. `/services/internet` にアクセスします。速度オファリング（戸建て向けHikari Cross、マンション向けHikari）、プラン比較、「How It Works」セクションのあるマーケティングスタイルのページが表示されます。
2. プランはオファリングタイプ別にグループ化されています。
3. 各オファリングには速度ティア（Standard、Pro、Platinum）と月額料金、セットアップ料金が表示されます。

#### アカウントビュー（ログイン済み）

1. `/account/services/internet` にアクセスします。表示はインターネット利用資格ステータスに依存します：

   **未リクエスト：** 「Check Availability」ボタン付きの公開マーケティングコンテンツが表示されます。

   **審査中：** 「Checking Availability」ステータスバッジ付きの「Your Internet Options」見出しが表示されます。1〜2営業日以内にチームが住所を確認する旨のメッセージが表示されます。

   **利用可能：** 利用可能な速度（例：「Cross 10G」）のステータスバッジが表示されます。住所で利用可能なオファリングカードとティア詳細が表示されます。

   **利用不可：** 住所でインターネットサービスが利用できない旨のメッセージが表示されます。

2. 既にアクティブなインターネットサブスクリプションがある場合、「Active subscription found」の警告バナーが表示されます。

### SIM & eSIMプランの閲覧

1. `/services/sim`（公開）または `/account/services/sim`（ログイン済み）にアクセスします。
2. プランは上部の3つのタブで構成されています：
   - **Data + Voice**（デフォルト）：モバイルデータ、SMS、音声通話を含むプラン。NTTドコモネットワーク。
   - **Data Only**：データとSMSのみ。
   - **Voice Only**：音声サービスのみ。
3. 各プランカードにはプラン名、データ容量、月額料金、音声通話の有無、ファミリー割引の有無が表示されます。

### VPNルータープランの閲覧

1. `/services/vpn`（公開）または `/account/services/vpn`（ログイン済み）にアクセスします。
2. US（サンフランシスコ）とUK（ロンドン）の2つのリージョンオプションが表示されます。
3. 各プランカードにはリージョン、月額料金、主要機能が表示されます。

### インターネット利用資格確認（公開フロー）

1. ゲストユーザーがインターネットの利用可能状況を確認する場合、複数ステップのプロセスがあります：
   - **ステップ1 - 詳細入力**：メールアドレスとオプションの住所を提供
   - **ステップ2 - メール認証**：ワンタイムコードによる認証
   - **ステップ3 - アカウント作成**（必要な場合）
   - **ステップ4 - 完了**：リクエストが送信され確認メッセージが表示

## Salesforceで起こること

- **商品カタログ**：すべてのサービスプラン、アドオン、設置オプション、アクティベーション料金はSalesforceの**Product2**レコードとして保存されます。主要フィールド：`SKU__c`、`Portal_Category__c`、`Portal_Catalog__c`、`Portal_Accessible__c`など。
- **価格表エントリ**：各Product2に関連する**PricebookEntry**レコードが単価を定義します。
- **インターネット利用資格**：利用資格ステータスはSalesforceの**Account**レコードのフィールドに保存されます（`Internet_Eligibility__c`、`Internet_Eligibility_Status__c`など）。
- **利用資格リクエスト**：利用資格確認の送信時には、常に新しい**Case**がSalesforceに作成されます。サポートエージェントがNTTの光ファイバー利用可能性を手動で確認します。

## WHMCSで起こること

- WHMCSはサービス閲覧フローに直接関与しません。カタログはSalesforceから完全に提供されます。
- 各Salesforce Product2レコードには、対応するWHMCS商品IDにマッピングする`WH_Product_ID__c`フィールドがあります。

## 確認すべき重要事項

1. **カタログの完全性**：すべてのInternet、SIM、VPNプランが表示されることを確認。
2. **価格の正確性**：表示価格がSalesforceのPricebookEntry単価と一致することを確認。
3. **プランのグループ化**：Internet（Hikari vs Hikari Cross）、SIM（Data+Voice、Data Only、Voice Only）が正しくグループ化されていることを確認。
4. **表示順序**：`Display_Order__c` に基づく正しい並び順を確認。
5. **インターネット利用資格フロー**：各利用資格ステータスをテスト。
6. **アクティブなサブスクリプション警告**：既にアクティブなインターネットサブスクリプションがある場合の警告バナーを確認。
7. **レスポンシブデザイン**：モバイルとタブレットサイズでのレイアウト適応を確認。
