個人サイト、爆誕

なぜ今更個人サイトなのか

今回個人サイトを作った理由として「情報を纏めたい」というところがあります。 個人サイトを作る前には以下の情報が一元的に管理できていない実態がありました。

• 各SNSへのリンク
• MiyaraKey(私が運営しているMisskeyサーバーです)に関する運用情報
• noteに書いていた記事
  (結局このサイトに移し替えることはしませんでしたが・・・)

Misskeyだけで活動している分にはMisskey Pagesという機能がある(詳細はこちら)のでそちらでなんとかなります。しかしここ最近(2026年以降)VRChatで活動するにあたってXを再度使うようになるなど、Misskey(Fediverse)の文化圏だけでつながりが完結しないケースが増えてきていて、情報の一元化に取り組む必要が出てきてしまった。
そこでそうだ、個人サイトを作ろうと至ったわけです。
察している方もいるかもしれませんがXにリンクを1つしか貼れないのが発端みたいなところがあります。

技術スタック的な話

こういう話をするのは弱小IT園児からすると気乗りしないのですが、一応書いて起きます。

• Astroで静的コンテンツ生成
  • 初めて使ってみたのですが、便利ねぇの気持ちです。Markdownで記事を書けるのが嬉しい。
• Proxmox上にnginx(読めない)のLXCコンテナを立ててCloudflare Tunnelでポート開けずに公開
• GitHubでソースと記事の管理
• GitHub ActionsでPushすると自宅サーバにデプロイする仕掛け(所謂CI/CDってやつ)

ま、ありきたりな構成ですね。正直これなら自宅サーバにデータを置く必要もなくCloudflare Pagesとかで公開してもよかったんですが、リソースが余っているサーバから視線を感じた気がしたので結局こういう構成に。

ページの構成について

先に説明した通り必要な情報を一元管理したいというところが主軸なため、まずはこのサイトの性格と使い方を考えていきました。

• 検索エンジンからサイトに直接アクセスする需要は高くない
• 各ページの性格は結構異なり、上記と合わせてトップページから特定のページへ遷移することもない
  • 片やリンク集・片やコンテンツポリシーのような感じ。分散していたものをまとめるが故の弊害
• 記事はあくまでも自己満足の域で、自分のやったこととかそういったのをメモりたい程度の需要

こういったことから、概ね以下の構成にしようとなりました。

• プロフィールページはおそらく一番アクセスされる(各SNSに直でリンクを貼る想定)と思われるので、簡潔明瞭、わかりやすさ重視。
• 記事やMiyaraKeyに関することは一応置いてますよ～程度の置き方。
  • 承認欲求が強くなったらここの構成は変えるんじゃないかな。
• 結果としてトップページへ直接アクセスする人はそこまで多くない(と予想される)ので多少UXを犠牲にしつつ好きなデザインを使ってみる。

そんな感じでこのサイトってどう使われるのかを考えながらページの構成を考えていきました。

Design

これもまた悩んだ要素。結局Misskeyのアイコンの配色を基本とすることでしっくり来た感じです。 フォントもそれに合うようにいい感じに用意。最初は寒色ベースに角ゴシックだったのでそれと比べるとだいぶあたたかく柔らかい仕上げになったな・・・と思ってます。

改善点（今考えられるだけでも）

現在絶賛現職が忙しいのと転職活動やってるせいでこのサイトの改善に手が回ってないですが自分で気づくだけでもいっぱい改善点あるなって感じなので列挙しておきます。

• 記事に目次がない
• せっかく個人サイト作ったのにMisskeyの死活監視とかできてない
• 自鯖の紹介ページもっと凝りたい などなど・・・

時間ができ次第いい感じに改良していきたいですね。