電子冊子ジェネレーター

写真・画像素材を登録するだけで、簡単に電子ブックが作成できます。

実際の本のようにページがリアルにめくれ、めくるたびにパラっと紙の音が鳴ります。

フルスクリーン表示にも対応。

ポップモードとシックモードを実装しているので、

プライベートに仕事に幅広い活躍の場面が。

こどもの成長記録に。

会社や組織のマニュアル作成に。

プレゼンテーションや、フリップ芸に。

単一ページ画像はもちろん、見開き画像からも簡単にページを作成できます。

また、パスワードをかけて出力できるので、

購入者しか開けない写真集や漫画・同人誌の作成にも!

(このシステムを使用した制作物に関しまして、法律、条例、公序良俗その他当方が別途定める基準に反する行為を禁止しています。)

こちら体験版として3ページまで作成できます。

https://readysteadygo.booth.pm/items/8755209

使用詳細はマニュアルを参照してください。

電子冊子ジェネレーター 使用マニュアル

1. このツールでできること

画像素材(ページ1枚ずつ、または見開き画像)を読み込ませるだけで、パソコンやタブレットで本のようにめくって読める電子冊子(単体のHTMLファイル)を作成できるツールです。作った電子冊子はサーバー不要・ネット接続不要で、ファイルをダブルクリックするだけで開けます。

● 見開き(2ページ)表示で、実際の本のようにリアルにページがめくれる演出

● めくるときの効果音つき(速さも調整可能・試聴機能あり)

● 「ポップ」「シック」2種類のデザインテーマから選択可能

● フルスクリーン表示に対応

● 閲覧パスワード(暗号化)を設定可能 — 写真集など人に見せたくない内容にも

対応ブラウザ: Google Chrome、Microsoft Edge、Safari、Firefoxなど主要な最新ブラウザ。パソコン・タブレットでの利用を推奨します。

2. 基本の使い方

STEP 1 タイトルを入力する

「ここにタイトルを記入」の欄に、電子冊子のタイトルを入力します。未入力の場合は「電子冊子」という名前で書き出されます。

STEP 2 デザインテーマを選ぶ

完成する電子冊子(ビューア)全体の雰囲気を「ポップ」「シック」の2種類から選べます。

● ポップ:クリーム背景+ピンク/ターコイズ/イエロー。明るく賑やかな雰囲気です。

● シック:深いネイビー背景+金と朱の落ち着いた色使い。和紙のような上品な雰囲気です。

選んだテーマは、ヘッダー・ボタン・進捗バー・パスワード画面まで含めて、書き出す電子冊子全体に反映されます。ページの中身の画像自体は、どちらのテーマでも見え方は変わりません。

STEP 3 ページ画像をアップロードする

画像をアップロードする前に、まず「単ページ画像」か「見開き画像」かを選びます。

● 単ページ画像:1枚の画像 = 1ページとして、そのまま読み込まれます。

● 見開き画像:1枚の画像に2ページ分(左右)が収まった画像です。アップロードすると自動的に真ん中で左右2枚に分割され、2ページ分として登録されます。

画像は複数まとめて選択でき、表示したい順番にドラッグ&ドロップ、またはタップして選ぶと後の並び替えが楽になります。単ページと見開きが混ざる場合は、ボタンを切り替えてからそれぞれアップロードしてください。

⚠ 見開き画像から分割された2枚(左右)は、他の単ページ画像が間に挟まる位置に来ると、本の中で左右バラバラの画面に分かれて表示されてしまうことがあります。並びに問題がある場合は、該当の画像が赤枠で表示され、一覧の上に警告文が出ますので、上下の矢印ボタンで並び替えて解消してください。

STEP 4 めくる速さを調整する

スライダーで、ページをめくるアニメーションの速さを調整します。左が「はやい」、右が「ゆっくり」です。横に表示されているミニチュアの本の「▶ 試聴」ボタンを押すと、実際の効果音と一緒にその場でめくり速度を確認できます。

STEP 5 閲覧パスワードを設定する(任意)

人に見せたくない内容(写真集など)にしたい場合は、パスワードを入力してください。パスワードを設定すると、書き出したファイルは開くときにパスワード入力が必要になります。空欄のままにすると、これまで通りパスワードなしで開けるファイルになります。

