ITエンジニア/デザイナ向けにオープンソースを毎日紹介

最近はMarkdownに人気が集まっていますが、実際にはそれ以外にもたくさんのドキュメントマークアップが存在します。今回はその一つとしてAsciiDocを取り上げてみたいと思います。

AsciiDocは昔から存在しますが、DocBook、(X)HTMLに変換できるマークアップとなっています。それだけに既にWeb上にたくさんデータが存在しますので、AsciiDocで書かれたドキュメントを見やすくするためにもAsciidoctor.js Live Previewを使いましょう。

Asciidoctor.js Live Previewの使い方

Asciidoctor.js Live PreviewはGoogle Chrome機能拡張で、インストールするとボタンが表示されます。

こちらが元のドキュメントです。
こちらが元のドキュメントです。

ボタンを押すとこんなリッチに。
ボタンを押すとこんなリッチに。

こちらのドキュメントも…
こちらのドキュメントも…

こんなスマートな表示に。
こんなスマートな表示に。

Asciidoctor.js Live Previewはデフォルトでは.ad/.adoc/.asc/.asciidocといった拡張子のURIに対して自動変換されるようですが、オプションでtxtに対して適用することもできます。HTML化されるのでライブビューワーと組み合わせてみても面白そうですね。

Asciidoctor.js Live PreviewはGoogle Chrome用、JavaScript製のオープンソース・ソフトウェア(MIT License)です。

Asciidoctor.js Live Preview - Chrome ウェブストア

asciidoctor/asciidoctor-chrome-extension

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2