レスポンシブ HTML5 出力の生成

レスポンシブ HTML5 出力を生成すると、様々な画面サイズのデバイスにプロジェクト出力を表示できます。 これは iPad、iPhone など、一般的なデバイスの画面に合わせて最適化されたコンテンツを公開できることを意味します。

レスポンシブ HTML5 出力は、オンラインとオフラインの両方で表示できます。出力は HTTP サーバーおよび HTTPS サーバーに公開できます。 サポートされるブラウザーについては、「RoboHelp 必要システム構成」を参照してください。

レスポンシブ HTML5 出力プリセットの設定

RoboHelp プロジェクトの出力を生成するには、最初に出力プリセットを作成してから、その出力プリセットの各種設定を構成する必要があります。 以下の設定を使用して、レスポンシブ HTML5 出力プリセットを構成することができます。

全般

タイトル、出力パス、UI の文字列で使用する言語など、基本的な出力設定を指定するには、以下のオプションを使用します。

タイトル：生成された出力のタイトルを指定します。

タイトル内で変数を使用することができます。 タイトル内で変数を使用するには、「Ctrl + 1」を入力し、ドロップダウンリストで変数を選択して Enter キーを押します。「コンテンツ」タブ／変数セットフィールドで設定された変数を選択すると、出力の生成時に、その変数の値が変数セットから取得されます。

出力の「ブラウザ」タブに、タイトルが表示されます。タイトル内で変数が使用されている場合は、その変数も表示されます。

お気に入りアイコン：出力に関連付けるアイコンを指定します。このアイコンは出力のブラウザータブに表示されます。目的のアイコンを参照して選択するには、 をクリックします。

出力パス：出力の場所を指定します。場所を選択するには、をクリックします。

出力パスがプロジェクトフォルダーのパスに含まれていないことを確認します。出力パスがプロジェクトフォルダーのパスに含まれている場合、出力は生成されません。 また、必要なコンテンツが保管されていないフォルダーを選択してください。 RoboHelp はフォルダー内のコンテンツを削除した後、出力を生成します。

プロジェクトに対する相対パスとして出力パスを保存：有効にして出力パスを参照すると、出力へのパスは絶対パスではなく相対パスになります。

開始ページ：RoboHelp で出力の URL の生成に使用できるページ名と拡張子（.htm または .html）を指定します。例えば、index.html と指定します。

言語：生成後の出力の UI で、プロジェクト設定で指定したコンテンツの言語とは異なる言語を使用する必要がある場合は、このドロップダウンリストを使用して、出力プリセットの言語を指定します。

エンコーディング：コンテンツで使用する文字のエンコーディング形式を指定する場合は、このドロップダウンリストを使用します。

小文字のファイル名を使用：すべての出力ファイル名を小文字で生成する場合は、このオプションを選択します。

生成後スクリプト ：出力生成後にカスタムスクリプトを実行するには、ドロップダウンリストから .js ファイルを選択します。

コンテンツ

以下のオプションを使用して、目次、索引、用語集、条件式など、コンテンツ関連の出力設定を指定します。

目次：出力に含める目次を選択する場合は、このドロップダウンリストを使用します。このドロップダウンリストには、プロジェクトで使用可能な目次が表示されます。 デフォルトでは、このドロップダウンリストの最初の目次が選択されます。

選択された目次にあるファイルとその参照のセットが、生成された出力に表示されます。

閲覧シーケンス：プロジェクトで定義されている閲覧シーケンスを表示する場合は、このドロップダウンを使用します。複数の閲覧シーケンスを選択することもできます。 選択した閲覧シーケンスは出力のためマージされます。 選択した閲覧シーケンスに競合が発生した場合は、最初に選択した閲覧シーケンスが優先されます。

デフォルトトピック：出力を開く際にトピックパネルに表示するトピックを選択するには、 をクリックします。デフォルトでは、該当する出力に対して選択した目次の最初のトピックがデフォルトトピックです。

マージした子プロジェクトから初期設定のトピックを選択することもできます。マージした子プロジェクトの下に表示されるリストは、選択した目次から読み取られます。

索引を含む：出力に索引ページを含める場合は、この設定を選択します。

用語集：出力に含める用語集を選択する場合は、このドロップダウンリストを使用します。用語集を使用すると、プロジェクト内の関連用語とその定義をすばやく取得できます。

条件式：出力の条件式を指定する場合は、このドロップダウンリストを使用します。この設定を使用すると、目的の出力タイプや対象ユーザーに応じて、出力内に表示するコンテンツと出力から除外するコンテンツを簡単に指定することができます。 選択した条件式を編集するには、をクリックします。条件式を指定しない場合は、ドロップダウンリストで「なし」を選択します。

ダイナミックコンテンツフィルター：ダイナミックコンテンツフィルターを選択し、生成された出力のコンテンツをフィルターできるようにするには、このドロップダウンリストを使用します。選択したダイナミックコンテンツフィルターを編集するには、 をクリックします。ダイナミックコンテンツフィルターを指定しない場合は、「なし」を選択します。

