先週は（30）WordのWebページ保存は使えるか？というタイトルでWebページ保存があることを紹介しました。しかし、肝心の質問に答えるまでには至りませんでした（申し訳ありません）。今日は、いよいよ質問に答えてみたいと思います。

日ごろから使い慣れたMicrosoft Wordで書いた原稿を、そのままWebページにできたら、Webページ作成がより身近になることでしょう。さらにWordには、見出し作成、目次作成、段落への自動番号付け、文章の校閲機能、など強力な文章の編集機能があります。文章だけではなく、作図、表作成機能なども優れているので、Wordで図表などを盛り込んで作成した文書を、そのままWebページにできれば、Webページの表現内容もいまより豊かになるはずです。

こうしたメリットが期待できるにも関わらず、アマチュアならともかく、プロの制作者で実際にWordの原稿をそのままWebページにしている人はあまりいないはずです。なぜか？　その理由は単純にWordのWebページ保存は使いものにならないからです。

何が問題なのでしょうか？　以下は、やや技術的になりますが、実際の文書で調べた結果です。調査はWord 2019のWebページ保存（フィルター後）で行いました。

先週は、WordのWebページ保存には、①Webページ保存と、②Webページ保存（フィルター後）の2種類があること、Webページ保存では、ブラウザの表示には使わない、いろいろなファイルが保存されていることを示しました。ですので、WordでWebページを作るなら、Webページ保存（フィルター後）の方が適切なはずです。

Webページは、HTML（Hyper Text Markup Language）で書きます。Webページ保存（フィルター後）のHTMLファイルを、oXygen XML Editorで開いて内容を見てみます。先週、使ったファイルの本体（bodyタグ）先頭部分は次のようになっています。

気が付いた点を次に大雑把に整理してみます。

(1) 和欧混植の言語指定方法が不適切
和欧混植の文を、bodyにlang=JAを指定したうえで、段落のラテン文字に<span lang=EN-US>という属性をつけています。この結果、段落の文はすべて次のようにマークアップされています。

<span lang=EN-US>Word</span>の情報タイトルが<span lang=EN-US>HTMLの<span
lang=EN-US>title</span>に出力


しかし、日本語の文にはラテン文字を混在できるので、このような指定は不要です。こうした出力ではHTMLになった文章を編集するのが厄介になってしまいます。

(2) 箇条書きを通常の段落タグにしているなどタグの表現が貧困
Wordで箇条書きを指定した段落、番号付き段落などは、行頭に記号や数字のついた通常段落として表現されています。段落タグ以外で使われているのは、見出しランクタグ<h?>、表（<table>など）、イメージ（<img>）、文字飾り（<b>、<u>など）僅かで、タグの種類としては、このブログ（WordPress）よりも少なそうです。

(3) 文字化け
次の例は、別の箇条書きの部分ですが、フォントが段落の一部に直接指定されています。箇条書き記号にWingdingsというWordで昔から使われている特殊なフォントが指定されています。箇条書き記号はUnicodeでU+00B2（SUPERSCRIPT TWO: 上付きの2。これはおそらくWingdingsの内部番号をそのまま出している）となっていて、文字化けしています。Unicode標準にマップするなら、U+2727（WHITE FOUR POINTED STAR）とすべきではないかと思います。

<p class=a1><span style='font-family:Wingdings'>²<span style='font:7.0pt "Times New Roman"'> 
</span></span><span lang=JA style='font-family:HGP正楷書体'>新しい箇条書きスタイル</span></p>

(4) レイアウト指定が固定的になっており、後でCSSで変更できない
・通常の段落は<p class=MsoNormal>が指定されており、MsoNormalというクラス属性には、Wordで指定した段落スタイルをCSSにしたものが指定されているため、Webページに別のCSSをリンクしてレイアウトを変更しにくい。
・bodyにはstyle=’word-wrap:break-word;text-justify-trim:punctuation’のようにスタイルを直接指定しています。

これでは、原稿の作者が指定したレイアウトがWebページに影響を及ぼしてしまいます。現在のWebページは、文章などのコンテンツに対して、CSSでレイアウトを自由に指定・変更することが多いのですが、WordのWebページ保存は、コンテンツにレイアウトが密接に紐づいてしまっています。特にWordのレイアウトは紙にプリントすることを暗黙に想定されているのでWebページにそのまま使うのは不向きです。

(5) HTML文法上の問題
pタグにalign属性を付けるなど、既に廃止されたタグを使っているため、今回の文書では、oXygen XML EditorからHTML検証エラーが140個出されています。

以上は、一例に過ぎませんが、WordのWebページ保存（フィルター後）には、技術的にかなり問題があると言えます。なお、WordのWebページ保存はラウンドトリップ（HTML保存した結果を読むと元のWordのdocx版に戻ること）を想定しているためか、WordのWebページ保存（フィルター後）と比べて、さらに不要な情報が出力されています。

—-
宣伝です。来る10月12日（火）16時から、「ちょっと一息・アンテナハウスウェビナー」で、

WordでHTMLを書けたらスゴイ!

という題で、Microsoft Wordで書いた文書からWebページ（HTML）を作るというトピックについてお話しする予定です。関心をお持ちの方は、ぜひ、ご参加ください。

——-
◆前回：月曜日連載！　Microsoft Wordスタイル探索 （30）WordのWebページ保存は使えるか？
◆次回：月曜日連載！　Microsoft Wordスタイル探索 （32）Word文書からWebページ（HTML）変換の既存実現手段は？
◆シリーズ総目次
〇関連ページ
◆Microsoft Wordを使って報告書などの長文を作成する人向けの新知識満載です。 Microsoft Wordのアウトラインと見出しスタイルを活用する方法（概要）

来る10月12日（火）16時から、「ちょっと一息・アンテナハウスウェビナー」で、

WordでHTMLを書けたらスゴイ!

という題で、Microsoft Wordで書いた文書からWebページ（HTML）を作るというトピックについてお話しする予定です。そこで、その準備も含めて、月曜日連載！　Microsoft Wordスタイル探索では、10月12日までの間、WordでHTMLを作ることをテーマに探索してみたいと思います。

