はじめに

Vibe Coding で​ポートフォリオに​新たに​ブログ機能を​追加した。​卒業論文の​初稿を​研究室の​ボスに​見て​もらう​期限が​明日に​迫っているが、​一文字も​書かずに​現実逃避を​して​ブログを​作っている。​やばい。

見栄えの​テスト

これを​書く​ために​ Org-mode の​記法を​復習した。​わからなさすぎる。

文字の​装飾

基本的な 文字の 修飾 が​できる

コードブロック

テーマは​ Monokai にした。

(defun tarai (x y z)
  (if (<= x y) y
    (tarai (tarai (1- x) y z) (tarai (1- y) z x) (tarai (1- z) x y))))

注意書き

GitHub の​アラートみたいなのが​出せる。

チェックリスト

GitHub みたいにかっこよく​書ける。

• markdown-it-task-lists
• を​使っている

メンション

Slidev で​使われているらしい​ markdown-it-magic-link を​使っている。

ANTFU ​ありがとう

embed

YouTube や​ Twitter を​埋め込める。

数式

KaTeX で​数式が​書ける。​インラインは​ $E = mc^2$ のように​書く。

ブロックは​こんな​感じ:

$$\int_0^\infty e^{-x^2} dx = \frac{\sqrt{\pi}}{2}$$

Maxwell 方​程式:

$$\nabla \times \vec{\mathbf{B}} - \frac{1}{c} \frac{\partial \vec{\mathbf{E}}}{\partial t} = \frac{4\pi}{c} \vec{\mathbf{j}}$$

経緯

アウトプットの​場と​して

この​ブログを​作る​以前から​運用していたのが

• Cosense (https://scrapbox.io/kyre)
  • 箇条​書きベースの​簡易的な​アウトプット
• Zenn (https://zenn.dev/kyre)
  • ちゃんと​書いた​技術記事
• Hatena (https://kyre.hatenablog.jp)
  • ちゃんと​書いた​非技術記事
  • 一応​ネタ記事も​ (1​ つしかないけど​)

の​ 3 種類であった。​この​中に、​「ちゃんと​書いていないが​ある​程度ドキュメンテーションされた​文章」を​ホストする​場が​なかったので​時々​困って​いた。

将来的には​ Zenn と​ Hatena の​記事を​ここに​移動させて

• Cosense
• This blog

の​ 2 種類で​アウトプットを​完結させたい。

Zenn の​自動翻訳

俺は​ Qiita の​騒動の​時も​そうであったが、​サービスが​云々で​騒がれていると​ノリで​その​サービスの​アカウントを​消したくなる。

RYOPPIPPI が​個人ブログに​移行しようみたいな​波を​作っていたので​俺も​乗った。

構成

ryoppippi.com を​参考に、markdown-it / markdown-exit ベースで​組んだ。​Codex に​しっかり​要件を​伝えた​つもりだったが、​全く​デザインに​ついての​要件を​伝えていない​ことを​忘れておりクソみたいな​見た​目になったので​全部​デザインを​直した。

文章自体は​ Org-mode で​書いた​ものを​ CI で​ Markdown に​変換している。

kyre.moe 自体は​ Feature Sliced Design に​（ある​程度）​従っているのだが、​Pages Router 周りで​詰まった。

おわりに

ブログは​書いていきたいが、​まずは​卒論を​終わらせないと​いけない。​助けてください。