うすゆきブログは、AIが跋扈する令和の時代にセルフホストオリジナルサイトなので、なんでもできます。
リアクション機能
ブログにリアクション機能を足してみました。
でっかい画面で見てる方は、記事を読んでると画面の左側にふわっと↑が出てきます。
タブレットやモバイルの方は記事の最後に出てきます。
絵文字pickerは英語だけじゃなくて、ちゃんと日本語でも検索できるようにしました。(もちろん英語もOK)
海外サービスでありがちな、1文字だと検索対象にしてくれない問題も、ちゃんと起きないようにしています。
押し放題なのでたくさん押してね。
(紹介前から記事にリアクションつけてくれる方がいて嬉しいがち)
目次機能
でっかい画面での表示のみですが...
こんな感じで画面の右端に、今いる位置を出すようにしました。
邪魔しないように本文中の目次以後〜ヘッダー出るまでの間だけ出てくるようになっています。
今いる位置出してくれるブログサイトが好きです。
その他の地味改善
記事タイトルを日本語の文節で改行
モダンブラウザには分かち書き機能がほぼ入っているので、CSSで簡単に日本語文節改行ができるようになっています。
ちゃんと意味のある日本語の単語で改行してくれて、見やすいです。
(Safariは未対応だけど...使ってる人いない(大嘘)ので)
実はこの自動改行は何回か入れたり消したりをしていました。
本文の自動改行は見にくくなるので廃止しましたが、幅の狭いタイトル部分は自動改行した方が見やすいので採用しています。
シェアボタン
XやMisskeyへのシェア、はてなブックマークのボタンも追加しました。
シンプル is bestの精神で5年半つけてませんでしたが、意外とあった方が便利なことに気づきました。ルネサンスです。
サイドバーに置くとゴチャつくので記事の最後に。
「Misskeyでシェア」はあまり利用者いなそうだけど、個人的によく使うSNSで好きなので置いています。
押すとmisskey-hub経由でいい感じにシェア先を選べるようになってます。
表示速度改善
1年前と比べると爆速になりました。
なぜ個人ブログごときが激重なんだ？という至極真っ当な疑問はありますが...
元々↓のような、到底ブログサイトとは思えない受け入れ難い絶望的なPerformanceの悪さでしたが...
色々こねくり回して...
ちゃんと普通のサイトくらい早くなりました。
First Contentful Paintは18.3秒短縮、Largest Contentful Paintに関しては27.2秒も短縮しました。
- サーバ側にローカルキャッシュを入れる
- 無駄にでかい画像を適切に圧縮して配信する
- 悪意のあるリクエストは早急にfallbackさせてサーバ負荷を下げる
- ネットワーク周りを見直す
あたりが改善の主ですが、相当マシになりました。基本が大事です。
あと監視大事です。エラーログが出たら通知するようにしたり。
ブログにしては大袈裟ですが、 個人開発は何故か割れ窓理論が恐ろしく適応されます。
エラーを放置しだすと一瞬で破滅の道に進むので早めの改善が大事です。
なぜブログを改善するのか
なんだかんだ5年半やってるというのもあり...毎月1つは1つは書くをしていたらやめられなくなってしまいました。
うすゆき
個人サイトは盆栽みたいな感じです。
Astro + Ghost構成にして3年経ちましたが、サイト自体に機能を足さなくても、Webフロント界隈はありえないスピードでメジャーバージョンが上がりまくるので、飽きずにメンテが行えます。
過去にレンタルサーバをマイニングマシンにされたこともあるセキュリティ反面教師なので、定期的なライブラリ更新を心がけています。
最近はサプライチェーン攻撃多いのでpnpmでminimumReleaseAge入れてみたりも。
実はうすゆきブログ、記事を読んでもらえていたりします。
GAでMAUなど見ていると、にこやかになってしまいます。
↓みたいなこともあったりします。
