このサイトの技術について

前回の予告どおり、このサイトの仕組みを簡単に紹介します。

Astroで構築

このサイトは静的なAstroプロジェクトです。すべてのページは ビルド時にあらかじめHTMLとして生成されるので、動かすサーバーは必要なく、表示も速く、 どこにでも安価に置けます。

記事はただのファイル

記事は一つひとつがMarkdownファイルです。新しく書くときはファイルを追加してタイトルと 日付を入れるだけ。一覧ページやリンクは自動で生成されます。データベースも管理画面も ありません。

標準でバイリンガル

このサイトは日本語と英語の両方で書いています。英語はルート、日本語は/ja以下にあり、 ブラウザの言語設定で最初に表示される方が決まります。ヘッダーからいつでも切り替えられ、 選んだ言語は記憶されます。

ダークモード

ライトとダークの2つのテーマがあります。最初はお使いの環境の設定に従い、ヘッダーの トグルで切り替えられます。ページが描画される前に反映されるので、読み込み時に色が ちらつくことはありません。

背景のクローラー

背景をしばらく眺めていると、細い線がゆっくりと枝分かれしながら画面に広がっていくのに 気づくと思います。これは「クローラー」と呼んでいる小さなキャンバスのアニメーションです。 いくつかの点から始まり、1フレームごとに各線が少しずつ角度を変えて新しい線を伸ばし、 根のように外へと広がって、端に届くと止まります。読みやすさを邪魔しないよう、淡く 半透明の色で背景に描いています。

だいたいこんな感じです。これからも少しずつ手を入れていきます。