変数セット：該当する出力で使用する変数セットを指定する場合は、このドロップダウンリストを使用します。ドロップダウンリストで <デフォルト変数セット> を選択すると、プロジェクトのデフォルト変数セットを使用できます。変数セットを使用すると、出力方法に応じて変数を使用できます。 例えば、お客様と内部ユーザーとで異なる変数セットを使用して出力を生成できます。

マップファイル：状況依存ヘルプを使用する場合は、このドロップダウンを使用してマップファイルを選択します。詳細については、「状況依存ヘルプの使用」を参照してください。

レイアウト

以下のオプションを使用して、出力の外観を設定します。

マスターページ：生成している出力のマスターページを選択する場合は、このドロップダウンリストを使用します。  

スキン：出力に適用するスキンを選択する場合は、このドロップダウンリストを使用します。

画像のサムネイルを表示：画像のサムネイルを出力に表示する場合は、このフィールドを選択します。

• 画像のサムネイルを作成：既存の画像のサムネイルを出力に生成する場合は、このフィールドを選択します。これらの画像はクリックすると拡大できます。
• 既存のイメージをサムネイルとしてスタイル付け既存の画像をサムネイルとして出力にスタイル設定する場合は、このフィールドを選択します。これらの画像はクリックすると拡大できます。

検索

以下のオプションを使用して、出力の検索に関連する設定を指定します。

検索コンテキスト：検索コンテキストを指定すると、要件に基づいてトピックの検索結果をカスタマイズできます。 検索コンテキストには、次の 3 つのオプションがあります。

• 検索語の周囲のテキスト：このオプションを選択すると、最初に表示された検索語の周囲のテキストが表示されます。
  
• トピックの説明：このオプションを選択すると、トピックの説明がコンテキストとして表示されます。トピックプロパティの「一般／説明」で追加する説明が表示されます。
• トピックの開始テキスト：このオプションを選択すると、トピックの最初のコンテンツが表示されます。

検索コンテキストの文字制限を設定 ：ここに数値を追加すると、トピックの検索結果で表示される文字数を制限できます。

検索ボックスの 自動入力機能を 有効化：このオプションを選択すると、ユーザーが最初に入力した文字に基づいて、検索クエリで予測した選択肢が表示されます。

検索クエリの 自動修正：このオプションを選択すると、入力された検索用語のスペルミスが修正されます。1 つの検索用語につき、このオプションで自動的に修正されるのは 1 文字だけです。 これにより、スペルが間違っている用語を入力した場合であっても、その用語に関連する結果が検索されることになります。

用語集の定義を表示：このオプションを選択すると、この出力に対して選択された用語集から検索用語の定義が表示されます。用語集に登録されている用語のうち、検索用語と一致する用語の定義が表示されます。

XML サイトマップを生成：この設定を選択すると、公開する出力用のサイトマップが生成されます。公開した出力の sitemap.xml ファイルにはサイトマップが含まれています。このファイルを検索エンジンに送信すると、サイトの検索結果を改善できます。sitmap.xml ファイルを送信するには、お使いの検索エンジンのマニュアルに記載されている手順に従ってください。「ホストされているコンテンツのベース URL」で、サイトの関連 URL を入力します。「コンテンツ変更の頻度」で、コンテンツの索引を作成する頻度を指定します。

検索から除外するファイルタイプを選択：PDF、Word、Excel など、特定のファイル形式を検索対象から除外できます。選択したファイルタイプのコンテンツは、検索対象にはなりません。

公開

出力は、RoboHelp Server、SharePoint Online、FTP、SFTP またはファイルシステムに公開できます。出力を公開できるようにするには、まず適切なサーバーの種類用の公開プロファイルを設定します。詳細については、次のセクションを参照してください。

• RoboHelp Server 用公開プロファイルの構成 
• SharePoint オンラインのプロファイルを設定する 
• FTP、SFTP またはファイルシステム用の公開プロファイルの設定

公開プロファイルを保存すると、 RoboHelp の 公開 タブにプロファイルが表示されます。 出力を公開するには、該当する公開プロファイルを選択し、 をクリックします。

初期設定では、選択された公開プロファイルを使用して公開されるのは、前回の公開以降に変更されたファイルのみです。

すべてのファイルを公開するには、「すべてを再公開」を選択し、 をクリックします。公開ログを表示するには、出力プリセット パネルで、該当する出力プリセットについて > 「公開ログを表示する」を選択します。

レスポンシブ HTML5 出力の生成

コンテンツセキュリティポリシー（CSP）

コンテンツセキュリティポリシーには、次のようなディレクティブを指定する必要があります。

CSP 違反の場合に備えて保持しておくべきものは、ほとんどありません。 テンプレート設定からソーシャルメディアボタンを使用して応答性の高いテンプレートを作成するには、次の文字列を使用します。

1. Facebook：
   http://www.facebook.com が frame-src に追加されている必要があります。
2. Twitter：
   

• https://platform.twitter.com が frame-src ディレクティブに追加されている必要があります。
  
• http://platform.twitter.com/ が script-src-elem ディレクティブに追加されている必要があります。
  
• https://* twitter.com が image-src データディレクティブに追加されている必要があります。