2022/02/07 で喋ったこと Vol.184

[jiyuujin]

Vue 3 が stable に

latest から特定のバージョンに指定を変更しておこう。

いよいよ今日Vue3のバージョンがnpmでメインストリームになる日。package.jsonのバージョンlatestにしている人でVue3 移行がまだな方はVue2のバージョンに固定しておきましょう！ https://twitter.com/vuejs/status/1484160249686749191?s=20&t=QL1Wv1MoATf8LoFwFvxJLg

https://twitter.com/kazu_pon/status/1490466840375541764?s=20&t=QL1Wv1MoATf8LoFwFvxJLg

Nuxt 3 プロダクション運用に踏み切っても悪くない

@jiyuujin が進めている個人ブログの Nuxt 3 マイグレーション ですが、現時点で Contentful SDK 並びに Plugin Inject の有効を確認いたしました。現行のブログでは SSR の下運用しており、今回もそれで進めるなら、移行しても問題無さそうですが、あとは静的サイト化を残すのみ、コアチームより続報が待たれる。

https://user-images.githubusercontent.com/9650581/152717218-455022d4-cdf7-48c3-ac22-8ad437c8d741.mov

[jiyuujin]

Next.js + Tailwind UI を利用してブログを製作する

Next.js + Tailwind UI を使うとたった6時間で技術ブログのプロトタイプを作れる

筆者は当初組んでいた Gatsby.js の不具合などを受けて Next.js にマイグレーションしたようです。そのポイントは第一に スターターテンプレート を利用する。また Tailwind UI を利用する、ただし有料 (課金して利用する方がどこまでいらっしゃるか) はひとつ気になる。

新しい技術へのマイグレーションで

@jiyuujin 個人として最も気になるのは、新しい技術にマイグレーションした知見というよりも、既存の技術を使いながら如何にしてパフォーマンスの最適化を進めたかという知見の方が気になる。

個人開発だからこそこういうマイグレーションも容易に行えるが、お仕事の場面でプロダクション運用している際にいとも容易く新しい技術にマイグレーションできない事情があることも忘れてはいけない。

[chinen-octtn]

GSAPを使っている人、使い勝手を教えてほしい

https://twitter.com/chocodogmagic/status/1489522848389808128?s=20&t=RxhP6NVm0A1GyAVU3F0SZQ

アニメーションライブラリ。 スクロールに応じてアニメーションする動きを少ないコードで実装できるのがメリットのよう。 簡単なスクロールアニメーションは自作しているが、複雑になると自作するのが難しいのでこういったライブラリを使うメリットはありそう。

[chinen-octtn]

SVG favicon

https://caniuse.com/?search=svg%20icon

SVGをfaviconに使うとダークモードでfaviconの色を切り替えできる。 まだSafariが対応していないよう。