WordでWebページを作ると言えば、Wordをいつも使っている人なら、WordのWebページ保存を使うことを思い浮かべるでしょう。そこで、まず、WordのWebページ保存を探索してみます。（以下は、Microsoft Word 2019 (バージョン2107、ビルド14228.20250）、をWindows 10 Proで使用して調査しました。）

Wordで編集中の文書を「名前を付けて保存」を実行すると保存ダイアログが開きます。そのファイルの種類から次の図のように様々なファイル形式を選択して保存できます。

この中でWebページに関係ありそうなファイル形式は次の三つです。

・単一ファイルWebページ
・Webページ
・Webページ(フィルター後)

それぞれの形式で保存して調べてみます。最初は、単一ファイルWebページです。

単一ファイルWebページは画像まで含めて一つのファイルとして保存されます。ファイルの拡張子は既定値では.mhtです。この保存したファイルをダブルクリックすると、インターネット・エクスプローラが立ち上がってファイルの内容を表示できます。しかし、このファイルは、マイクロソフトの最新ブラウザであるエッジやFireFoxなどでは内容を正しく表示できません。

念のため、.mhtファイルをテキストエディタで開いてみますと、先頭に次のような文章があります。

MIME-Version: 1.0
Content-Type: multipart/related; boundary="----=_NextPart_01D797DF.52FF6750"

このドキュメントは単一ファイル Web ページ (Web アーカイブ ファイル) です。お使いのブラウザーまたはエディターは Web アーカイブ ファイルをサポートしていません。Web アーカイブをサポートするブラウザーをダウンロードしてください。

------=_NextPart_01D797DF.52FF6750
Content-Location: file:///C:/754AB838/file1096.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="utf-8"

単一ページWeb形式はHTMLファイルではなく、インターネット・エクスプローラ専用のファイル形式のようです。もちろん、Wordで保存した.mhtファイルを元のWordで開くことはできます。なんにしてもこれはWeb形式という名前がついているだけであって、一般のブラウザで表示できるWebページではないと言ってよいでしょう。

次に、WebページとWebページ(フィルター後)を見てみます。

編集中のWord文書をこの二つの形式で保存すると、次の図のように.htmという拡張子のファイルと、ファイル名の最後に.filesという名前の付いたフォルダーができます。

htmの内容を調査するのは後回しにして、.filesフォルダーの内容を見てみます。

次は、Webページで保存したときにできる.filesフォルダーの内容です。.pngという拡張子のファイルはイメージ画像ですが、それ以外にいろいろな種類のファイルができています。

Webページ(フィルター後)で保存したときにできる.filesフォルダーの内容は次の図のようになります。こちらは、.pngという拡張子のファイルのみです。

.filesフォルダーの中をみただけで想像できることはWebページ(フィルター後)の方は、Webで必要な最小限の情報だけに絞っているようだ、ということです。

この両者のhtmファイルをブラウザで表示して、Webページとしての評価をする前に、Wordで読み込んでどうなるかを見てみます。

元のWord文書とhtmファイルをWordで読み込んだ結果のページを比較してみます。

Webページとして保存したhtmをWordで読み込むとほぼ元のWord文書に戻ります。しかし、Webページ(フィルター後)として保存したhtmをWordで読み込むと元のWord文書に近くはなりますが、レイアウトが崩れたり表示されない画像があったりします。

次は、元のWord文書とWebページ(フィルター後)として保存したhtmを読み込んでページを比較した例です。

この例では番号付き段落の文字のならびの間に画像が入ってしまう、などの文字のならびの崩れが確認できます。

まとめると、Webページとして保存するとWebでは使わない様々なファイルが同時に保存されるが再びWordに読み込んだ時にもとに戻る。しかし、Webページ(フィルター後)として保存すると、Webページでは使わないファイルは削除されてしまい、再びWordに読み込んだ時に元に戻らない箇所がある、と言えます。

——-
◆前回：月曜日連載！　Microsoft Wordスタイル探索 （29）WordでHTMLを書けたらスゴイ!
◆次回：月曜日連載！　Microsoft Wordスタイル探索 （31）WordのWebページ保存は使えない。その理由は？
◆シリーズ総目次
〇関連ページ
◆Microsoft Wordを使って報告書などの長文を作成する人向けの新知識満載です。 Microsoft Wordのアウトラインと見出しスタイルを活用する方法（概要）

おはようございます。

2か月近く先になりますが、10月12日（火）16時から、いつもの、「ちょっと一息・アンテナハウスウェビナー」は、

WordでHTMLを書けたらスゴイ!

という題で、Microsoft Wordで書いた文書からWebページ（HTML）を作るというトピックについてお話しする予定です。そこで、その準備も含めて、月曜日連載！　Microsoft Wordスタイル探索では、これから10月12日までの間、WordでHTMLを作ることをテーマにいろいろと探索してみたいと思います。

振り返ってみると、

1980年代半ばにパソコン（Personal Computer: PC）が誕生しました。PCの用途の一つにOfficeでの文書作成があります。PCが普及する前、私が社会人になった約45年前は日本のオフィスでの文書作成と配布は、もっぱら手書きとコピー、そして公式文書は簡易印刷でした。その後、ワープロ専用機が登場して、手書きによる文書作成がなくなりました。

現在は、デスクでの文書作成作業には、ほとんどPCのワープロを使うようになっています。

1980年代後半に、いろいろな日本語ワープロソフトが登場してしのぎを削っていましたが、現在は、Microsoft Wordが圧倒的なシェアをもっています。Word以外には、Google DocsとかLibre Officeを使う人もいるかもしれませんが、少数派と言ってよいでしょう。

Wordで作成した文書は、当初は、プリンタで紙に印刷して配布されました。現在では、PDFの形式で配布されるのが当たり前となっています。

PDFは、紙に印刷されるレイアウトをそのまま電子ファイルにした形式です。つまり紙を使った情報の配信をそのままデジタル化したのがPDFによる情報配信と言えます。
参考)　PDFとは？ そのメリット、活用法など

今後は、
現在、公開される情報配信はWebページが圧倒的に主流になっています。非公開・社内向けの情報配信でさえもイントラネット上のWebページとして配信されているものが多いと思います。

Webページで配信する情報を表現するとき、基本はHTML形式を使います。HTML形式の最新であるHTML5は、現在WHATWGという団体が策定しているものです。
HTML標準仕様の策定についてW3CとWHATWGが合意 今後はWHATWGのリビングスタンダードが唯一のHTML標準仕様に

HTMLを表示するにはブラウザを使いますが、最新の主要ブラウザはHTMLだけでなくPDFを表示する機能を内蔵していますので、HTMLとPDFはほとんどシームレスにいったりきたりできます。

