Blog

ver1000000.comを2026年に連れてきた

ver1000000.comを、2026年時点のAngular/Firebase構成に合わせてだいたい全部更新しました。

  • Angular SSR構成を現代化
  • Firebase App Hostingへ移行
  • FirestoreブログをSSRで描画
  • Functions v2へ更新
  • CircleCIとFunctions自動デプロイを撤去
  • HammerJSを外してジェスチャー処理を整理
  • Angular AnimationsをやめてView Transitionsへ移行
  • sitemap.xml / robots.txtを追加
  • Prettier / ESLint / pre-commit整形を導入

またしばらくサイトのメンテをサボっていました。

最近業務などでもよくAngularのアップデートをしていて、 ng update を打つ機会が多かったのです、が……。

今回は ng update で地道にコミットを積んでくかんじではなく、 最新Angularで作った新しいプロジェクトに、既存のロジックを移し替えるような形で更新しました。

昔はCircleCIからFirebase HostingとFunctionsをまとめてデプロイしていたのですが、、、なんでだったんだろう。
歴史的経緯、忘れてしまった。

依存外したかったので、Web本体はGitHubへのpushからApp Hostingが勝手にデプロイするようにして、
Functionsは必要なときだけ手動でデプロイする形にしています 🛠️

ブログもSSRで本文が出るように戻しました。 JavaScriptを切ってアクセスしても Now Loading... のままではなく、記事本文が読める。
OGPも記事ごとに出る。 これだけのことなのですが、ここに戻すまでが結構長かったですね…… 🫠

見た目まわりでは、朱猪の挙動や初回表示のイントロ演出も調整しました。 SSRとの兼ね合いが難しかったんですよね、ここ。

直後の画面とブラウザ側のアニメーションをどう繋ぐかはかなり悩みました 🐗