情報

YOUJI SAKAI – EBOOK PRODUCTION NOTE

Posts from the Book Design Category

電子書籍メディア論 ウェブキャスト
eBook Strategy Webcasts – Anytime, Anywhere

※こちらの情報は、10月24日にウェブキャストのサイトに移動します。

.

[07]の工程03を公開:

実践:ダイレクト出版とプロモーション
[07]電子書籍プロモーション:オフィシャルサイトの重要性

07-03. 書籍のプロモーションページに試し読みの機能を組み込む 

教材データのダウンロード:

  • Webcast_Vol07_03.zip(2.2MB)
  • 学習で使用する「Making_Book」フォルダと「Sample_Book_Demo」フォルダが入っています

.

.

電子書籍メディア論ウェブキャスト

2013年総括版「電子出版最前線(仮称)」

2013年のウェブキャストから主要なテーマをピックアップし、総括版として構成しています。

.

KindleやKoboなどのメジャーなプラットフォームを対象とした商用の電子出版は、国内でも昨年の後半から大きく動きだし、軌道に乗りつつあります。イーブックデザイナー、イーブックデベロッパーの仕事も、大半はプラットフォーム向けの電子化作業です。国内の電子出版市場は、スマートデバイスを中心とした新領域で携帯電話向けの市場を抜き、ターゲットとするビジネスセグメントも明確になってきました。長期的には、顧客情報活用による訴求力強化も視野にいれていく必要がありますが、プラットフォーム依存(手数料や電子版の価格操作権等々も含む)では厳しくなるため、コントロール可能なパブリッシャーベースドのプラットフォームも平行して走らせることになるでしょう。

さて、ウェブの世界はめまぐるしく変化しており、要素技術の進化だけではなく、フレームワークを導入した開発アプローチなども多種多様になってきました。ウェブの技術を採用している電子書籍も無関係ではありません。電子出版のリーディングカンパニーとしても知られているO’Reilly Media(オライリーメディア)は、DocBookをソースにした出版ワークフローから、HTML5ベースの新しいワークフローに移行する準備を進めています。すでに、オライリーのサンダース・クラインフェルド氏がHTMLBookの仕様を公開していますので興味のある方はご覧になってください。ワンソースでイーブックバンドル(EPUB、PDF、Mobi、DAISYなどをセットで提供)を実現しているオライリーの動向には注目が集まっています。

現在、主流になっているプラットフォーム(電子書籍ストア)向けの商業出版は、紙の出版物をいかに効率よく、ある程度の再現性を保ちながら、電子化できるかどうかが問われています。一方で、電子書籍フォーマットの仕様を最大限に生かしたデジタルならではの電子書籍づくりにも動きがみられます。かつて、ネイティブなアプリとして開発されていたアドバンスドイーブックが、HTMLベースでビルドできるようになり、電子出版物のバージョン化が容易になりました。1セットのデータをベースにして、電子書籍の通常版、廉価版、プレミアム版、インタラクティブ版など作成し、電子書籍ストア、アプリストア、登録制ウェブなどで展開することが、以前より低コストで可能になったのです。

電子書籍のライバルは、デバイスのスクリーン上で楽しめる音楽、映像、ゲーム、ソーシャルメディアなど、利用者の可処分時間を奪うあらゆるコンテンツです。「本」という単独のコンテンツをより洗練し、魅力的なものにしていくことが重要ですが、他のコンテンツとの連携や融合といったトランスメディア的アプローチも模索していかないと、電子出版という1ジャンルの中で、限られたパイを取り合うことになりかねません。
今回の総括版では「次の一手」を探るきっかけになるようなテーマを中心に構成しました。

講師:境祐司

.

今回の対象者:

  • イーブックデザイナー、イーブックデベロッパー
  • 出版社の電子出版事業部、新規事業部
  • ダイレクト出版に興味がある著者、編集プロダクション
  • ウェブコンテンツやメールマガジンを発行している企業、編集者

講義レベル:

  • 初心者(電子書籍とはどんなものか知っているレベル)〜中級者(EPUBなどの電子書籍を作成したことがあるレベル)
  • ※個人差がありますので、あくまで目安です

