diff options
Diffstat (limited to 'services/blog/public/posts/2023-03-10/rewrite-this-blog-generator/index.html')
| -rw-r--r-- | services/blog/public/posts/2023-03-10/rewrite-this-blog-generator/index.html | 148 |
1 files changed, 148 insertions, 0 deletions
diff --git a/services/blog/public/posts/2023-03-10/rewrite-this-blog-generator/index.html b/services/blog/public/posts/2023-03-10/rewrite-this-blog-generator/index.html new file mode 100644 index 00000000..d70cf265 --- /dev/null +++ b/services/blog/public/posts/2023-03-10/rewrite-this-blog-generator/index.html @@ -0,0 +1,148 @@ +<!DOCTYPE html> +<html lang="ja-JP"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="author" content="nsfisis"> + <meta name="copyright" content="© 2023 nsfisis"> + <meta name="description" content="このブログのジェネレータを書き直したので、やったことを書き記しておく。"> + <meta property="og:type" content="article"> + <meta property="og:title" content="このブログのジェネレータを書き直した｜REPL: Rest-Eat-Program Loop"> + <meta property="og:description" content="このブログのジェネレータを書き直したので、やったことを書き記しておく。"> + <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> + <meta property="og:locale" content="ja_JP"> + <link rel="icon" type="image/svg+xml" href="/favicon.svg"> + <title>このブログのジェネレータを書き直した｜REPL: Rest-Eat-Program Loop</title> + <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> + </head> + <body class="single"> + <header class="header"> + <div class="site-logo"> + <a href="/">REPL: Rest-Eat-Program Loop</a> + </div> + <nav class="nav"> + <ul> + <li> + <a href="/about/">About</a> + </li> + <li> + <a href="/posts/">Posts</a> + </li> + <li> + <a href="/slides/">Slides</a> + </li> + <li> + <a href="/tags/">Tags</a> + </li> + </ul> + </nav> + </header> + <main class="main"> + <article class="post-single"> + <header class="post-header"> + <h1 class="post-title">このブログのジェネレータを書き直した</h1> + </header> + <div class="post-content"> + <section id="changelog"> + <h2><a href="#changelog">更新履歴</a></h2> + <ol> + <li class="revision"> + <time datetime="2023-03-10">2023-03-10</time>: 公開 + </li> + </ol> + </section> + <section id="section--intro"> + <h2><a href="#section--intro">はじめに</a></h2> + <p> + このブログを構築するシステムを書き直したのは 2度目である。元々立ち上げた当初は、静的サイトジェネレータである <a href="https://gohugo.io/" rel="noreferrer" target="_blank">Hugo</a> を使っていた。それを <a href="https://asciidoctor.org/" rel="noreferrer" target="_blank">Asciidoctor</a> にいくつかのカスタムを加えた自前のジェネレータに移行したのが 2022年の11月ごろだ。そして今回、スクラッチから書いた <a href="https://deno.land/" rel="noreferrer" target="_blank">Deno</a> 製のジェネレータに移行した。 + </p> + <p> + この記事では、移行の理由などを (主に将来の私へ向けて) 書き記しておく。 + </p> + </section> + <section id="section--from-hugo-to-asciidoctor"> + <h2><a href="#section--from-hugo-to-asciidoctor">Hugo から Asciidoctor へ</a></h2> + <p> + 最初に断っておくと、Hugo は大変に優れた静的サイトジェネレータである。移行の理由の大半は、自分でジェネレータを書きたかったからに他ならない。実のところ、この記事を執筆している現在、自作ジェネレータは Hugo よりも機能が劣っている。例えば、Hugo を使っていたころはサポートしていた RSS フィードの生成は、まだ実装できていない。 + </p> + <p> + 移行先のフォーマットとして AsciiDoc を選んだのは、Markdown よりも表現力に優れるからである。Markdown は広く使われている軽量マークアップ言語だが、以下のような欠点を持つ。 + </p> + <ul> + <li> + CommonMark では機能が貧弱である (例: 脚注、<code>id</code> 属性の付与) + </li> + <li> + 拡張記法に実装間で互換性がない + </li> + <li> + メタデータ (公開日など) を埋め込む統一された方法がない + </li> + </ul> + <p> + AsciiDoc は Markdown に比べると普及していないが、上記の欠点は克服している。 + </p> + <ul> + <li> + ブログを書くのに十分な表現力がある + </li> + <li> + フォーマットを拡張するときの記法があらかじめ定められている + </li> + <li> + メタデータを埋め込む統一された方法がある + </li> + </ul> + <p> + なお、Hugo は AsciiDoc もサポートしているのだが、AsciiDoc を使う場合 Asciidoctor を別途インストールする必要があり、それならば最初から Asciidoctor でよかろうと移行を決めた。 + </p> + </section> + <section id="section--from-asciidoctor-to-my-own-generator"> + <h2><a href="#section--from-asciidoctor-to-my-own-generator">Asciidoctor から自前のジェネレータへ</a></h2> + <p> + AsciiDoc は良いフォーマットだが、私には 1点不満があった。それは、高い表現力を担保するために記号が使い倒されており、エスケープが難しいという点だ (具体例を挙げたいのだが、何だったか覚えていない)。これは、多種多様な記号類を入力する必要のある技術ブログにとっては辛い問題である。この問題を解決するため、 + </p> + <ul> + <li> + 表現力が高く、 + </li> + <li> + 文法が厳密であり、 + </li> + <li> + 簡単に実装できる + </li> + </ul> + <p> + フォーマットが求められた。これに合致したのが、XML をベースとする <a href="https://docbook.org/" rel="noreferrer" target="_blank">DocBook</a> (今回使っているのは、そのサブセットである <a href="https://tdg.docbook.org/tdg/sdocbook/5.1/" rel="noreferrer" target="_blank">Simplified DocBook</a> ) である。 + </p> + <p> + 実は、AsciiDoc と DocBook はおおよそ互換性がある。AsciiDoc で書かれた文書は (ほぼ) 情報ロスなしに DocBook へ変換でき、逆もまたしかりである。よって、DocBook には、AsciiDoc と同等の表現力がある。 + </p> + <p> + XML の文法の厳密さについては、説明するまでもないだろう。また、単純な文法であることから実装が容易であり、事実上 Asciidoctor へロックインされる AsciiDoc とは異なり、さまざまな言語で多くのライブラリが存在する。 + </p> + <p> + 今回は、XML のパース自体も自分で書いている (これは何となく書きたかったからであり、合理的な理由があるわけではない。実装はサボりまくっているので XML のコメントが使えないといった制限がある)。 + </p> + <p> + XML という機械処理しやすいフォーマットを選ぶことには、機械的な変換や検査といった処理がおこないやすくなるといった利点もある。欠点は軽量マークアップ言語と比べて冗長であることだが、書く際は補完などを用いるのでそれほど気にならない。結局のところ、技術ブログの執筆を律速するのは調査と文章の記述であり、マークアップの手段は執筆時間に大した影響を与えない。 + </p> + </section> + <section id="section--outro"> + <h2><a href="#section--outro">おわりに</a></h2> + <p> + 2度のリライトを経て、記事のフォーマットとサイトジェネレータを上から下まで掌握した。今後も改善のアイデアは多数あるので、じわじわと進めていきたいところだ。 + </p> + <p> + 最後にもう一度書くのだが、Hugo は大変に優れた静的サイトジェネレータである。無駄な拘りがなければこれを使うとよい。私は無駄に拘ったので、ブログの記事を書く時間を潰してブログシステムを作ってしまった。 + </p> + </section> + </div> + </article> + </main> + <footer class="footer"> + © 2021 nsfisis + </footer> + </body> +</html> |