電子マニュアルの考え方とタブレット端末で読める電子版図解マニュアルの作り方

<BODY BGCOLOR="#ffffff"> <P style="margin-top: 0; margin-bottom: 0"> <IMG SRC="../gif/sec4c2.gif" ALT="テクニカルライティングの応用" ALIGN=BOTTOM width="540" height="26"><P style="margin-top: 0; margin-bottom: 0"> <IMG SRC="../gif/tw3.gif" ALT="電子マニュアルの考え方とタブレット端末で読める電子版図解マニュアルの作り方" width="570" height="150"><hr> <H1> <span style="font-weight: 400">「電子版図解マニュアル」の<font color="#800000">作成ツール</font>と<font color="#800000">ファイル形式</font>の選び方</span></H1> <blockquote> <blockquote> <table border="0" cellspacing="0" width="75%" style="border-collapse: collapse" bordercolor="#111111" cellpadding="0"> <tr> <td width="10" bordercolor="#000000" bgcolor="#008080" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF">　</td> <td bordercolor="#000000" bgcolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF"> <p style="margin:1 10; line-height: 150%; text-indent:15"> 電子マニュアルだからといって専用のツール（ソフトウェア）、ファイル形式をイメージする必要はありません。文書スタイルの電子マニュアルならば、ワープロソフトあるいはプレゼンソフトなどいわゆる「Officeソフト」を活用できます。タブレット端末に合わせたページレイアウトと書式で図解マニュアルを作成したら、それ<font color="#800000">“正確に変換”されるファイル形式</font>を選ぶだけです。</p> </td> </tr> </table> </blockquote> </blockquote> <hr> <h2><span style="font-weight: 400">「電子版図解マニュアル」に適した<font color="#800000">作成ツール</font></span></h2> <p style="line-height: 150%; text-indent: 15; margin: 1 10"> ワープロソフトとプレゼンソフトではその用途が異なりますが、見方を変えればともに「<font color="#800000">ページ固定型</font>」の文書を作成するための身近なツールと言えます。</p> <ul> <li> <p style="line-height: 150%; margin-top:0; margin-bottom:15"> <font color="#000080"> これまでのセクションで、タブレット端末の狭い画面で付帯的重要事項（読む理解が中心）が多いマニュアルを構成するには、読むを要素化するとともに見ると関係付けた「図解形式」が適当と述べました。また、狭い画面を有効に使うとともにページの単元を明確にするために、「横長使い」と「ページ送り」形式が適当と述べました。ワープロソフトあるいはプレゼンソフトはいずれの使い方も可能です。</font></p> </li> </ul> <p style="margin:1 10; line-height: 150%; text-indent:15"> 電子版図解マニュアルの作成ツールとして見た際、ワープロソフトには見出し構成（アウトラインプロセッサ機能）とともにページの調整がしやすい利点があります。1セクションが複数ページで構成される場合、セクションの最初のページと以降のページの関係が自動的に構成されるとともに執筆者が望む位置で改ページが可能です。加えて、書式の設定をスタイル化して効率よく文書を作成できます。</p> <ul> <li> <p style="line-height: 150%; margin-top:0; margin-bottom:15"> <font color="#000080"> ワープロ文書をPDF文書に変換すればページの区切りを維持したまま電子文書にできます。PDF文書とした後、さらに電子文書としてのさまざまな編集（リンク、Acrobat Proによる動画の挿入など）も可能です。</font></p> </li> </ul> <p style="line-height: 150%; margin-top:0; margin-bottom:15" align="center"> <img border="1" src="t307.jpg" width="432" height="324"></p> <p style="line-height: 150%; margin: 1 10; text-indent:15"> プレゼンソフトも作成ツールの選択肢の一つです。プレゼンソフトは階層的（章－節－項）な見出し構成を有する文書作成には適しませんし、またプレゼン資料を作成する際にはそのような用い方をすべきではありません。ただ、見出しの階層構成を2ランクにとどめるとともに章見出しを中扉の扱いとすれば、電子マニュアルにも応用できます。</p> <ul> <li> <p style="line-height: 150%; margin-top:0; margin-bottom:15"> <font color="#000080"> プレゼンソフトならばリンク、動画あるいはサウンドの組み込みが簡単ですし、スラードショー形式で保存すれば1ファイルで完結した電子マニュアルになります。閲覧する際にはプレゼンソフトを用いずとも無料でダウンロードできるビューアソフトが使えます。</font></p> </li> </ul> <hr> <h2><span style="font-weight: 400">「電子版図解マニュアル」に適した<font color="#800000">ファイル形式</font></span></h2> <p style="line-height: 150%; margin: 1 10; text-indent:15"> 執筆者が意図するレイアウトをタブレット端末（あるいはPC）上で再現できる「固定ページ型」の電子文書を作成するには、PDF（Adobe Acrobat）形式あるいはこれに準ずるファイル形式が第一の選択肢と言えます。</p> <ul> <li> <p style="line-height: 150%; margin-top:0; margin-bottom:15"> <font color="#000080">電子書籍用のファイル形式（代表的なe-Pub形式あるいはXMDF形式）は、主に小説あるいは新聞・雑誌などマニュアルに比べレイアウトの制約が少ない文書を対象にしている段階です。誰もがワープロで文書を作成しPDF文書に変換するように扱えるにはさらに段階を経る必要があると考えます。先に述べたように作成ツールをページ固定型のOfficeソフトにしておけば、さらに進化したPDF形式にも他の電子文書用ファイル形式にも共通して使えます。</font></p> </li> </ul> <div align="center"> <center> <table border="1" cellspacing="1" style="border-collapse: collapse" bordercolor="#111111" width="1244"> <tr> <td width="249" style="border-left-color: #111111; border-left-width: 1" bgcolor="#CCFFFF" align="center" rowspan="2"> <p style="margin:0 1; line-height:150%; "> ファイル形式</td> <td width="840" align="center" bgcolor="#FFFFCC" colspan="3"> <p style="margin:0 1; line-height: 150%; "> 汎用およびビジネス用途を指向したファイル形式</td> <td width="713" align="center" style="border-right-color: #111111; border-right-width: 1" bgcolor="#CCFFCC" colspan="2"> <p style="margin:0 1; line-height: 150%; "> 電子出版（電子書籍など）を指向したファイル形式</td> </tr> <tr> <td width="280" align="center"> <p style="margin:0 1; line-height: 150%; "> PDF</td> <td width="280" align="center"> <p style="margin:0 1; line-height: 150%; "> XPS</td> <td width="280" align="center"> <p style="margin:0 1; line-height: 150%; "> HTML</td> <td width="402" style="border-right-color: #111111; border-right-width: 1" align="center"> <p style="line-height: 150%; margin: 0 1">独自形式</td> <td width="311" style="border-right-color: #111111; border-right-width: 1" align="center"> <p style="line-height: 150%; margin: 0 1">オープン形式（EPUBなど）</td> </tr> <tr> <td width="249" style="border-left-color: #111111; border-left-width: 1" bgcolor="#CCFFFF" align="center"> <p style="margin:0 1; line-height:150%; "> ページ形態</td> <td width="280" align="center"> <p style="line-height: 150%; margin: 0 1">固定ページ</td> <td width="280" align="center"> <p style="line-height: 150%; margin: 0 1">固定ページ</td> <td width="280" align="center"> <p style="line-height: 150%; margin: 0 1">可変ページ（リフロー）<br> <font size="2">（拡張的に固定ページ）</font></td> <td width="402" style="border-right-color: #111111; border-right-width: 1" align="center"> <p style="line-height: 150%; margin: 0 1">可変ページ（リフロー）／固定ページ</td> <td width="311" style="border-right-color: #111111; border-right-width: 1" align="center"> <p style="line-height: 150%; margin: 0 1">可変ページ（リフロー）⇒<br> 可変ページ（リフロー）／固定ページ</td> </tr> <tr> <td width="249" style="border-left-color: #111111; border-left-width: 1" bgcolor="#CCFFFF" align="center"> <p style="margin:0 1; line-height:150%; "> スタイルの指向性</td> <td width="280" align="center"> <p style="line-height: 150%; margin: 0 1">文書スタイル指向<br> <font size="2">（拡張的にマルチコンテンツ）</font></td> <td width="280" align="center"> <p style="line-height: 150%; margin: 0 1">文書スタイル指向</td> <td width="280" align="center"> <p style="line-height: 150%; margin: 0 1">文書スタイル／<br> マルチコンテンツ指向</td> <td width="402" style="border-right-color: #111111; border-right-width: 1" align="center"> <p style="line-height: 150%; margin: 0 1">文書スタイル・マルチコンテンツ</td> <td width="402" style="border-right-color: #111111; border-right-width: 1" align="center"> <p style="line-height: 150%; margin: 0 1">文書スタイル・マルチコンテンツ</td> </tr> <tr> <td width="249" style="border-left-color: #111111; border-left-width: 1" bgcolor="#CCFFFF" align="center"> <p style="margin:0 1; line-height:150%; "> 用途の指向性</td> <td width="280" align="center"> <p style="line-height: 150%; margin: 0 1">汎用指向</td> <td width="280" align="center"> <p style="line-height: 150%; margin: 0 1">汎用指向</td> <td width="280" align="center"> <p style="line-height: 150%; margin: 0 1">汎用指向</td> <td width="402" style="border-right-color: #111111; border-right-width: 1" align="center"> <p style="line-height: 150%; margin: 0 1">商業用（電子書籍など）中心</td> <td width="402" style="border-right-color: #111111; border-right-width: 1" align="center"> <p style="line-height: 150%; margin: 0 1">商業用／汎用</td> </tr> <tr> <td width="249" style="border-left-color: #111111; border-left-width: 1" bgcolor="#CCFFFF" align="center"> <p style="margin:0 1; line-height:150%; "> 閲覧ツール</td> <td width="280" align="center"> <p style="line-height: 150%; margin: 0 1">Acrobatリーダ</td> <td width="280" align="center"> <p style="line-height: 150%; margin: 0 1">Webブラウザ</td> <td width="280" align="center"> <p style="line-height: 150%; margin: 0 1">Webブラウザ</td> <td width="402" style="border-right-color: #111111; border-right-width: 1" align="center"> <p style="line-height: 150%; margin: 0 1">専用ビューア</td> <td width="402" style="border-right-color: #111111; border-right-width: 1" align="center"> <p style="line-height: 150%; margin: 0 1">汎用ビューア</td> </tr> <tr> <td width="249" style="border-left-color: #111111; border-left-width: 1" bgcolor="#CCFFFF" align="center"> <p style="margin:0 1; line-height:150%; "> 閲覧形態</td> <td width="280" align="center"> <p style="line-height: 150%; margin: 0 1">ページ送り</td> <td width="280" align="center"> <p style="line-height: 150%; margin: 0 1">ページ送り</td> <td width="280" align="center"> <p style="line-height: 150%; margin: 0 1">スクロール</td> <td width="402" style="border-right-color: #111111; border-right-width: 1" align="center"> <p style="line-height: 150%; margin: 0 1">ページ送り</td> <td width="311" style="border-right-color: #111111; border-right-width: 1" align="center"> <p style="line-height: 150%; margin: 0 1">ページ送り</td> </tr> <tr> <td width="249" style="border-left-color: #111111; border-left-width: 1" bgcolor="#CCFFFF" align="center"> <p style="margin:0 1; line-height:150%; "> 普及の程度</td> <td width="280" align="center"> <p style="line-height: 150%; margin: 0 1">広く普及</td> <td width="280" align="center"> <p style="line-height: 150%; margin: 0 1">普及段階</td> <td width="280" align="center"> <p style="line-height: 150%; margin: 0 1">広く普及</td> <td width="402" style="border-right-color: #111111; border-right-width: 1" align="center" rowspan="3"> <p style="line-height: 150%; margin: 0 1">一般用途には製作環境は非提供</td> <td width="311" style="border-right-color: #111111; border-right-width: 1" align="center" rowspan="3"> <p style="line-height: 150%; margin: 0 1">仕様が確立の途上（2011年現在）</td> </tr> <tr> <td width="249" style="border-left-color: #111111; border-left-width: 1" bgcolor="#CCFFFF" align="center" rowspan="2"> <p style="margin:0 1; line-height:150%; "> 適した電子マニュアル</td> <td width="280" align="center" rowspan="2"> <p style="line-height: 150%; margin: 0 1">文書スタイルの<br> 電子版図解マニュアル</td> <td width="280" align="center" rowspan="2"> <p style="line-height: 150%; margin: 0 1">文書スタイルの<br> 電子版図解マニュアル</td> <td width="280" align="center"> <p style="line-height: 150%; margin: 0 1">簡略な動画マニュアル</td> </tr> <tr> <td width="280" align="center"> <p style="line-height: 150%; margin: 2 1">動画を取り入れた<br> 電子版図解マニュアル</td> </tr> </table> </center> </div> <p style="line-height: 150%; margin: 1 10; text-indent:15"> 　</p> <p style="line-height: 150%; margin: 1 10; text-indent:15"> 「電子マニュアル＝Webブラウザで読むマニュアル」としてHTML形式（いわゆるWeb形式）を候補とされるかもしれません。しかし、HTML形式は「ページ可変型」で用いるのが一般的です。セクションが長くなると縦のスクロールで閲覧しなければなりません。また、セクションの数だけファイルが増えます。</p> <ul> <li> <p style="line-height: 150%; margin-top:0; margin-bottom:15"> <font color="#000080"> むしろ、HTMLは動画マニュアルの基盤として扱うのが適当と言えます。タブレット端末の解像度（例：1024×768）に対応したページサイズに設定したHTMLファイルに動画ファイルを埋め込むとともに付帯的重要事項を段落で補完する使い方に適しています。</font></p> </li> </ul> <p style="margin:1 10; line-height: 150%; text-indent:15"> 電子文書の普及が進めばこれに応じてワープロをはじめとしたOfficeソフトにXML形式を基盤とした汎用的な電子文書用ファイル形式（＊＊＊されたEPUB）が標準で備わると予想しますが、それまで「電子書籍のファイル形式論争」にまきこまれる必要はありません。</p> <ul> <li> <p style="line-height: 150%; margin-top:0; margin-bottom:15"> <font color="#000080"> 一部のOfficeソフトにPDF形式とともに標準で備わっている電子文書用ファイル形式としてとした「XPS形式（XML形式を基盤）」があります。ワープロ文書などをXPS形式に変換すれば、レイアウトが維持されたままWebブラウザで閲覧できます。</font></p> </li> <li> <p style="line-height: 150%; margin-top:0; margin-bottom:15"> <font color="#000080">XPS形式がPDF形式ほど標準となるかは別として、XML形式を基盤として「執筆者が意図したレイアウトが維持され、かつ電子文書としての特長を活かせる汎用的な電子文書用ファイル形式」が身近に使えるまでは文書スタイルの図解版電子マニュアルにはPDF形式が適当と考えます。</font></p> </li> </ul> <p style="line-height: 150%; margin-top:0; margin-bottom:15" align="center"> <img border="1" src="t309.jpg" vspace="10" width="432" height="324"></p> <HR> <p> <A HREF="t3c2s2-f.htm" TARGET="_parent"> <IMG SRC="../t1/nxt.gif" ALT="" ALIGN=BOTTOM width="37" height="37"></A> <B>次ページに進む（ボタンをクリックしてください）</B></p> <HR> <DIV ALIGN=CENTER><A HREF="../../index.htm" TARGET="_parent"> <IMG SRC="../gif/modoru.gif" ALT="" ALIGN=BOTTOM width="180" height="50"></A></DIV> <HR> <p> <font color="#000066"><b>実践テクニカルライティングセミナー</b></font><font color="#008000"><BR> </font> <b>マニュアル作成の進め方とわかりやすいマニュアルのポイント</b><BR> Copyright:Takaaki-YAMANOUCHI/2002-2011<BR> 山之内孝明／有限会社　山之内総合研究所<BR> Takaaki Yamanouchi/ Yamanouchi Research Institute,Ltd.<BR> <IMG SRC="../gif/email.gif" ALT="" ALIGN=BOTTOM width="23" height="13"><FONT SIZE=4 COLOR="#000080">　</FONT><A HREF="mailto:takaaki@yamanouchi-yri.com"><FONT SIZE=4 COLOR="#000080">takaaki@yamanouchi-yri.com</FONT></A></p> </BODY>