HPubパブリケーションの準備方法

HPubとは?

HTML5 microsite

4.xバージョンでは、Twixl Publisherで作成されたマルチイシューアプリはHPubという新しいファイル(パッケージ)形式をサポートします。HPubパブリケーションはHTML5のミクロサイトのようなものです。標準ブラウザで描画できるのでモバイルのSafariでテストできます。

HPubパブリケーションを準備するには単にそれぞれのページ用のHTMLファイルの作成と一連の順に並べて作成するミクとサイトをビルドするようなものです。HPubパッケージの作成方法の完全な説明はこちらで参照できます。すべてのHTMLコンテンツをグループ化しbook.jsonファイルを作成すると、完全フォルダのコンテンツをZip圧縮されます(フォルダそのものではなく、コンテンツのみzip圧縮されていることを確認してください)。その後、.zip拡張子が.hpubになり、パブリケーションが準備されます。

パブリケーションはBaker frameworkを使ってアプリをレンダリングします。

なぜHPubか?

HPubファイル形式の統合の理由は以下です:

  • (Adobe InDesignのような)特定の制作ツールに依存しない柔軟なフォーマットを利用できます。
  • HTMLをベースにしているので、HTML/CSS/JSのすべてのトリックが利用可能です。
  • 同じソースファイルがレスポンシブデザインでタブレットやスマホに最適化されたコンテンツを表示する際も利用できる。
  • HPubはHTMLとテキストベースなので、Adobe InDesignでスクリプトを記述するより、制作の自動化が非常に簡単です。
  • 構築されたデータでテンプレート化されたワークフローを使うことができます。

Adobe InDesignワークフローと比べるとたくさんの欠点もあります:

  • HTML/CSSの知識が必要なので、デザイナーフレンドリーではない。
  • インタラクティブコンテンツを追加するには、プログラミングをする必要がある。
  • HPubパッケージファイルを作成できるwysiwygツールがまだない。

Twixl特有のHPub機能

たくさんの特別なTwixl Publisher機能がHPubパブリケーションの"Book.json"に統合できます。

パブリケーション設定

-tp-allow-sharing (book)
ソーシャルメディア共有の有効化/無効化できるバルーンフラッグ

-tp-scroll-enabled (book)
前/次のアーティクルへ行けるスワイプの有効化/無効化できるバルーンフラッグ

-tp-scrubber (book)
搭載されているTOCを有効にするか否かをバルーンフラッグに示します。falseで設定すると、(パブリケーションファイルに類似して)適切ではない場合、ブックマーク機能の無効化とツールバーを非表示にします。

アーティクル設定

-tp-cover (article)
アーティクルのカバーを含むJPG/PNGファイルへのリンク。

-tp-tagline (article)
TOCビューアで表示されるキャッチコピーを表示。

-tp-playlist (article)
アーティクルが表示される際に再生する"MediaResources(メディアリソース)/BackgroundMusic(BGM)"の再生リスト名

-tp-show-in-toc (article)
アーティクルがTOCビューアで表示する必要があるか否かを示すバルーン

-tp-share-url (article)
%articleURL%変数を使ったテキストを共有するソーシャルメディアで埋め込めるカスタムurl。

検索とブックマークがある目次

book.jsoncファイル内で定義されるアーティクルをベースにし、TOCビューアは配置されます。
検索では、book.jsonファイルでアーティクルのテキストコンテンツはインデックス化されている必要があります。HTMLタグが抜き出されたアーティクルのソースデータです。

Webオーバーレイ

webオーバーレイを表示するために、以下のパラメータはこの機能をトリガーするためにどんなURLにも追加できます:

  • tp-open-in-web-overlay
  • tp-width
  • tp-height
  • tp-user-interaction-allowed
  • tp-scale-to-fit
  • tp-show-loading-indicator
  • tp-show-scrollbars
  • tp-background-color
  • tp-background-opacity
  • tp-analytics-name

これらのパラメータはwebオーバーレイでロードされたURLから削除する必要があります。

次のステップ

.hpubパブリケーションファイルを作成したら、利用準備が整いました: