<p><a href="https://qiita.com/advent-calendar/2021/lisp" target="_blank" rel="nofollow noopener noreferrer">Lisp Advent Calendar</a>  1日目の記事です。<br>
本記事は、hello-world程度の内容なので、進んだ内容は別の記事になります(予定)。</p>
<h2 id="dsssl%E3%81%A8%E3%81%AF">
<a class="header-anchor-link" href="#dsssl%E3%81%A8%E3%81%AF" aria-hidden="true"></a> DSSSLとは</h2>
<p>DSSSLは、SGMLというマークアップ言語向けの古のスタイルシート言語です。Scheme subsetな言語でスタイルを記述することができます。現代で最も有名なスタイルシート言語はCSSですが、複雑なことを抽象化したりできなさそうです。DSSSLはあまり流行らなかったそうですが、おもしろそうに思えます。</p>
<p>DSSSLは、ディッセルと読みます。Document Style Semantics and Specification Languageの略です。</p>
<h2 id="dsssl%E3%82%92%E4%BD%BF%E3%81%86">
<a class="header-anchor-link" href="#dsssl%E3%82%92%E4%BD%BF%E3%81%86" aria-hidden="true"></a> DSSSLを使う</h2>
<p>今回の説明では、OpenJadeというソフトウェアを使います。<br>
SGMLファイルとDSSSLファイルを入力し、CSSやリッチテキストなどの文書を出力してくれます。UbuntuやGentoo Linuxの標準パッケージマネージャからインストールできます。</p>
<p>OpenJadeでリッチテキストを作る例は次ように入力します。<br>
スタイル情報であるDSSSL(-d sample.dsl)と文書データであるSGML(sample.sgm)、そして出力形式を指定(-t rtf)し、出力ファイル名を与えます(output.rtf)。</p>
<div class="code-block-container"><pre><code>openjade -t rtf -d sample.dsl -o output.rtf sample.sgm
</code></pre></div><p>それから、dssslからCSSを出力には次のように入力します。なぜかOpenJadeではHTMLをついでに出力してくれないのですが、SGMLからHTMLは機械的に変換できるのでそれほど問題にはならないでしょう。</p>
<div class="code-block-container"><pre><code>openjade -t html -d sample.dsl -o output.css sample.sgm
</code></pre></div><h2 id="dsssl%E3%81%A7%E3%81%AEscheme">
<a class="header-anchor-link" href="#dsssl%E3%81%A7%E3%81%AEscheme" aria-hidden="true"></a> DSSSLでのScheme</h2>
<p>DSSSLは、R4RS Schemeのサブセットでスタイルを記述します。<br>
省かれている機能は、ペアを壊すような操作set-c{a,d}rなどの副作用周りの手続きです。</p>
<p>スタイルの定義では、ptなどの大きさの単位を使うことがありますが、これが含まれていても演算できるような拡張になっています。</p>
<h2 id="dsssl%E3%81%AE%E7%B0%A1%E5%8D%98%E3%81%AA%E4%BE%8B">
<a class="header-anchor-link" href="#dsssl%E3%81%AE%E7%B0%A1%E5%8D%98%E3%81%AA%E4%BE%8B" aria-hidden="true"></a> DSSSLの簡単な例</h2>
<p>まず、スタイルを流し込みたいSGML文書の例です。<br>
実質XMLで、例えば、&lt;some-name&gt;は、HTMLでいるところの&lt;div id="some-name"&gt;のようなものです。&lt;sample&gt;は、ページ名を定義していて、&lt;header&gt;、&lt;body&gt;、&lt;footer&gt;はそれぞれの段落名としました。</p>
<div class="code-block-container"><pre><code>&lt;sample&gt;
    &lt;header&gt; aaaaaaa &lt;/header&gt;
    &lt;body&gt;bbbbbb&lt;/body&gt;
    &lt;footer&gt;ccccccc&lt;/footer&gt;
&lt;/sample&gt;
</code></pre></div><p>で、この文書に流し込むDSSSLの例です。</p>
<div class="code-block-container"><pre><code>&lt;!DOCTYPE style-sheet PUBLIC "-//James Clark//DTD DSSSL Style Sheet//EN"&gt;
&lt;style-sheet&gt;
    &lt;style-specification-body&gt;
        (element sample
            (make simple-page-sequence))

        (element head
            (make paragraph))

        (define (make-rgb-color r g b)
            (color (color-space "ISO/IEC 10179:1996//Color-Space Family::Device RGB")
                   (/ r 255) (/ g 255) (/ b 255)))

        (element body
            (make paragraph
                  space-before: (* 240pt 2)
                  color: (make-rgb-color 255 0 0)
                  font-size: 12pt
                  ))

        (element footer
                 (make paragraph))

    &lt;/style-specification-body&gt;
&lt;/style-sheet&gt;
</code></pre></div><p>DSSSLは、冒頭の!DOCTYPEの宣言とstyle-sheet、style-specification-bodyタグ内に記述する必要があります。&lt;sample&gt;や、&lt;header&gt;など、指定した要素のスタイル定義するには、(element tag-name)とします。<br>
ページの定義は、(make simple-page-sequence)とし、(例では、ヘッダやフッタを入れていますが、simple-page-sequence自体にそれらを定義する機能があったりします)、パラグラフの定義は　(make paragraph)とします。<br>
スタイルの内容は、makeの中の第三要素以降に書いていきます。スタイル名(末尾が:のもの)と値の組になっています。</p>
<p>最後に、未定義の部分は適宜補完されていますが、出力の例です。</p>
<div class="code-block-container"><pre><code>SPAN.BODY {
  font-family: Times New Roman,serif;
  font-weight: 500;
  font-style: normal;
  font-size: 12pt;
  color: #ff0000;
}
SPAN.FOOTER, SPAN.HEADER, SPAN.SAMPLE {
  font-family: Times New Roman,serif;
  font-weight: 500;
  font-style: normal;
  font-size: 10pt;
  color: #000000;
}
DIV { margin-top: 0pt; margin-bottom: 0pt; margin-left: 0pt; margin-right: 0pt }
DIV.FOOTER {
  text-align: left;
  line-height: 12pt;
  text-indent: 0pt;
}
DIV.BODY {
  margin-top: 480pt;
  text-align: left;
  line-height: 12pt;
  text-indent: 0pt;
}
</code></pre></div><h2 id="%E3%81%8A%E3%82%8F%E3%82%8A">
<a class="header-anchor-link" href="#%E3%81%8A%E3%82%8F%E3%82%8A" aria-hidden="true"></a> おわり</h2>
<p>本記事では、DSSSLのコマンドと簡単な例を示しました。<br>
別の機会に進んだ内容を書く予定です。</p>


DSSSLという古のSchemeが使えるスタイルシート言語を使ってみよう

Discussion