HTML、Wikiから Markdown - マークダウンを使いライティング

HTML

WWW(ワールドワイドウェブ)の重要な一部として、HTML(ハイパーテキストマークアップ言語)はインターネット上内容発表時最も早い利用されたマーキング言語です。
タグ(tag)とエレメントを使い、文字のフォーマットとプロパティをマークして、最終的にブラウザー上描画されます。

例えば:

<h1>A heading line</h1>

本行は<h1>タグを使って、文章のタイトルを定義しました。

<a href="https://www.inspire-writer.com">Inspire Writer</a>

本行は<a>を使って、ハイパーリンクを定義しました。

<center><img src="logo.png"></center>

本行は logo.png という画像を中央寄せで表示されることを定義しました。
ご覧のように、HTML はコンテンツのフォーマットも網羅しています。

似たようなタグは、最新版の HTML5 の中に 100 個を超えている、さらに一つタグにもたくさんなプロバイダーが対応している(例えば上記のハイパーリンクの href)、特に作者さんにとって、すべて把握するは決して簡単ではありません。

そのため、作者さんたち(Web開発者ではない)は新たなライティング方式を探しています。

Wiki

HTMLを書けなくでも、より多くな人をコンテンツ投稿に参加させるため、90年代中期、Wikiが誕生しました。Wiki は簡単な記号やマークを用意し、投稿されたコンテンツを HTML を変換してくれます。そして、使用者は HTML を把握しなくでも、インターネットを簡単に利用できます。

例えば、Wiki にタイトルを定義

=A Heading Line=

または、ハイパーリンクを定義

[https://www.inspire-writer.com Inspire Writer]

中央寄せの画像を定義

[[File:logo.png|frame|centre]]

明らかに、Wikiのタグは HTML より簡単ですが、実際 HTML タグとの関連性がまだ存在しています。HTML と比べ、作者さんたちにとって、大量なタグを把握する負担を軽減しましたが、ただマークした文章の可読化が欠けてます。そのため、Wiki原文をチェック時、不便です。

Markdown

Wikiが誕生してから、約10年後、2004年あたり、Markdown が誕生しました。軽量級的、可読性がよく、編集しやすい、完全テキストフォマードです。軽量級、マーク数量がかなり少ない、覚えやすいです。同時に、Markdown エディター開発者にとっても処理必要なマークも少ないです。可読性がよい、文章中 Markdown のマークを追加しても、文章自体が読みやすく、作者さんたちにとって、変な記号に邪魔されることがないです。Markdown原文も簡単に HTML ファイルに変換することができます。

例えばタイトルを定義:

# A Heading Line

または、ハイパーリンクを定義

[Inspire Writer](https://www.inspire-writer.com)

画像を表示

![](logo.png)

ここで問題がある、どうやって画像を中央寄せます?答えは、できません。
実は、 Markdown と Wiki、HTMLの差異は文字のフォーマット(どのように表示)ではなく、文字のタイプ(種類)を定義することです。例えば、

# A Heading Line

一行文字をタイトルに定義しました。ただ、最終的に表示する形、フォントサイズ、太文字、中央寄せなど、Markdown にとってすべて無視、作者さんも関心する必要がありません。Markdown は文字のタイプをコンバーターに伝い、表示フォーマットはコンバート処理時が処理されます。

このような文字フォーマットとタイプを分けて、Markdown は軽量級と使いやすさを持ち、作者さんたちによりハイレベルの文章作成に集中させます。

Markdown の軽量と簡易の特徴で、すぐ主流ウェブサイト(例えばGitHub、Redditなど)に流行しました。

さらに

Markdown は作者さんたちの最終兵器ですか?すべて完璧ですか?当然不可能です、完璧な何かないですよ。

可読性がよくは Markdown の特徴の一つですが、ただ文字ベースです。インターネット上文章を作成時、画像が欠かせない部分です。しかし Markdown はテキストマーク言語ですが、画像を定義することができますが、表示できません(編集時)。上記のようなMarkdownを使って画像を定義

![](logo.png)

正しい画像を使ってるかどうかさえわからないです。たまには致命的なミスも行います。

Inspire の Inspire Markup Language はこの問題を改良しました。Inspire を使いライティング時、 (img) マークを入力時、画像選択が表示され、選択された画像もエディターに表示されます。もっとみやすいです。

同時、Inspire のマークに対しての色付け、原文の可読性をもっと改善してくれます。

ここまで、集中モードライティングをお試しましょうか?