トータルの時間:

  • 約5時間
  • ※前半部と後半部に分けています。もちろんアーカイブ視聴も可能

ウェブキャストの内容:

「電子書籍の技術・表現・拡張」では、電子書籍の基礎から現在の問題点、教育分野で重要になってくるアドバンスドイーブックについて解説します。「国内トピック:漫画コンテンツ」は、紙のレプリカとは異なるデバイスに最適化された漫画の手法について考えます。また、HTML5ベースのコミックを実際に作成してみます。「ダイレクト出版とプロモーション」では、Kindle Storeで写真集を販売するまでのプロセスと、素材を流用したプロモーション用のサイトづくりを取り上げます(Bootstrap 3を使用します)。「HTML5パブリッシング」では、EPUB 3ファイルを使ったハイブリッドアプリのコンセプト、最も簡単なワークフローを紹介します。
尚、今回は初心者レベルから対象としていますので、実際の制作工程を紹介する場合、コーディングは最小限とし、可能なかぎりオーサリングツールやフレームワークを活用して、コーディングの経験がない方でも理解できると思います。

.

ウェブキャストは、テーマ単位で受講できますので、例えば「電子書籍の技術・表現・拡張」だけ受講登録することが可能です。受講したいテーマを組み合わせて登録してください。

.

過去、要望の多かった4つのテーマで構成

ウェブキャストの4つのテーマ

前半:

概論[技術・表現・拡張](約1時間30分)

  • [01]電子書籍の技術:イーブック・テクニカルレビュー
  • [02]電子書籍の表現:イーブック・デザイン
  • [03]電子書籍の拡張:アドバンスドイーブック

国内トピック[漫画コンテンツ](約1時間)

  • [04]国内トピック:デバイスで読む漫画の表現
  • [05]国内トピック:スマートフォンに最適化された漫画

後半:

実践:ダイレクト出版とプロモーション(約1時間)

  • [06]個人出版の実践:ダイレクトパブリッシング
  • [07]電子書籍プロモーション:オフィシャルサイトの重要性

最新動向:HTML5 パブリッシング(約1時間30分)

  • [08]HTML5と電子出版:電子書籍のハイブリッドアプリ化
  • [09]HTML5と電子出版:電子書籍のハイブリッドアプリ化
  • [10]電子書籍の最先端:CSSレイアウトとHTML5パブリッシング

.

詳細:

[01]eBook Technology
電子書籍の技術:イーブック・テクニカルレビュー

  • 電子出版フォーマットの種類と特性を理解する
  • シンプルリフロー、固定レイアウト、プリントレプリカ、ハイブリッド、高度なリフローの5つの技術

電子書籍が採用している技術

[02]eBook Design
電子書籍の表現:イーブック・デザイン

  • 電子出版フォーマット(ルール)と電子書籍(コンテンツ)と読書システム
  • 表現よりもユーザビリティを優先するリフローの電子書籍について理解しないと不毛な試行錯誤が続く
  • 検証:図版の周りにテキストを流し込む(floatプロパティによる浮動化)
  • 検証:段組みレイアウト(EPUB 3の仕様に含まれるCSS Multi-column Layout)

電子出版フォーマット(ルール)と電子書籍(コンテンツ)と読書システム

[03]Advanced eBook
電子書籍の拡張:アドバンスドイーブック

  • 電子化された本ならではの付加価値について考える
  • インタラクティブ性やゲーム性が有効に機能する電子出版の分野を見極める

電子書籍と電子書籍をラッピングしたアプリ

[04]The Future of Digital Comics 1
国内トピック:デバイスで読む漫画の表現

  • ケータイコミックから電子出版フォーマットで作られる漫画へ
  • 国内の電子出版市場において漫画は重要なコンテンツ、ストアの商用出版からウェブ漫画まで

漫画コンテンツは携帯電話向けからスマートデバイス向けへ

