フリップブックビューアのトラブルシューティング

読み込み失敗、遅いパフォーマンス、モバイルの問題、ブラウザ互換性など、一般的なフリップブックビューアの問題を修正します。

フリップブックビューアのトラブルシューティング

ZenFlipフリップブックビューアはすべてのモダンブラウザとデバイスで動作しますが、表示やパフォーマンスの問題が発生することがあります。このガイドでは、最も一般的なビューアの問題の診断と解決をお手伝いします。

フリップブックが読み込まれない

症状: ビューアが空白ページ、終了しないローディングスピナー、またはエラーメッセージを表示します。

まず基本を確認

  1. パブリケーションは公開済みですか? — 下書きまたは未公開のパブリケーションはダッシュボードからのみプレビューでき、パブリックURLでは閲覧できません

  2. URLは正しいですか? — URL内のパブリケーションスラッグを再確認してください。入力ミスは404ページにつながります。

  3. パブリケーションはプライベートですか? — プライベートパブリケーションは認証が必要です。正しいアカウントでログインしていることを確認してください。

  4. 変換は完了していますか? — PDFをアップロードしたばかりの場合は、閲覧する前に変換が完了するのを待ってください

ネットワークの問題

  • 別のネットワークを試す — Wi-Fiからモバイルデータ(またはその逆)に切り替えて、ネットワークレベルのブロックを除外

  • VPNの干渉を確認 — 一部のVPNはコンテンツ配信を妨げることがあります。VPNを一時的に無効にしてみてください。

  • ブラウザキャッシュをクリアCtrl + Shift + Delete(Windows)またはCmd + Shift + Delete(Mac)でキャッシュデータをクリアし、リロード

ブラウザの問題

  • 別のブラウザを試す — フリップブックがChromeでは読み込まれるがSafariでは読み込まれない(またはその逆)場合、問題はブラウザ固有です

  • 拡張機能を無効にする — 広告ブロッカー、プライバシー拡張機能、スクリプトブロッカーがビューアの読み込みを妨げることがあります。拡張機能を無効にするか、シークレット/プライベートウィンドウで開いてみてください。

  • ブラウザを更新 — フリップブックビューアにはモダンブラウザが必要です。最新バージョンを実行していることを確認してください。

パフォーマンスが遅い

症状: ページめくりが遅い、アニメーションがカクつく、ビューアの動作が鈍い。

原因と解決策

大きなページ画像: 非常に高解像度のページ(300+ DPI、大きなページサイズ)を持つパブリケーションは、より多くのメモリと処理能力を必要とします。パフォーマンスが悪い場合:

  • 古いデバイスで問題がより顕著になります

  • フルスクリーンモードでの閲覧を試すと、レンダリングが改善されることがあります

  • ソースPDFを管理できる場合は、150 DPIでの再エクスポートを検討してください

ブラウザタブが多すぎる: フリップブックビューアはスムーズなページめくりアニメーションのためにブラウザのメモリとGPUを使用します。不要なタブを閉じてリソースを解放してください。

古いデバイスまたはブラウザ: ページめくりアニメーションは可能な場合ハードウェアアクセラレーションされます。古いデバイスでは:

  • ブラウザ設定でハードウェアアクセラレーションが有効になっていることを確認

  • 大量のメモリを使用する他のアプリケーションを閉じる

  • 別のブラウザを試す — ChromeとEdgeは良好なパフォーマンスを発揮する傾向があります

ネットワーク速度: ページは読者がめくるにつれて段階的に読み込まれます。低速な接続では、新しいページに到達した際に短い遅延が発生することがあります。これは正常です — 画像が読み込まれるとページが表示されます。

モバイル固有の問題

タッチジェスチャーが機能しない

フリップブックビューアはモバイルデバイスでのページめくりのスワイプジェスチャーをサポートしています。

  • 左にスワイプで次のページへ

  • 右にスワイプで前のページへ

  • ピンチでズームイン/アウト

スワイプジェスチャーが機能しない場合:

  1. ブラウザのアドレスバーやナビゲーションではなく、フリップブックエリアでスワイプしていることを確認

  2. ゆっくりドラッグするのではなく、素早く決定的なスワイプを試す

  3. フリップブックがページに埋め込まれている場合、埋め込みコンテナがジェスチャーを認識するのに十分な大きさであることを確認

小さな画面での表示問題

小さな画面のスマートフォンでは、フリップブックは可読性のために自動的にシングルページビューに切り替わります。コンテンツが切れたり小さすぎたりする場合:

  • より広い表示のためにデバイスを横向きモードに回転してみてください

  • ビューアツールバーのフルスクリーンボタンを使用して最大の表示エリアを確保

  • ページの特定のエリアにピンチズームで拡大

iOS Safari固有の問題

iOS上のSafariにはいくつかの固有の動作があります:

  • フルスクリーンの制限 — iOS SafariはフルスクリーンAPIのサポートが限定的です。ビューアはブラウザ内で最大化されますが、Safariツールバーが表示され続けることがあります。

  • スクロールバウンス — ページがバウンススクロールを示すことがあります。これはフリップブックの機能に影響しないiOSの動作です。

  • メモリ制限 — iOS Safariはより厳しいメモリ制限があります。非常に大きなパブリケーション(200ページ以上の高解像度画像)は、古いiPhoneでパフォーマンスが低下することがあります。

ブラウザ互換性

ZenFlipのフリップブックビューアは以下でテスト・サポートされています:

ブラウザ

最低バージョン

Google Chrome

90以上

Mozilla Firefox

90以上

Apple Safari

14以上

Microsoft Edge

90以上

Samsung Internet

14以上

サポートされていません:

  • Internet Explorer(すべてのバージョン)

  • JavaScriptが無効なブラウザ

サポートされているブラウザを使用していて問題が発生する場合は、最新バージョンへの更新を試してください。

埋め込みの問題

フリップブックがzenflip.ioでは動作するが、ウェブサイトに埋め込んだ際に正しく表示されない場合:

iFrameが表示されない

  • サイトのCSPを確認 — ウェブサイトのContent Security Policyヘッダーが外部ドメインからのiframeをブロックしている可能性があります。CSPのframe-srcディレクティブにzenflip.io(またはカスタムドメイン)を追加してください。

  • 埋め込みコードを確認 — 埋め込みコードがHTMLタグを除去する可能性のあるリッチテキストエディターではなく、HTMLブロックに貼り付けられていることを確認

  • コンテナサイズを確認 — iframeに幅と高さが定義されていることを確認。height: 0のコンテナは見えない埋め込みを生成します。

JSウィジェットが読み込まれない

  • スクリプトの競合を確認 — ページ上の他のJavaScriptがZenFlipウィジェットと競合している可能性があります。ブラウザコンソール(F12 > Console)でエラーメッセージを確認してください。

  • scriptタグを確認<script>タグが存在し、src URLが正しいことを確認

  • HTTPSが必要 — ウィジェットはHTTPS経由で読み込む必要があります。サイトがHTTPを使用している場合、ブラウザがウィジェットスクリプトをブロックします。

キーボードナビゲーション

フリップブックビューアはキーボードコントロールをサポートしています:

  • 右矢印またはPage Down — 次のページ

  • 左矢印またはPage Up — 前のページ

  • Home — 最初のページ

  • End — 最後のページ

  • Escape — フルスクリーン終了

キーボードナビゲーションが応答しない場合は、フリップブックビューアをクリックしてフォーカスがあることを確認してください。

関連ガイド