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

Monkeyish Studio’s methods and best practices

Introduction

ウェブキャスト(Webcast)とは、文字どおりウェブで配信される映像や音声のことですが、私は主に教育分野におけるeラーニングコンテンツに近い意味合いで使用しています。ビジネスの分野では、ウェビナー/Webinarなどと呼ばれます(WebとSeminarを組み合わせた造語)。最もわかりやすい表現は「オンライン学習」ですが、個人が自由に発信できるポッドキャスト(Podcasting)のようなスタイルに興味がありましたので、ウェブキャストと呼ぶようになりました。YouTubeには、個人が作成した膨大なスクリーンキャストが公開されています。スクリーンキャストというのは、PCのデスクトップ画面を記録したもので、アプリケーションソフトの使い方などを映像で学ぶことができます。デスクトップの操作を録画できるスクリーンキャプチャーツールがたくさん公開されていますので、無償のフリーウェアを使用すれば誰でも簡単に作成することが可能です。このウェブキャストと電子出版を連携させたいと思ったのが、2011年。2年ほど試行錯誤を繰り返し、2013年に入りトライアルを進めてきました。

私の初めての電子出版物は、1996年に日経BPから発売されたインターネット関連のチュートリアルでした。インターネットが商用化されてから2年しか経っていませんので、当時は最先端の話題を扱った電子ブックです。媒体もCD-ROMによる販売。その後、1998年10月に発足した電子書籍コンソーシアムの「ブック・オンディマンド・システム総合実証実験」ではモニタ読書として参加しましたが、ほぼ同時に動き出した携帯電話によるモバイルインターネットに可能性を感じて、iモード向けケータイコンテンツのプロジェクトにのめり込みます。現在の(EPUBなどの電子書籍フォーマットによる)電子出版に興味を持ち始めたのは2009年末で、いずれ自分の書籍の電子版もリリースされることになるだろうと思っていました。この頃から、電子出版関連のポッドキャストを配信しています(先日、296回目を配信)。

習得本の内容を映像で補完する試み

