メインコンテンツへスキップ
  1. Footprints/
  2. Footprints of 2026-01/

2026-01-03

·1 分·

あけおめ.新年1発目です.

諸々のWebページのリニューアル
#

何の気が向いたのか,正月休みでPortfolioBlogをリニューアル?改修?した.
この辺のやつ弄るときは基本無計画で突然やりはじめちゃうので,いっつも痛い目見てる.今回はそこまで痛手を負わずに済んでよかった.

Portfolio
#

やったのはこれだけ

  • ダークモード対応
  • Repositoryの掃除
  • Cloudflare Workersへ移転
  • パフォーマンス改善

ダークモードは最初 (3年前) いらね〜って言って作らなかったクセに,結局欲しくなって後から作るハメになりました.サボるな!
色は全部自分の好み (一部Chakra UIのデフォカラー).割と気に入った.
いらないかな〜と思ったけど一応ボタンポチポチでダーク・ライト変えれるやつも置いといた.

Repository掃除は,昔Portfolioに載せてたものの残骸がいっぱい溜まっててシビレを切らしたので,要らないものを全消しした.
Webはシンプルが一番いいね.

Cloudflareへの移設はBlogを改修した(後述)ついで.今まではVercelに載せてて特に不満もなかったけど,バラバラの場所で管理するのが面倒だったのでまとめた.
流石にVercelよりパフォーマンスは落ちたけど,OpenNextでもSSRとかしっかり動いてて「はぇ〜」となった.Cloudflareはプライベートリポジトリも無料プランで使えるのがイイネ.
移設がてらサイトパフォーマンスも見てみたら,余りにひどかったのでこれもちょっと直した.Performanceスコア60台は流石にいただけない.
とはいえ,原因は過去に自前でMarkdownをレンダリングしてブログ運用してたときの名残とか,無駄なフォントCSSのロードとかだったので,これも要らないのは一掃した.

でもあんまり軽くならなかった.85台が限界.カナシイネ…

Lighthouse Result

Blog
#

Blogは元々Obsidianで編集して,Quartzでデプロイする方法をとっていた.Quartzは色々カスタマイズ性に長けていて,そこそこ手を入れて使っていたのだが,その反面維持が面倒になってしまった.
どうせMarkdownをレンダリングして静的ページにできればよいので,Hugoに変えることにした.それが今のこのページである.

HugoのテーマはBlowfishにした.デフォルトで色が非常に好み.
ただ移行が非常に面倒だった.結構Obsidian FlavorなMarkdownを使い倒してたので,Wikilinkとか画像添付の書き換えをしなきゃで丸1日潰すハメに… (今回の唯一の痛手はこれかも)
とりあえず一通り設定を終えて,移行もして,運用できる状態にはなった.過去のURLの維持は面倒だったので諦めた.(俺の記事なんてそんなに見られてないでしょ?たぶん…)

デプロイ先はCloudflare Pagesにした.リポジトリをプライベートにしておきたかったので,PortfolioとVercelにまとめるのは無理だった.
正直QuartzのGraph Viewとかあの辺は要らなかったので,新しい方がシンプルで気に入っている.最近はObsidian開くのもちょっと面倒で,nvimで気楽に編集できたほうがいいしね()

Hugoは3年前くらいにちょっと使っていたことがあったが,その時よりも多機能になってて驚いた.適当なサイトなら大それたCMSとか最早要らなくなっちゃうんじゃない?

著者
Myuu
CS Researcher