ver1000000.comを2026年に連れてきた
- #技術
- #ver1000000
- #ポエム
- 作成日:
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との兼ね合いが難しかったんですよね、ここ。
直後の画面とブラウザ側のアニメーションをどう繋ぐかはかなり悩みました 🐗