マニュアル キャンセル

HTML5 としてのコンテンツの書き出し

  1. InDesign ユーザーガイド
  2. InDesign とは
    1. InDesign の概要
      1. InDesign の新機能
      2. 必要システム構成
      3. よくある質問
      4. Creative Cloud ライブラリの使用
    2. ワークスペース
      1. ワークスペースの基本
      2. コンテキストタスクバー
      3. InDesign でのワークスペースのカスタマイズ
      4. Toolbox
      5. 環境設定の指定
      6. プロパティパネル
      7. タッチワークスペース
      8. デフォルトのキーボードショートカット
      9. 編集の取り消しとヒストリーパネルの管理
      10. ドキュメントの復元と取り消し
    3. 生成 AI(中国本土ではご利用いただけません)
      1. テキストから画像生成
      2. 生成拡張
      3. InDesign の効果を生成(Beta)
      4. 生成 AI に関する FAQ
  3. ドキュメントの作成とレイアウト
    1. ドキュメントとページ
      1. ドキュメントの作成
      2. 親ページの使い方
      3. ドキュメントページで作業する
      4. ページサイズ、マージン、裁ち落としの設定
      5. ファイルとテンプレートを使用した作業
      6. InDesign(Beta)で PDF を InDesign ファイルに変換
      7. ブックファイルの作成
      8. 基本的なページ番号の追加
      9. ページ、章、セクションの番号の設定
      10. QuarkXPress および PageMaker ドキュメントの変換
      11. コンテンツの共有
      12. ファイル管理の基本ワークフロー
      13. ドキュメントの保存
    2. グリッド
      1. グリッド
      2. グリッドの書式設定
    3. レイアウト補助
      1. 定規
      2. 定規を使用したオブジェクトの整列と分布
      3. ものさしツールを使用したオブジェクトの測定
  4. コンテンツの追加
    1. テキスト
      1. テキストのフレームへの追加
      2. テキストの連結
      3. 東南アジア言語のスクリプト
      4. アラビア語版およびヘブライ語版の機能(InDesign)
      5. パステキストの作成
      6. 箇条書きと自動番号の使用
      7. MathML を挿入して数式を作成
      8. グリフと特殊文字
      9. テキスト組版
      10. テキスト変数
      11. QR コードの作成
      12. テキストの編集
      13. テキストの行揃え
      14. オブジェクトへのテキストの回り込み
      15. アンカー付きオブジェクト
      16. リンクコンテンツ
      17. 段落の書式設定
      18. 文字の書式設定
    2. テキスト編集
      1. InDesign でのフォントの使用
      2. カーニングと字送り
      3. 文字の拡大・縮小とゆがみ
      4. 文字へのカラー効果の適用
    3. テキストの書式設定
      1. テキストの書式設定
      2. テキストのスタイルの自動設定
      3. スタイルパックの操作
      4. タブおよびインデント
    4. レビューテキスト
      1. 変更のトラックとレビュー
      2. InDesign での注釈の追加
      3. PDF コメントの読み込み
    5. スペルチェックと言語の辞書
      1. スペルチェック、スペル自動修正、ダイナミックスペルチェック
      2. 辞書と単語を作成、追加、管理する
      3. 辞書の環境設定の変更
      4. Duden 辞書
    6. 参照を追加
      1. 目次の作成
      2. 脚注
      3. 索引の作成
      4. 後注
      5. キャプション
    7. スタイル
      1. 段落スタイルと文字スタイル
      2. スタイルのマッピング、書き出し、管理
      3. オブジェクトスタイル
      4. ドロップキャップと先頭文字スタイル
      5. スタイルの操作
      6. 行送り
      1. 表の書式設定
      2. 表の作成
      3. 表およびセルのスタイル
      4. 表の選択と編集
      5. 表の罫線および塗り
    8. インタラクティブ機能
      1. ハイパーリンク
      2. ダイナミック PDF ドキュメント
      3. ブックマーク
      4. ボタン
      5. フォーム
      6. アニメーション
      7. 相互参照
      8. PDF の構造化
      9. ページ効果
      10. ムービーとサウンド
    9. グラフィック
      1. パスとシェイプ
      2. 鉛筆ツールを使用した描画
      3. ペンツールを使用した描画
      4. 線の設定の適用 
      5. 複合パスと複合シェイプ
      6. パスの編集
      7. クリッピングパス
      8. 角の形状の変更
      9. フレームとオブジェクト
      10. オブジェクトの整列と分布
      11. リンクと埋め込み画像
      12. AEM Assets の統合
    10. カラーと透明度
      1. カラーの適用
      2. 配置したグラフィックのカラーの使用
      3. スウォッチを使用した作業
      4. インキの混合
      5. 濃淡
      6. 特色とプロセスカラー
      7. ブレンドカラー
      8. グラデーション
      9. 透明が使用されているアートワークの統合
      10. 透明効果の追加
  5. 検索と置換
    1. テキストの検索と置換
    2. フォントの検索と置換
    3. 字形の検索と置換
    4. 正規表現とクエリを使用した検索と置換
    5. オブジェクトの検索と置換
    6. カラーの検索と置換
    7. 検索および置換を行うための検索オプション
  6. 共有
    1. クラウドドキュメントの保存とアクセス
    2. クラウドドキュメントの整理、管理、共有
    3. クラウドドキュメントのバージョンの表示と管理
    4. InDesign クラウドドキュメントのよくある質問
    5. InCopy web 版(Beta)
    6. 共有とコラボレーション        
    7. レビュー用に共有
    8. 共有された InDesign ドキュメントをレビュー
    9. フィードバックの管理
    10. 編集に招待
  7. 書き出し、読み込み、および公開
    1. 配置、書き出しおよび公開
      1. Publish Online
      2. Publish Online ダッシュボード
      3. グラフィックのコピーと挿入
      4. Adobe Express に書き出し
      5. EPUB へのコンテンツの書き出し
      6. Adobe PDF オプション
      7. HTML5 への書き出し
      8. HTML(レガシー)へのコンテンツの書き出し
      9. Adobe PDF への書き出し
      10. JPEG 形式での書き出し
      11. SVG ファイルの読み込み
      12. DPS および AEM Mobile の概要
      13. サポートされるファイル形式
      14. ユーザー設定の書き出しと読み込み
    2. プリント
      1. ブックレットのプリント
      2. トンボと裁ち落とし
      3. 文書のプリント
      4. インキ、色分解、スクリーン線数
      5. オーバープリント
      6. PostScript ファイルと EPS ファイルの作成
      7. 入稿前のプリフライトファイル
      8. サムネールと用紙サイズより大きいドキュメントの印刷
      9. 印刷・出力会社用の PDF の準備
      10. 色分解出力の準備
  8. InDesign の拡張
    1. 自動化
      1. データ結合
      2. プラグイン
      3. InDesign で拡張機能をキャプチャする
      4. スクリプト
  9. トラブルシューティング
    1. 修正された問題
    2. 既知の問題
    3. 起動時のクラッシュ
    4. 環境設定フォルダー読み取り専用エラー
    5. ファイルの問題のトラブルシューティング
    6. InDesign ファイルを PDF に書き出すことができません
    7. InDesign 文書復旧