但し、これは設定によります。PDFをダウンロードする設定になっているとシームレスな移動はできません。詳しくは次をご参照ください。
参考）ブラウザでPDFファイルをWebページからシームレスに表示するか、ダウンロードするかの設定

こうしてPDFで作成した文書をそのままWebページで配信しても、大きな問題はなくなってきたとも言えます。

ところが不都合なことが一つあります。それは、現在、Webページを閲覧するのはPCではなくスマホが主流になってきていることです。スマホでもPDFを表示はできますが、画面が小さいので見ずらいと感じている人は多いでしょう。

普通に考えるとWordで作成した文書をWebページで配信するなら、PDF（のみ）ではなくてHTML形式にしてほしいという要求が高まっての不思議ではありません。

しかし、これは実は結構難しい問題なのです。それが、WordでHTMLを書けたらスゴイ!ということの意味になります。では実際に何がスゴイって？　それについてはこれから順次お話していきたいと思います。

——-
◆前回：月曜日連載！　Microsoft Wordスタイル探索 （28）これまでの27回の人気記事は？
◆次回：月曜日連載！　Microsoft Wordスタイル探索 （30）WordのWebページ保存は使えるか？
◆シリーズ総目次
〇関連ページ
◆Microsoft Wordを使って報告書などの長文を作成する人向けの新知識満載です。 Microsoft Wordのアウトラインと見出しスタイルを活用する方法（概要）

Microsoft Wordスタイル探索 2月より約半年間にわたり毎週月曜日に連載してきました。今日の月曜日はお休みにあたるので、これまでの記事のまとめを紹介します。

まず、これまでのページビューの多い順1位から10位までのランキングは次のとおりです。1番人気は第8回段落のアウトラインレベルです。この記事は、Wordではアウトラインは階層化という意味合いであり、段落のアウトライン（段落の階層化）と番号のアウトライン（階層化した番号）の２様に使われていることを説明したものです。

順位　　回数　タイトル
1 （８）―段落のアウトラインレベル
2 （11）―箇条書きは難しい？
3 （２）―アウトラインのタイプ
4 （15）―箇条書きの話、世間の箇条書きガイド（続き）
5 （１）―アウトライン
6 （９）―本のような形式の目次を自動で作る方法を調べてみました
7 （12）―見出しのアウトライン番号の付け方を変更
8 （14）―箇条書きとはなにか？
9 （３）―アウトラインで見出し番号をつける
10 （16）―箇条書きのタイプとそれに対応するWordの機能・表現方法
11 （17）―Word組み込みの箇条書きスタイルは使えない、その理由は？
12 （４）―見出しスタイルの便利な機能いくつか

これまでの記事はアウトラインと見出し、箇条書き、図形機能の3カテゴリーになりますが、カテゴリー別に記事の一覧を作成しました。

アウトラインと見出し関連記事

• （１）アウトライン
  アウトラインを使うと、リストに対して、右のように階層化した番号を簡単に付けることができます。
• （２）アウトラインのタイプ
  アウトライン機能には既存リストライブラリーが７種類登録されています。そしてどうやらこのリストライブラリーは次のように「見出し」という文字を含まないタイプ（赤枠）と、「見出し」という文字を含むタイプ（緑枠）の2種類に分けられます。
• （３）アウトラインで見出し番号をつける
  見出しに番号をつけるには、アウトラインのリストライブラリーで、「見出し」という語を含む項目を選択します。
• （４）見出しスタイルの便利な機能いくつか
  段落に見出しスタイルを適用すると、目次の自動作成、ナビゲーション、アウトライン編集などの便利な機能が使えます。
• （５）見出しに階層化番号をつけたい
  リボンの「アウトライン」のリストライブラリーの階層化番号を段落に適用すると「見出し段落」ではなくて、「リスト段落」になってしまいます。
• （６）見出しに階層化番号をつけるための設定方法
  見出しに階層化番号を付けるには、新しいアウトラインの定義で、階層化番号を作成して、見出しのレベルに対応付ける必要があります。
• （７）そもそも「見出しスタイル」ってなに？　どうやって設定するの？
  Wordに組み込まれた「見出しスタイル」はスタイルギャラリーに登録されているので、段落にカーソルを置いて、「見出しスタイル」をクリックすると適用できます。