[05]The Future of Digital Comics 2
国内トピック:スマートフォンに最適化された漫画

  • キャラクターツールとウェブ標準技術でデジタルコミックを作成する
  • スマートフォンのポートレイトモードで読むライトウェイトなウェブ漫画のワークフロー

デジタルコミックの作成画面

[06]Direct Publishing
個人出版の実践:ダイレクトパブリッシング

  • Kindleダイレクトパブリッシングで写真集をリリースするまでの全プロセス
  • 素材の管理からKindle Comic Creatorを活用した写真集づくりの工程を解説

Kindle向けの写真集を作成するプロセス

[07]eBook Promotion – Build a Website
電子書籍プロモーション:オフィシャルサイトの重要性

  • Bootstrap 3を活用して電子書籍のオフィシャルサイトを作成する
  • 電子書籍のオフィシャルサイトは発売後の公開より、発売されるまでの数ヶ月の更新が重要

電子書籍のプロモーション

サンプル:

  • 作成する電子書籍のプロモーションページ(Bootstrap 3を使用します)
  • 参考ビデオ(※HDをクリックすると高画質になります)

[08]Advanced eBook – Hybrid Apps 1
HTML5と電子出版:電子書籍のハイブリッドアプリ化

  • 電子書籍ストアでは販売できないアドバンスドイーブックをアプリストアでリリースする
  • パブリッシャーの新規事業部で手掛けるにはベストなタイミング

EPUBとEPUBを含有するハイブリッドアプリの関係

[09]Advanced eBook – Hybrid Apps 2
HTML5と電子出版:電子書籍のハイブリッドアプリ化

  • EPUB 3の電子書籍をハイブリッドアプリ化するワークフローの解説
  • 電子出版でもノンプログラミングでアプリ化できるビルドサービスを活用する時代へ

HTMLベースのアプリの種類

[10]Advanced eBook Design
電子書籍の最先端:CSSレイアウトとHTML5パブリッシング

  • ウェブ標準技術と電子出版の今後について考える
  • 電子書籍フォーマット、ウェブアプリ、ハイブリッドアプリ、ウェブ標準技術でつくられる本の未来がもたらす新しい世界

.

.

更新日:2013年10月22日
投稿日:2013年10月16日

講演(イーブックデザイナーの仕事)の補足:

実機検証をお見せしていませんでしたので、手順のみまとめました。

関連:

.

[01]USBケーブルを接続する

USBケーブルをつなぐ

.

[02]PCに接続する(ここではMacBook Proを使用)

PCに接続

.

[03]転送可能になったことを示す画面に変わる

Kindleの画面が変わる

.

[04]「KINDLE」をダブルクリックして開く

Kindleのフォルダを開く

.

[05]「Books」フォルダをダブルクリックして開く

Bookフォルダを開く

.

[06]EPUB3からKF8(.mobi)に変換したファイルをドラッグする

EPUB3からKF8に変換したファイルをドラッグ

.

[07]「KINDLE」を取り出す(下図はMac OS の場合)

Kindleを取り出す

.

[08]「Disconnect」ボタンをタップする

Disconnectボタンをタップ

.

[09]ホーム画面の上部にあるツールバーの「Docs」をタップすると(転送したKF8のファイルの)サムネイルが表示されている。タップすると、eBookが表示される
奥の画面は「Kindle Previewer」 (Kindle Fireを選択)

Docsをタップするとサムネイルが表示されている

.

[10]Kindle Fire のホーム画面

ホーム画面

.

参考:

Support for Chinese, Japanese, and Korean Text

The Kindle family of devices has limited support for Chinese, Japanese, and Korean text. The Kindle Readers for e Ink devices and applications can render horizontal left to right Chinese, Japanese, and Korean text. They have limited font support for the CJK characters. There is no support for right to left vertical scripts and no support for Japanese Ruby script.

Amazon Kindle Publishing Guidelines version 2012.4

.

投稿日:2012年6月10日

講演(イーブックデザイナーの仕事)の補足:

Mac OSで、KF8ファイルの変換する様子をお見せできなかったので、ビデオにしておきました(Windowsは、お話したとおり、KindleGenのアイコンにEPUBファイルをドラッグするだけです)。