ページ、スプレッド、または選択したオブジェクトを HTML5 形式の種類に書き出す方法について説明します。

InDesign ドキュメントを HTML5 に書き出して、クロスプラットフォームの互換性を確保し、豊富なインタラクティブコンテンツ、強化されたユーザーエンゲージメント、アクセシビリティをサポートします。これにより、SEO と web ページのパフォーマンスも向上します。コンテンツを HTML5 に書き出すときに、テキストの書き出し方法を調整できます。

HTML5 パッケージを書き出し

  1. ファイル書き出しを選択します。

  2. ファイルの種類」(Windows)または「形式」(macOS)から「HTML5」を選択します。

  3. 同じファイル名を使用する場合は、「InDesign ドキュメント名を出力ファイル名として使用」を選択し、「保存」を選択します。

  4. HTML5 パッケージを書き出しダイアログで、要件に従って、「HTML テキストタグ」または「HTML SVG タグ」を選択します。

    HTML5 パッケージを書き出しダイアログ
    InDesign ドキュメントを HTML5 パッケージとして書き出すことができるようになりました。

  5. 書き出し」を選択します。

HTML5 の書き出し:Publish Online ダイアログから適用された主要なプロパティ 

タイトル

この値は、書き出されたフォルダーの名前を付けるために使用されます。