• （８）段落のアウトラインレベル
  アウトラインレベルには箇条書きの番号レベルと、段落書式のアウトラインレベルがあり、段落書式のアウトラインレベルを設定すると目次の自動生成やナビゲーションが使えるようになります。
• （９）本のような形式の目次を自動で作る方法を調べてみました
  長文ドキュメントを作成したときは目次が必須となります。Wordの見出しスタイルと段落のアウトラインレベルを組み合わせると本のような目次を自動的に作れます。
• （10）アウトライン編集とは？　アウトライン編集は何が良い？
  Microsoft Wordのリボン「表示」の表示グループには、印刷レイアウトやWebレイアウトとならんでアウトライン表示というアイコンがあります。Word文書の作成において、どんなメリットがあるのでしょうか。
• （12）見出しのアウトライン番号の付け方を変更する確実・簡単な方法
  「新しいアウトラインの定義」で文書中のアウトライン番号の設定を取り込んで、設定を変更して新しいアウトライン番号を定義できます。
• （13）自動生成目次の見出しに番号がついてしまう。番号が付かないように変更するには？
  自動生成の目次には「目次の見出し」というスタイルが適用されます。目次の見出しスタイルは、見出し１スタイルを継承しているため、予期せず番号がついてしまうことがあります。

箇条書き関連記事

• （11）箇条書きは難しい？
  Microsoft Wordの箇条書きは行頭記号のみで、番号付きの箇条書きは段落番号（？）
• （14）箇条書きとはなにか？
  Oxford Style Manualの箇条書きのガイド、HTML5の箇条書きの定義を調べてみました。
• （15）箇条書きの話、世間の箇条書きガイド（続き）
  The Chicago Manual of Styleの箇条書きガイド、JIS X 4051ほかの日本語組版の箇条書き処理を調べました。
• （16）箇条書きのタイプとそれに対応するWordの機能・表現方法
  箇条書きについて調べたことをまとめて、それをMicrosoft Wordでどのように表現するかを考えてみます。
• （17）Word組み込みの箇条書きスタイルは使えない、その理由は？
  結論としてはWord（2019）に組み込まれている箇条書きスタイルは使わない方が良いと言えそうです。
• （18）箇条書きのレイアウトとその設定方法
  Microsoft Wordの機能を調べる前に、まず、箇条書きのレイアウトパターンにどのような変数があるかを考察してみましょう。
• （19）Wordで箇条書きのレイアウトパターンを指定する方法（続き）
  ラベルと箇条内容（文）の配置について調べてみます。
• （20）箇条内容が複数行になるとき２行目以降を１文字行頭に寄せるレイアウト指定はうまくできない？
  箇条内容が複数行になるとき２行目以降を１文字行頭に寄せるレイアウト指定をするには行頭空白を使うしかなさそうです。
• （21）箇条書きのブロック前後の空きを広げる
  箇条書きブロックの前後の行間を広げて、箇条書きのブロックを見やすくする方法について調べます。
• （24）番号付き箇条書きの項目を、相互参照先に指定する
  Wordでは相互参照というリンク設定機能があります。番号付き箇条書は相互参照の参照先にできます。

Wordの図機能関連記事

• （22）Wordの図機能の概要
  図グループには画像の挿入、図形の追加など７種類のコマンドがあります。まず、7種類のコマンドをざっと見てみます。
• （23）図の種類・配置・表示・管理
  「オブジェクトの選択と表示」をクリックすると、「選択」ウィンドウが開いてページの中にある図オブジェクトの一覧が表示されます。
• （25）図形の配置　6パターン
  文字列の折り返しの6種類の配置パターンを紹介します。
• （26）図形の移動
  「文字列と一緒に移動する」「ページ上の位置を固定」のいずれかのオプションを指定できます。
• （27）アンカーの役割
  「文字列の折り返し」を選択したとき、図形を文字や段落との結びつけるアンカーが設定されます。既定値では段落の先頭位置の左余白内に置かれます。

———————-
◆次回：（29）WordでHTMLを書けたらスゴイ!
◆シリーズ総目次
〇関連ページ
◆Microsoft Wordを使って報告書などの長文を作成する人向けの新知識満載です。 Microsoft Wordのアウトラインと見出しスタイルを活用する方法（概要）