⚠ パスワードを忘れると、作った本人でも二度と開けなくなります。ファイルはサーバーに保存されていないため、復旧する手段はありません。大切なパスワードは別途安全な場所に控えておいてください。

⚠ このパスワード機能は「本文データを暗号化し、正しいパスワードなしでは中身を見られないようにする」ものであり、悪意のない第三者による閲覧や、うっかりファイルを開いてしまうことを防ぐためのものです。一度正しいパスワードで開かれた後は、画面のスクリーンショットやファイル自体の再配布を技術的に防ぐことはできません。「絶対に複製・流出しない」ことを保証する複製防止(DRM)機能ではない、という点をご理解のうえでご利用ください。

STEP 6 並び順を確認して書き出す

一覧に並んだページ画像は、上下の矢印ボタンで順番を入れ替えたり、✕ボタンで削除したりできます。並び順に問題がなければ、「電子冊子を書き出す」ボタンを押してください。自動的にファイル(◯◯_電子冊子.html)がダウンロードされます。

3. 画像サイズの目安

ページ1枚あたりの画像は、縦横比 1:1.414(A4サイズに近い比率)で準備すると、電子冊子のフレームにぴったり収まり、上下左右に余白ができません。見開き画像は、単ページのちょうど2倍の横幅で準備してください。

用途 単ページ 見開き(分割前)

標準(おすすめ) 1240 × 1754 px 2480 × 1754 px

軽量重視 1000 × 1414 px 2000 × 1414 px

高画質重視 1500 × 2121 px 3000 × 2121 px

解像度を上げるほど画質は良くなりますが、書き出すHTMLファイルの容量も大きくなります。画質と軽さのバランスで選んでください。

4. 完成した電子冊子の使い方

書き出されたHTMLファイルをブラウザで開くと、電子冊子がすぐに表示されます(パスワードを設定した場合は、先にロック画面でパスワードの入力が必要です)。

● ページめくり:画面の左右をタップ/クリック、左右スワイプ、キーボードの矢印キー(←→)で操作できます。

● 見開き移動:下部のスライダー、または「見開き移動」の数字入力で、任意のページへ直接ジャンプできます。

● 音のオン/オフ:「🔊 音あり」ボタンで、めくり効果音のオン/オフを切り替えられます。

● フルスクリーン表示:「⛶ フルスクリーン」ボタン、またはキーボードの「F」キーで全画面表示に切り替わります。タイトルや操作ボタンが非表示になり、本が画面いっぱいに表示されます。右上の小さな✕ボタン、またはEscキーで通常表示に戻ります。

5. よくある質問

Q. 見開き画像を読み込んだのに、左右バラバラに表示されます

見開き画像から分割された2枚の間に、別の画像(単ページや別の見開きの半分)が挟まっている可能性があります。ページ一覧で赤枠になっている画像がないか確認し、上下の矢印ボタンで隣り合う位置に並べ直してください。

Q. 書き出したファイルが重い(容量が大きい)

ページ画像の解像度が高すぎる可能性があります。画像サイズの目安(本マニュアル3章)を参考に、解像度を少し下げて作り直すと軽くなります。

Q. パスワードを忘れてしまいました

大変申し訳ございませんが、パスワードを復元する手段はありません。お手数ですが、元の画像素材からパスワードなし(または新しいパスワード)で再度書き出してください。

Q. パスワードをつければ、コピーや流出は完全に防げますか?

いいえ、完全には防げません。パスワードは「暗号化された中身を、正しいパスワードなしでは見られなくする」ための機能であり、いわゆる複製防止(DRM)機能ではありません。正しいパスワードで一度開かれた後は、画面のスクリーンショットや、ファイルそのものの再配布を技術的に止めることはできません。第三者への販売・頒布などで利用される場合は、「気軽な閲覧や共有を防ぐための機能」とご理解のうえでご活用ください。

Q. スマートフォンでも使えますか?

電子冊子の閲覧自体はスマートフォンでも可能ですが、見開き表示は画面が小さいと窮屈に感じられることがあります。パソコンまたはタブレットでの閲覧を推奨します。またiPhoneのSafariでは、仕様上フルスクリーン機能が動作しない場合があります。

sampleファイル

https://sample-rdhatac2w-mods240-s-projects.vercel.app/

パスワード：sample

動作環境

「HTMLファイルをダブルクリックしてブラウザで開いてください」「推奨ブラウザ:Chrome / Edge / Safari / Firefoxなど」