lemonadern's personal blog 2026-05-21T00:00:00+00:00 https://lemonadern.dev/posts/feed.xml 2026-05-21T00:00:00+00:00 2026-05-21T00:00:00+00:00 https://lemonadern.dev/posts/renewed-site-2026-spring/ <p>このサイト <a rel="noopener noreferrer external" target="_blank" href="https://lemonadern.dev/">lemonadern.dev</a> をリニューアルした。</p> <p>リポジトリは<a rel="noopener noreferrer external" target="_blank" href="https://github.com/lemonadern/lemonadern.dev">こちら</a>。</p> <h2 id="lume-shi-dai">Lume 時代<a class="zola-anchor" href="#lume-shi-dai" aria-label="Anchor link for: lume-shi-dai" style="visibility: hidden;"></a> </h2> <p><a rel="noopener noreferrer external" target="_blank" href="https://github.com/lemonadern/lume-blog">前のブログ</a>は Deno の SSG であるところの <a rel="noopener noreferrer external" target="_blank" href="https://lume.land/">Lume</a> を使って作ったものだった。2022年から2023年の年越しで作ったサイトなので3年半くらい動いていたことになる。（動いていた、と言っても GitHub Pages に置いてあっただけだが）</p> <p>その間に Deno は1回、 Lume は2回にわたりメジャーバージョンを更新し、普通についていくのがしんどくなっていた。4月に一度 AI を使って<a rel="noopener noreferrer external" target="_blank" href="https://sizu.me/lemonadern/posts/oev7hbzmx1od">メンテした</a>が、虚無の作業ではあった。</p> <h2 id="zola-heyi-xing">Zola へ移行<a class="zola-anchor" href="#zola-heyi-xing" aria-label="Anchor link for: zola-heyi-xing" style="visibility: hidden;"></a> </h2> <p>ただの静的サイトなんて放置したところで脆弱性なんてないに等しいわけだし、化石のまま置いておいても大した問題にはならない。でも復旧時に余計な作業が増えるのは避けたいとは感じていた。他で忙しいときは個人サイトなんて触れないので、もっと枯れた、あるいはシンプルな SSG に移行したい気持ちがあった。</p> <p>ということで Hugo や Jekyll などの大御所を見ていたが、 結局 Rust 製の <a rel="noopener noreferrer external" target="_blank" href="https://www.getzola.org/">Zola</a> を使うことにした。 Rust 製といってもワンバイナリなので Rust が顔を出してくることはなく、メンテが大変ってこともなさそう。</p> <h3 id="tenpuretoenzin">テンプレートエンジン<a class="zola-anchor" href="#tenpuretoenzin" aria-label="Anchor link for: tenpuretoenzin" style="visibility: hidden;"></a> </h3> <p>Zola のテンプレートエンジンは <a rel="noopener noreferrer external" target="_blank" href="https://keats.github.io/tera/">Tera</a> というやつだが、見た目は Jinja2 とか Django のテンプレートっぽいので馴染みはある。基本的に AI に書かせてるので細かい違いはわからない。</p> <h3 id="toml-front-matter">TOML front matter<a class="zola-anchor" href="#toml-front-matter" aria-label="Anchor link for: toml-front-matter" style="visibility: hidden;"></a> </h3> <p>ユーザ視点で特徴的なのは Markdown の front matter が toml なこと。ここは Rust エコシステムみがある。けっこう珍しい気がするがこのへんの相互変換は大した作業じゃないので気にしていない。正直 YAML より TOML のほうが好きだし。</p> <h3 id="theme">Theme<a class="zola-anchor" href="#theme" aria-label="Anchor link for: theme" style="visibility: hidden;"></a> </h3> <p>Zola にはテーマ機能があり、今回は <a rel="noopener noreferrer external" target="_blank" href="https://github.com/isunjn/serene">serene</a> というやつを使わせてもらった。めっちゃシンプルで気に入っている。スタイルは継承しつつ色々カスタマイズを入れていて、 ToC の現在位置ハイライトを入れたりモバイルにも ToC を追加したり、前後記事へのリンクを入れたり、見出しのレベルを表示できるオプションを入れたり、細かいところを挙げればキリがないが色々やった。まだ favicon とかは用意してないいないものの概ね満足行くレベルになったので公開という運びになりました。</p> <h2 id="yi-qian-nokontentu">以前のコンテンツ<a class="zola-anchor" href="#yi-qian-nokontentu" aria-label="Anchor link for: yi-qian-nokontentu" style="visibility: hidden;"></a> </h2> <p>以前のサイトに置いていた内容はこのサイトでも<a href="/archive/">アーカイブ</a>として残している。リダイレクトも設定してあるのでリンク切れとかも無いはずです。</p> <h2 id="owarini">おわりに<a class="zola-anchor" href="#owarini" aria-label="Anchor link for: owarini" style="visibility: hidden;"></a> </h2> <p>今後はここで記事を書いていく予定です。<a href="/posts/feed.xml">RSS</a> で更新をお待ちください。</p> 2026-04-15T00:00:00+00:00 2026-04-15T00:00:00+00:00 https://lemonadern.dev/posts/typography-test/ <h2 id="jian-chu-si-h2">見出し h2<a class="zola-anchor" href="#jian-chu-si-h2" aria-label="Anchor link for: jian-chu-si-h2" style="visibility: hidden;"></a> </h2> <h3 id="jian-chu-si-h3">見出し h3<a class="zola-anchor" href="#jian-chu-si-h3" aria-label="Anchor link for: jian-chu-si-h3" style="visibility: hidden;"></a> </h3> <h4 id="jian-chu-si-h4">見出し h4<a class="zola-anchor" href="#jian-chu-si-h4" aria-label="Anchor link for: jian-chu-si-h4" style="visibility: hidden;"></a> </h4> <h2 id="duan-luo">段落<a class="zola-anchor" href="#duan-luo" aria-label="Anchor link for: duan-luo" style="visibility: hidden;"></a> </h2> <p>これは通常の段落テキストです。日本語と English が混在しています。段落が複数行にわたる場合のレンダリングを確認します。Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <p>これは2つ目の段落です。</p> <h2 id="risuto">リスト<a class="zola-anchor" href="#risuto" aria-label="Anchor link for: risuto" style="visibility: hidden;"></a> </h2> <h3 id="ge-tiao-shu-ki">箇条書き<a class="zola-anchor" href="#ge-tiao-shu-ki" aria-label="Anchor link for: ge-tiao-shu-ki" style="visibility: hidden;"></a> </h3> <ul> <li>アイテム 1</li> <li>アイテム 2 <ul> <li>ネストされたアイテム 2-1</li> <li>ネストされたアイテム 2-2 <ul> <li>さらにネスト 2-2-1</li> </ul> </li> </ul> </li> <li>アイテム 3</li> </ul> <h3 id="fan-hao-fu-kirisuto">番号付きリスト<a class="zola-anchor" href="#fan-hao-fu-kirisuto" aria-label="Anchor link for: fan-hao-fu-kirisuto" style="visibility: hidden;"></a> </h3> <ol> <li>最初のアイテム</li> <li>2番目のアイテム</li> <li>3番目のアイテム</li> </ol> <h2 id="rinku">リンク<a class="zola-anchor" href="#rinku" aria-label="Anchor link for: rinku" style="visibility: hidden;"></a> </h2> <p><a rel="noopener noreferrer external" target="_blank" href="https://github.com/lemonadern">通常のリンク</a></p> <p>段落の中に<a rel="noopener noreferrer external" target="_blank" href="https://github.com/lemonadern">インラインリンク</a>が含まれる場合のスタイルです。長いURLの折り返し確認: <a rel="noopener noreferrer external" target="_blank" href="https://example.com/very/long/path/that/should/break/appropriately/in/the/layout">https://example.com/very/long/path/that/should/break/appropriately/in/the/layout</a></p> <h2 id="kodo">コード<a class="zola-anchor" href="#kodo" aria-label="Anchor link for: kodo" style="visibility: hidden;"></a> </h2> <p>インラインコード: <code>const x = 42;</code> や <code>deno task build</code> のようなもの。</p> <p>コードブロック:</p> <pre class="giallo z-code"><code data-lang="typescript"><span class="giallo-l"><span class="z-keyword">import</span><span class="z-variable z-other"> lume</span><span class="z-keyword"> from</span><span class="z-punctuation z-definition z-string"> &quot;</span><span class="z-string">lume/mod.ts</span><span class="z-punctuation z-definition z-string">&quot;</span><span>;</span></span> <span class="giallo-l"><span class="z-keyword">import</span><span class="z-variable z-other"> tailwindCSS</span><span class="z-keyword"> from</span><span class="z-punctuation z-definition z-string"> &quot;</span><span class="z-string">lume/plugins/tailwindcss.ts</span><span class="z-punctuation z-definition z-string">&quot;</span><span>;</span></span> <span class="giallo-l"></span> <span class="giallo-l"><span class="z-storage z-type">const</span><span class="z-variable z-other z-constant"> site</span><span class="z-keyword"> =</span><span class="z-entity z-name"> lume</span><span>(</span><span>{</span><span> src</span><span>:</span><span class="z-punctuation z-definition z-string"> &quot;</span><span class="z-string">./src</span><span class="z-punctuation z-definition z-string">&quot;</span><span> }</span><span>)</span><span>;</span></span> <span class="giallo-l"><span class="z-variable z-other">site</span><span>.</span><span class="z-entity z-name">use</span><span>(</span><span class="z-entity z-name">tailwindCSS</span><span>(</span><span>)</span><span>)</span><span>;</span></span> <span class="giallo-l"></span> <span class="giallo-l"><span class="z-keyword">export</span><span class="z-keyword"> default</span><span class="z-variable z-other"> site</span><span>;</span></span></code></pre><pre class="giallo z-code"><code data-lang="shellscript"><span class="giallo-l"><span class="z-entity z-name">deno</span><span class="z-string"> task</span><span class="z-string"> build</span></span> <span class="giallo-l"><span class="z-entity z-name">deno</span><span class="z-string"> task</span><span class="z-string"> serve</span></span></code></pre><h2 id="yin-yong">引用<a class="zola-anchor" href="#yin-yong" aria-label="Anchor link for: yin-yong" style="visibility: hidden;"></a> </h2> <blockquote> <p>これは blockquote です。引用文のスタイルを確認します。 複数行にわたる引用も確認します。</p> </blockquote> <h2 id="teburu">テーブル<a class="zola-anchor" href="#teburu" aria-label="Anchor link for: teburu" style="visibility: hidden;"></a> </h2> <table><thead><tr><th>列 1</th><th>列 2</th><th>列 3</th></tr></thead><tbody> <tr><td>セル A</td><td>セル B</td><td>セル C</td></tr> <tr><td>セル D</td><td>セル E</td><td>セル F</td></tr> </tbody></table> <h2 id="shu-shi-katex">数式 (KaTeX)<a class="zola-anchor" href="#shu-shi-katex" aria-label="Anchor link for: shu-shi-katex" style="visibility: hidden;"></a> </h2> <p>インライン数式: $E = mc^2$</p> <p>ブロック数式:</p> <p>$$ \int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi} $$</p> <p>$$ \sum_{n=1}^{\infty} \frac{1}{n^2} = \frac{\pi^2}{6} $$</p> <h2 id="jiao-zhu">脚注<a class="zola-anchor" href="#jiao-zhu" aria-label="Anchor link for: jiao-zhu" style="visibility: hidden;"></a> </h2> <p>本文中に脚注<sup class="footnote-reference"><a href="#1">1</a></sup>を含む場合のレンダリングです。</p> <div class="footnote-definition" id="1"><sup class="footnote-definition-label">1</sup> <p>これが脚注の内容です。</p> </div> 1928-05-01T00:00:00+00:00 1928-05-01T00:00:00+00:00 https://lemonadern.dev/posts/kigakuteki-genkaku/ <p>　ある秋<ruby>仏蘭西<rt>フランス</rt></ruby>から来た年若い<ruby>洋琴家<rt>ピアニスト</rt></ruby>がその国の伝統的な技巧で豊富な数の楽曲を冬にかけて演奏して行ったことがあった。そのなかには<ruby>独逸<rt>ドイツ</rt></ruby>の古典的な曲目もあったが、これまで噂ばかりで稀にしか聴けなかった多くの仏蘭西系統の作品が<ruby>齎<rt>もた</rt></ruby>らされていた。私が聴いたのは何週間にもわたる六回の連続音楽会であったが、それはホテルのホールが会場だったので聴衆も少なく、そのため静かなこんもりした感じのなかで聴くことができた。回数を積むにつれて私は会場にも、周囲の聴衆の頭や横顔の恰好にも慣れて、教室へ出るような親しさを感じた。そしてそのような制度の音楽会を好もしく思った。</p> <p>　その終わりに近いあるアーベントのことだった。その日私はいつもにない落ちつきと頭の澄明を自覚しながら会場へはいった。そして第一部の長いソナタを一小節も聴き落すまいとしながら聴き続けていった。それが終わったとき、私は自分をそのソナタの全感情のなかに没入させることができたことを感じた。私はその夜床へはいってからの不眠や、不眠のなかで今の幸福に倍する苦痛をうけなければならないことを予感したが、その時私の陥っていた深い感動にはそれは何の響きも与えなかった。</p> <p>　休憩の時間が来たとき私は離れた席にいる友達に<ruby>目眴<rt>めくば</rt></ruby>せをして人びとの肩の間を屋外に出た。その時間私とその友達とは音楽に何の批評をするでもなく黙り合って煙草を吸うのだったが、いつの間にか私達の間できまりになってしまった各々の孤独ということも、その晩そのときにとっては非常に似つかわしかった。そうして黙って気を鎮めていると私は自分を捕えている強い感動が一種無感動に似た気持を伴って来ていることを感じた。煙草を出す。口にくわえる。そして静かにそれを吹かすのが、いかにも「何の変わったこともない」感じなのであった。――燈火を赤く反映している夜空も、そのなかにときどき写る青いスパークも。……しかしどこかからきこえて来た軽はずみな口笛がいまのソナタに何回も繰り返されるモティイフを吹いているのをきいたとき、私の心が鋭い<ruby>嫌悪<rt>けんお</rt></ruby>にかわるのを、私は見た。</p> <p>　休憩の時間を残しながら席に帰った私は、すいた会場のなかに残っている女の人の顔などをぼんやり見たりしながら、心がやっと少しずつ寛解して来たのを覚えていた。しかしやがてベルが鳴り、人びとが席に帰って、元のところへもとの頭が並んでしまうと、それも私にはわからなくなってしまうのだった。私の頭はなにか凍ったようで、はじまろうとしている次の曲目をへんに重苦しく感じていた。こんどは主に近代や現代の短い<ruby>仏蘭西<rt>フランス</rt></ruby>の作品が次つぎに弾かれていった。</p> <p>　演奏者の白い十本の指があるときは泡を<ruby>噛<rt>か</rt></ruby>んで進んでゆく波頭のように、あるときは戯れ合っている家畜のように鍵盤に挑みかかっていた。それがときどき演奏者の意志からも鳴り響いている音楽からも遊離して動いているように感じられた。そうかと思うと私の耳は不意に音楽を離れて、息を凝らして聴き入っている会場の空気に触れたりした。よくあることではじめは気にならなかったが、プログラムが終わりに近づいてゆくにつれてそれはだんだん顕著になって来た。明らかに今夜は変だと私は思った。私は疲れていたのだろうか？　そうではなかった。心は緊張し過ぎるほど緊張していた。一つの曲目が終わって皆が拍手をするとき私は癖で大抵の場合じっとしているのだったが、この夜はことに<ruby>強<rt>し</rt></ruby>いられたように凝然としていた。するとどよめきに沸き返りまたすーっと収まってゆく場内の推移が、なにか一つの長い音楽のなかで起ることのように私の心に写りはじめた。</p> <p>　読者は幼時こんな<ruby>悪戯<rt>いたずら</rt></ruby>をしたことはないか。それは人びとの<ruby>喧噪<rt>けんそう</rt></ruby>のなかに囲まれているとき、両方の耳に指で<ruby>栓<rt>せん</rt></ruby>をしてそれを開けたり閉じたりするのである。するとグワウッ――グワウッ――という喧噪の断続とともに人びとの顔がみな無意味に見えてゆく。人びとは誰もそんなことを知らず、またそんななかに陥っている自分に気がつかない。――ちょうどそれに似た孤独感が遂に突然の烈しさで私を捕えた。それは演奏者の右手が高いピッチのピアニッシモに細かく触れているときだった。人びとは一斉に息を殺してその微妙な音に絶え入っていた。ふとその完全な窒息に眼覚めたとき、<ruby>愕然<rt>がくぜん</rt></ruby>と私はしたのだ。</p> <p>「なんという不思議だろうこの石化は？　今なら、あの白い手がたとえあの上で殺人を演じても、誰一人叫び出そうとはしないだろう」</p> <p>　私は寸時まえの拍手とざわめきとをあたかも夢のように思い浮かべた。それは私の耳にも目にもまだはっきり残っていた。あんなにざわめいていた人びとが今のこの静けさ――私にはそれが不思議な不思議なことに思えた。そして人びとは誰一人それを疑おうともせずひたむきに音楽を追っている。言いようもないはかなさが私の胸に<ruby>沁<rt>し</rt></ruby>みて来た。私は<ruby>涯<rt>はて</rt></ruby>もない孤独を思い浮かべていた。音楽会――音楽会を包んでいる大きな都会――世界。……小曲は終わった。<ruby>木枯<rt>こがらし</rt></ruby>のような音が一しきり過ぎていった。そのあとはまたもとの静けさのなかで音楽が鳴り響いていった。もはやすべてが私には無意味だった。幾たびとなく人びとがわっわっとなってはまたすーっとなっていったことが何を意味していたのか夢のようだった。</p> <p>　最後の拍手とともに人びとが<ruby>外套<rt>がいとう</rt></ruby>と帽子を持って席を立ちはじめる会の終わりを、私は病気のような<ruby>寂寥感<rt>せきりょうかん</rt></ruby>で人びとの肩に<ruby>伍<rt>ご</rt></ruby>して出口の方へ動いて行った。出口の近くで太い首を持った背広服の肩が私の前へ立った。私はそれが音楽好きで名高い侯爵だということをすぐ知った。そしてその服地の匂いが私の寂寥を打ったとき、何事だろう、その威厳に充ちた姿はたちまち<ruby>萎縮<rt>いしゅく</rt></ruby>してあえなくその場に<ruby>仆<rt>たお</rt></ruby>れてしまった。私は私の意志からでない同様の犯行を何人もの心に加えることに言いようもない憂鬱を感じながら、玄関に私を待っていた友達と一緒になるために急いだ。その夜私は私達がそれからいつも歩いて出ることにしていた銀座へは行かないで一人家へ歩いて帰った。私の予感していた不眠症が幾晩も私を苦しめたことは言うまでもない。</p> <hr /> <p><a rel="noopener noreferrer external" target="_blank" href="https://www.aozora.gr.jp/cards/000074/files/422_19700.html">青空文庫</a>より</p>