ユーティリティ:

  • KindleGen
    (EPUBをKF8に変換するツール)
  • Kindle Previewer
    (デスクトップ上でKF8ファイルを確認するツール)

.

ビデオを再生すると以下の機能が実行できます:

  • 右下のアイコンをクリックするとフルスクリーンになります
  • 右上の「HD」アイコンをクリックすると画質が向上します
  • 左上の「Share」からビデオファイルをダウンロードできます

(追記)
このブログのビデオより、Facebookページのビデオの方が見やすいです。
高画質にしたい場合は[HD]をクリックしてください

.

.

手順:

  1. 「ターミナル」アプリ([アプリケーション]→[ユーティリティ]の中にあります)を起動
  2. KindleGenをドラッグ
  3. EPUB3ファイルをドラッグ
  4. enterキーを押す
  5. Kindle Previewerを起動
  6. [File]→[Open Book]を実行し、KF8ファイル(.mobi)を開いて確認

投稿日:2012年6月10日

EPUB3 とKindle Format 8のHTML5 & CSS3コーディング入門

イーブックデザイナーは、電子書籍の企画から情報設計、ブックデザイン、コーディングまでを請け負う新しい職種です。電子出版は、1990年代から20年以上の歴史がありますが、現在の仕事は、ウェブと密接です。「EPUB3」(電子書籍フォーマットのオープンな標準規格)やKF8(Kindleの新しいフォーマット)は、W3CのHTML5とCSS3を採用していますので、ウェブデザインの作業とあまり変わりません。最初から、ウェブの最先端を取り込んでいる分、(古いブラウザに対応しなければいけない)ウェブデザインよりも一歩先を歩いていると考えてよいかもしれません。
今回は、これから普及し始める「EPUB3」と近々サービスを開始すると言われているAmazon Kindleの「KF8」について解説し、実際に簡単なサンプル(電子書籍)を作成します。

CSS Nite in NAGOYA ♭002

日時:6月10日(日)17:30 – 19:00(90分)

.

形式:セミハンズオン

  • PC持参する方:サンプルデータを使って電子書籍制作を体験できます
  • 聴講する方:スクリーンに大きく表示しますので、解説を聞きながらご覧ください

PCを持参して電子書籍制作を体験される方

  • HTMLとCSSの初歩的な知識があることを前提として進めます
  • HTMLやCSSを編集できるエディタが必要です
  • EPUBに変換するユーティリティが必要です(このページの最後を参照)
  • サンプルファイルをダウンロードしてください
    http://admn.mobi/download/sample.zip
    http://admn.mobi/download/sample_windows.zip (※Windowsを使用する場合)

    ※当日、(ダウンロードできない方のために)サンプルを入れたUSBメモリを用意しておきます

聴講される方

  • 小さな文字などは拡大して操作しますが、できれば前の座席をお奨めします

.

学べること:

  • EPUB とウェブコンテンツとの違いは何か
  • EPUB3 の電子書籍はどのように作成すればよいのか
  • EPUB3 の作業はウェブデザインのスキルでどの程度対応できるか
  • なぜ、日本ではまだEPUBが普及していないのか
  • Amazonの「Kindle」とはどのようなサービスなのか
  • Kindleの電子書籍とEPUBとは何が違うのか
  • どうして、EPUBからKindleの電子書籍をつくるのか
  • もし、国内でKindleがスタートしたら、どのような仕事が発生するのか

.

セミナーの内容:

[1]作業を始める前に [15分]

  • イーブックデザインってどんな仕事?
  • 電子書籍のオープンな技術「EPUB3」を理解しよう!
  • なぜ、国内でスタートしていないKindleについて学ぶの?
  • Kindleの新しいフォーマット「KF8」とEPUB3、何が違う?

[2]EPUB3の電子書籍を設計しよう! [15分]

  • 本の構造を視覚化する
  • 本の情報(メタデータ)を整理する
  • ページの順番を決める
  • 図版(画像ファイル)を準備する
  • 対象とする読書環境を決める

