ブログをリニューアル

新年、あけましておめでとうございます。今年もよろしくお願いいたします。

Tailwind CSS ベースにリニューアル

この年末年始のお休みを利用して、当ブログのデザインをリニューアルしました。

これまでは Bootstrap ベースのHTMLテンプレートを利用していましたが、今回は Tailwind CSS をベースに切り替えました。最近は自分で作るものはすべて Tailwind CSS をベースにしています。本当に便利ですね。

また、デザインパーツには、尊敬するYoshiki Katoさんの「バーンワークス UI ライブラリ - Tailwind CSS を使用した日本語ウェブサイト向け UI サンプル集」を利用させていただきました。ありがとうございます！

Craft 4 にアップグレード

デザインのリニューアルに合わせて、CMS も Craft 3 から Craft 4 にアップグレードしました。

リニューアル作業の簡単な流れは、下記のような感じでした。

1. DDEV でローカル環境を構築（DDEV を使って Craft CMS のローカル開発環境を構築する）
2. DDEV 環境に旧ブログを複製して再現
3. その環境で Craft 3 から Craft 4 にアップグレード
4. デザイン、テンプレートを作り直す
5. お問い合わせフォームのバックエンドシステムを自作プラグインに変更
6. リモートに DDEV 環境の Craft を丸ごと旧環境と別名でアップロード
7. 旧環境のディレクトリに .old を付けてリネームし、新環境のディレクトリを本番環境のディレクトリ名に変更
8. DB を本番環境の DB にインポート

今年も Update me every day

今年は Craft CMS は相変わらず魅力的な進化をしていく予定のようですし、秋にはいよいよ Movable Type 8 もリリースされる予定です。Movable Type 8 では管理画面で Svelte が使われる予定なので、僕も Svelte についてももっと勉強していこうと思っています。

今年も Web 制作業界の進化に置いていかれないように頑張っていきたいと思います！