2026/01/15

Hello World

新しくブログを作りました

はじめに

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 のアラートみたいなのが出せる。

Warning

markdown-it-github-alerts を使っている

チェックリスト

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

メンション

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

ANTFU ありがとう

embed

YouTube や Twitter を埋め込める。

数式

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

ブロックはこんな感じ:

0ex2dx=π2\int_0^\infty e^{-x^2} dx = \frac{\sqrt{\pi}}{2}

Maxwell 方程式:

×B1cEt=4πcj\nabla \times \vec{\mathbf{B}} - \frac{1}{c} \frac{\partial \vec{\mathbf{E}}}{\partial t} = \frac{4\pi}{c} \vec{\mathbf{j}}

経緯

アウトプットの場として

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

の 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 周りで詰まった。

おわりに

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