[3]HTML5、CSS3による電子書籍のオーサリングに挑戦! [40分〜]

  • ※セミハンズオン
  • ※テンプレートを開きながら主要な部分のみコーディング
  • ※聴講(PCなし)でも理解可能
  1. EPUBコンテナを作成
  2. パッケージドキュメントを作成
  3. ナビゲーションドキュメント(目次)を作成(HTML5)
  4. コンテンツ「表紙」を作成(HTML5, CSS3)
  5. コンテンツ「章ページ」を作成(HTML5, CSS3)
  6. EPUBファイルを圧縮/検証
  7. iOS、Android、PCで確認
  1. Kindle Format 8に変換
  2. EPUBファイルからグレースフル・デグレデーションファイルを作成
  3. グレースフル・デグレデーションファイルをKindle Format 8に変換
  4. Kindle Fireで確認

[6]電子書籍をリリースしてみよう! [10分]

  • EPUBファイルを販売するには?
  • 注意すること

.

オーサリング作業のワークフロー図(参考):

EPUB3ファイルをKF8に変換するまでの流れ

.

使用するアプリケーションおよびユーティリティ:

PCを持参して電子書籍制作を体験される方へ

  • エディタを用意してください
    使い慣れているものでかまいません
  • EPUBを圧縮するユーティリティを用意してください
  • Mac OS X「ePub Packager
    ※Mac App Storeのリンク
  • Mac OS X(10.6未満)「ePub Zip for Mac OS X
    ※ZIPファイルのリンク
  • Windows「ePubPack

参考:EPUB圧縮ユーティリティの使い方(ビデオ)
こんな感じで使います
http://www.facebook.com/photo.php?v=1699475822644

.

講師が使用するアプリケーションなどを参考情報として記しておきます

  • コーディングで使用するエディタ
    (Macを使用しますので、Jeditを使います)
  • EPUBファイルを圧縮するための専用ユーティリティ
    (Macを使用しますので、ePub Packagerを使います)

以下のアプリケーションは、用意する必要はありませんが、持参するPCにインストールされているとプレゼンを見ながら実際に試すことができます

.

[参考]リソース

EPUB3 関連:

EPUB3 リーディングシステム:

バリデーター:

EPUB3 のサンプル:

EPUB3 固定レイアウト/著作権保護:

参考サイト:

EPUB 関連イベント:

Kindle Format 8 公式ページ:

.

参考書:

EPUB関連

Kindle関連

ユーザーガイド:

.

更新日:2012年5月30日

2012年4月8日の投稿

.

Chip Kidd: Book One: Work: 1986-2006 [ペーパーバック]
チップ・キッド氏の作品集(1986〜2006年)

Chip Kidd: Book One: Work: 1986-2006

TED2012
Chip Kidd: Designing books is no laughing matter. OK, it is.
チップ・キッド 「笑い事ではないけど笑える本のデザインの話

チップ・キッドは本を表紙では判断しません。本を体現する表紙を作るのです。それもお茶目なユーモアをもって。TED2012で一番可笑しかったこの講演で、彼は表紙デザインの芸術と深い思索を披露しています(チー・パールマンとデビッド・ロックウェルがゲストキュレーターを務めたTED2012のセッション「デザインスタジオ」から)。

※以下のビデオを視聴するには、Flashプラグインがインストールされている環境が必要です。Flash未対応の環境では空白になりますが、上記のリンクをクリックすると、視聴可能なページに移動します

.

ARTBREAK
チップ・キッド氏のバンド「ARTBREAK」のPV

CHIP KIDD presents ARTBREAK from gary nadeau on Vimeo.

Here’s a first look at the ASYMMETRICAL GIRL video by ARTBREAK. Featuring CHIP KIDD & MARS TRILLION with a special appearance by Chip’s niece, LAUREN KIDD on drums. Thanks to Tal Unreich (camera), Dan & Andre at dresscodeny.com (motion graphics) Directed by me>GARY NADEAU 😉

“You could baby living it up in that world” CHIPKIDD.COM

投稿:2012年5月3日