著書は大半が初心者向け習得系の本なので、スモールステップで詳しく解説するため、大量の図版が入ります。それでも、紙の場合はページ数の制約がありますので、省略される機能や操作が出てきます。動画による解説が有効だということはわかっていましたので、チュートリアルムービーを収録したCD-ROMを書籍に付けたこともあります。また、オライリーメディア(O'Reilly Media)が、無料のウェブキャスト「O'Reilly Webcasts」を配信していて、著者が書籍のプロモーションも兼ねて講演しており、その動線づくりがよく出来ていましたので、参考にしたいと思っていました。ただし、ウェブキャストを実行するときにクリアしなければいけないのが、スクリーンキャストの制作コスト。動画についてはスクリーンキャプチャーツールを使えば、すぐに作成できますが、著者が解説しながら(同時に操作もしながら)収録していきますので、毎回ハンズオンセミナーをやっているのと同じです。即興でやるわけにもいかず、何回かリハーサルしなければいけません。

出版社から発行される書籍で実践

そこで、原稿執筆の進め方を変更。原稿を執筆しながら、ウェブにアップロードし、本の執筆が終わったときには、ウェブブラウザで全てのページが閲覧できるようにしました。これが、ウェブキャストの台本になります。さらに、2012年末からは、商用利用が可能な音声合成のソフトウェアを導入し、ナレーションの機械化に挑戦。本の原稿をそのまま読ませています。すでに何回も配信していますので、ご覧になってください。こちらは原稿を字幕として表示しています。視聴の際、字幕をONにしてください(参考:音声合成によるスクリーンキャスト)。 スクリーンキャストの制作コストが半分くらいまで下がったところで、出版社から発行される書籍で実践。9月に発売された「Adobe Edge Animate CC スタートガイド」(技術評論社)にウェブキャストを付けました。書籍を購入された方は、Part 03から05までの全17レッスンをスクリーンキャストで学ぶことができます(参考:ウィンドウ可変に適応したエレメントの配置)。ナレーションはすべて音声合成で収録されています。

まだ敷居が高い有料のライブ配信

これで今後出版する書籍に、ウェブキャストを付けられるようになりましたが、未だトライアル中なのが、(オライリーメディアが配信しているような)ウェブキャスト・ライブです。無料であれば、Ustreamなどの個人向けストリーミングサービスが利用できますが、有料のライブは安定した配信が必須となり費用も高額、まだ実践できる段階ではありません。現在は、企業や学校などを対象にして、事前に受講人数や環境などが確認できるようにしています。前述したとおり、個人が自由に発信できるポッドキャストのようなスタイルを追求したいため、お金をかけずに、できるだけ多くの著者や学校の先生、(ウェブキャストをYouTubeなどで発信したい)クリエイターなどが実践しやすいワークフローを模索中です。

有料コンテンツから無料の共有コンテンツへ

さて、今回はクローズドな環境で公開していたページをリニューアルし、オープンな場で公開。過去のウェブキャストの総括版を編集し、アーカイブもリリースすることになりました。アーカイブと言っても、過去の講義は、一部の情報がすでに古くなっていますので、最新情報に変更して再演(再操作)しており、データ的にはオリジナルです。アーカイブは、6ヶ月程度で販売終了し、スクリーンキャストはYouTubeにアップロードされます(ポリシーを参照してください)。ウェブのイベントなどは、有料でも数ヶ月後には無料公開し、参加者以外の人たちも情報共有できるようにしていますが、アーカイブ販売についても、6ヶ月で無料公開というのは概ねコンセンサスが得られる期間だと思っています。

Program

新しい本のカタチを考え、提案し、具現化していく

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

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

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

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

配信日

  • 2013年6月・9月 close
  • 受講日は企業・学校ごとに調整しています

今回の対象者

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

講義レベル

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

受講時間

  • 約5時間

概要

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

Vol.01 Beta

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

Vol.02 Beta

電子書籍の表現:イーブック・デザイン

Vol.03

電子書籍の拡張:アドバンスドイーブック

Vol.04

国内トピック:デバイスで読む漫画の表現

Vol.05 Beta

国内トピック:スマートフォンに最適化された漫画

Vol.06 Beta

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

Vol.07 Release

電子書籍プロモーション:オフィシャルサイトの重要性

Vol.08

HTML5と電子出版:電子書籍のハイブリッドアプリ化

Vol.09

HTML5と電子出版:電子書籍のハイブリッドアプリ化

Vol.10

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

Release

Vol.07 電子書籍プロモーション:オフィシャルサイトの重要性
リリース日:2013年10月28日
順次フルバージョン更新中(2013年11月18日)

Vol.01〜10までのアーカイブを順次、リリースする予定です。古い情報をアップデートしなければいけないため、再演(再操作)することになりましたので、1テーマごとに進めています。まず、「Vol.07 電子書籍プロモーション:オフィシャルサイトの重要性」が準備できましたのでお知らせいたします。ウェブキャストでは2テーマ90分でしたが、新しい情報を追加したことで、アーカイブは1テーマで90分近くになっています。

Vol.07のウェブキャストは、概論と実習に分かれています。まず、電子書籍のプロモーションにはオフィシャルサイト(シングルページ)が重要であることを解説し、APEという電子書籍のプロモーションを紹介しています。後半は実習になっており、プロモーションページを実際に作成するプロセスを解説します。ここでは、オープンソースのコードエディタ「Brackets(ブラケッツ)」とGoogle Chromeを使用していますので、新たにツールを購入する等の準備は必要ありません。

実習では、作業を効率化するためのCSSフレームワーク「Bootstrap 3(ブートストラップ)」を活用していますが、これは、フレームワークがどの程度(プロモーションページ作成に)有効なのか、実際に制作を体験して感じ取ってもらうのが狙いです。Bootstrap 3を習得するための実習ではありませんので、コーディングを極力減らしたテレビクッキング方式(すでに記述されているコードをペーストしながらページを作成していく方法)で進めています。

Vol.07の概要

  • 再生時間の合計:
    97分55秒(一般公開分の10分11秒を含みます)
  • 講義:イントロダクション - APEから学ぶ電子書籍プロモーション/再生時間:24分09秒
  • 講義:イントロダクション - イーブックデザイナーとフレームワーク/再生時間:06分48秒
  • 実習:プロモーションページの作成 - Bootstrap グリッドシステムを学ぶ/再生時間:20分45秒
  • 実習:プロモーションページを作る(ナビゲーションバー)/再生時間:14分50秒
  • 実習:プロモーションページを作る(ページのヘッダーとフッター)/再生時間:09分54秒
  • 実習:プロモーションページを作る(コンテンツのレイアウト)/再生時間:11分18秒
  • 実習:電子書籍の試し読み機能をページに組み込む/再生時間:10分11秒
    ※こちらのアーカイブはYouTubeで公開されています。また、ナレーションは音声合成です。

フルバージョンとサンプルが視聴できます

  • 下の[ビデオを視聴する]ボタンをクリックしてください。

APEから学ぶ電子書籍プロモーション

Full Version

ビデオを視聴する

イーブックデザイナーとフレームワーク

Full Version

ビデオを視聴する

Bootstrap3のグリッドシステムを理解する

Full Version

ビデオを視聴する

書籍のプロモーションページ作成(前編)

Sample Version

ビデオを視聴する

書籍のプロモーションページ作成(後編-1)

Full Version

ビデオを視聴する

書籍のプロモーションページ作成(後編-2)

Full Version

ビデオを視聴する

電子書籍の試し読み機能を組み込む

Full Version

ビデオを視聴する

イーブックデザイナーの2014年

Full Version

準備中

電子書籍とマルチデバイス対応(1)

Sample Version

準備中

電子書籍とマルチデバイス対応(2)

Sample Version

準備中

電子書籍とマルチデバイス対応(3)

Sample Version

準備中

電子書籍とマルチデバイス対応(4)

Full Version

ビデオを視聴する

Webcast: ¥12,500 close

ウェブキャスト(5時間+質疑応答)の受講料ですが、人数をベースにして価格を調整できますので個別対応で決めています。受講についてはメール[ebookcast@gmail]でお問い合わせください。現在は企業や学校などが対象になっています。時間は90〜120分(テーマによって異なります)で、終了後にアーカイブ(収録ビデオや資料)が提供されます。
※少々高めの金額ですが、半分は技術費用です。教室で講義すれば、5,000円程度になるという(オンライン学習の方が高いという)状況になっていますが、他の配信方法なども考慮し、検討していきたいと思います。


Archive: ¥1,500 close

今回のVol.07アーカイブ(90分)の価格です。アーカイブはどなたでも購入できます。購入希望の方は[ebookcast@gmail]までメールをお送りください。メールの表題は「Vol07アーカイブ購入」と記してください。振込先の情報をお知らせいたします(※現在は銀行振込になります)。今回、ストア(DLmarket)での販売は保留中です(セット販売ではかなり割高になってしまうため、ビデオを1本にまとめる等、検討中です)。

現メンバー、ウェブキャストライブを受講された方、有料のニュースレター(メルマガ)を過去に購読されていた方には無料で提供しています。登録に使用したメールアドレスを[ebookcast@gmail]までお送りください(氏名などは必要ありません)。ダウンロード情報をお知らせいたします。メールの表題は「Vol07アーカイブ希望」と記してください。

DL market

Monkeyish Studio’s methods and best practices

Download

電子書籍メディア論に関連した資料やデータをダウンロードすることができます。ウェブキャストで使用する素材(レッスンファイル等)には、受講者だけに提供されるデータとパブリックなデータがあります。パブリックデータはここでダウンロードできます。また、電子出版に関連したオリジナルの電子書籍なども(Kindle Store等で販売される作品以外は)ここでダウンロードして読むことができます。
只今、電子書籍メディア論の第一巻「イントロダクション」がダウンロードできます。

電子書籍メディア論の第一巻を公開しています
公開日:2013年10月31日
第二巻以降も順次、公開予定

レッスンデータ

ウェブキャストのアーカイブ「Vol.07 電子書籍プロモーション:オフィシャルサイトの重要性」で使用するレッスンデータ(ZIPファイル/3.8MB)です。ウェブキャストを受講される方、アーカイブを購入された方はこちらからダウンロードしてください。

レッスンフォルダの内容:

[Vol07_02_Lesson]Bootstrapグリッドシステム
[Vol07_03_Lesson]プロモーションページの作成
[Vol07_05_Lesson]試し読み機能の組み込み

ダウンロードする

電子書籍

電子出版メディア論の第一巻「イントロダクション」の電子書籍(EPUB)をダウンロードできます。ZIP圧縮ファイル(1.6MB)になっています。EPUBファイルを直接ダウンロードしたい方は[EPUB]をクリックしてください。電子書籍をウェブブラウザで読みたい方は下の[ブラウザで読む]ボタンをクリックしてください。ブラウザーは、Google Chromeを推奨しています。
ブラウザEPUBリーダーは「BiB/i(ビビ)」、EPUB 3ファイルの作成は「でんでんコンバーター」を使用しています。

ブラウザで読む ダウンロードする

Policy

ウェブキャストは現在、企業・学校向けに個別対応で進めています。ライブで実施するオンライン学習とオンデマンドで提供する2つの学習スタイルを用意していますが、2013年にスタートしたばかりで、コンテンツの大半は新規に開発しています。ウェブキャストのアーカイブはコース終了後、ストアなどで販売されます。アーカイブには、スクリーンキャスト(映像)や教材データ、音声データなどが含まれます。尚、ウェブキャストライブを受講された方、有料のニュースレター(メルマガ)を過去に購読されていた方には無料で提供しています(プログラムを参照)。また、アーカイブは、リリース後6ヵ月から1年程度で、販売を終了し、YouTubeなどで公開しますので、誰でも視聴できるようになります。
電子書籍メディア論では、あらゆる人に等しく読書体験をあたえられる本「Universal eBook(ユニバーサル・イーブック)」を実現するための技術(W3Cの標準技術など)や開発・閲覧環境を推奨しており、ウェブキャストで取り上げるテーマにも反映されています。

Author

境祐司

インストラクショナルデザイナーとして講座企画、IDマネジメント、記事執筆、講演などを中心に活動。2012年5月より、電子出版専門のパブリッシャーとして、電子書籍のプランニング、情報設計、デリバリデザイン等を手掛ける。執筆した書籍は、50冊ほど(海外版、ムックを含む)。
電子出版に関するPodcast「eBook Strategy」を配信しています。また、Facebookで「電子書籍メディア論」を公開中。電子出版に関する講演で使用したスライド資料は「SlideShare」で公開されています。

2013年の主な書籍 New

主な著書に『Adobe Edge Animate スタートガイド ~CreativeCloud対応』(技術評論社)、『HTML+CSSデザイン|基本原則、これだけ。【HTML5 & CSS3対応版】』(共著/MdN)、『Amazon Kindleダイレクト出版 完全ガイド』(共著/インプレス)、『HTML & CSS 逆引き大事典』『速習Webデザイン Flash CS6』(技術評論社)、『現場で役立つCSS3デザインパーツライブラリ』『スマートフォン サイトデザインの基本原則』(共著/MdN)、『InDesign CS6で作るEPUB 3 標準ガイドブック』(共著/翔泳社)、『スマートフォンサイトデザインの基本原則』(共著/MdN)、『EPUB3 スタンダード・デザインガイド』(共著/マイナビ)、『ウェブレイアウトの教科書 PC・スマートフォン・タブレット時代の標準デザイン 』(MdN)、『Webデザイン基礎 改訂3版 (速習Webデザイン) 』(技術評論社)、『電子書籍の作り方』『Webデザイン標準テキスト ―変化に流されない制作コンセプトと基本スタイル』(技術評論社)、『デザイナーなら絶対知っておくべき Webデザイン50の原則』(ソフトバンククリエイティブ)、『速習Webデザイン Flash CS4』(技術評論社)、『Webデザイン&スタイルシート逆引き実践ガイドブック』(ソシム)、『3行レシピブログデザイン』(共著/翔泳社)、『ネタ帳デラックスFlashテクニック』(共著/MdN)『速習Webデザイン Dreamweaver CS3』『速習Webデザイン FlashCS3』(技術評論社)、『Flash逆引きデザイン事典』(共著/翔泳社)、『スタイルシートデザインのネタ帳』(監修/MdN)、『Makinga Rule for Web Design』(ソーテック)、『CSSビジュアルデザイン・メソッド』(毎日コミュニケーションズ)、『XHTMLマークアップ&スタイルシートリフォームデザインガイドブック』(ソシム)、『改訂新版Webデザイン基礎』(技術評論社)など。