説明

書き出されません。

ページ

Publish Online ダイアログで定義されます。ファイル書き出しHTML5から直接書き出す場合は、すべてのページが含まれます。

書き出し形式

  • 単一:各ページは個別の HTML ファイルとして書き出され、それぞれがメインの index.html にリンクされます。
  • スプレッド:各スプレッドは、メインの index.html にリンクされた単一の HTML ファイルとして書き出されます。

パスワード保護を有効にする

非適用。

カバーのサムネール

サムネイルは HTML5 パッケージに含まれています。

画像設定

Publish Online ダイアログの設定が適用されます。

PDF 設定をダウンロード

非適用。

詳細設定

非適用。

Google Analytics

Google Analytics タグが Publish Online ダイアログに含まれている場合、HTML5 書き出しの index.html ファイルに追加されます。web サイト上でページをホストする場合は、必要に応じて cookie バナーを介してユーザーの同意を得るようにしてください。

HTML5 レンダリングの問題を解決するためのクイックフィックス

  • HTML テキストタグ」オプションを選択した場合は、必ず、書き出し時に「フォントをコピー」オプションを選択してください。
  • フォントをコピー」オプションを選択した場合は、欠落しているフォントによって問題がまだ発生しているかどうかを確認します。フォントの問題かどうかを確認するには、「HTML SVG タグ」オプションを試してください。
  • これが実際にフォントの問題であり、「HTML SVG タグ」オプションが適切に表示されている場合は、InDesign ドキュメントで使用したフォントが書き出され、パッケージのフォントフォルダーに配置されているかどうかを確認します。配置されていない場合は、フォントを手動でコピーしてフォルダーに配置する必要があります。
  • フォントを配置した後も問題が解決しない場合は、カスタマーサポートチームにお問い合わせください。
注意:

web サイトでのフォントの使用は、フォントライセンスの条件に準拠する必要があります。web サイト用のフォントのセルフホスティングには、別途ライセンスが必要になる場合があります。

HTML5 パッケージと HTML(レガシー)の違い

HTML5 パッケージは、出力 HTML5 で InDesign ファイルのレイアウトを最初から模倣することを目的としています。一方、HTML(レガシー)は、InDesign ファイルから HTML を作成するボトムアップのアプローチであり、元のファイルとのレイアウトの類似性は限られています。

既知の問題

  • テキスト用のドロップシャドウ、ぼかしなどの効果は適切に書き出されません。

回避策:テキストを書き出すには、「HTML テキストタグ」ではなく「HTML SVG タグ」を選択します。

その他の関連ヘルプ

ご質問または共有するアイデアがある場合

コミュニティで質問する(英語)

ご質問がある場合や、ご共有いただけるアイデアをお持ちの場合は、Adobe InDesign コミュニティにご参加ください。皆様からのご意見や作品をお待ちしております。

 Adobe

ヘルプをすばやく簡単に入手

新規ユーザーの場合

Adobe MAX 2025

Adobe MAX Japan
クリエイターの祭典

2025 年 2 月 13 日
東京ビッグサイト