皆さんはもう気づきましたか？この度ブログに大幅なアップデートをしました。や、あんま変わってなくね？って思うかもしれんけど、それは見た目だけであって中身は完全に一新されています。

どう変わった？

• Webブラウザ上で記事の管理ができるようになりました！！！これからは軽率に記事を投稿していきます。
• それぞれの記事ページが自動で生成されます。
• スマホ用のナビゲーションを使いやすくしました。
• レスポンシブデザインを調整しました。
• レンタルサーバーが不要になりました()
• トップページがGoogle検索に出るようになっています。

技術的なお話

今まではレンタルサーバーに生のHTMLやCSSを置いていて新しい記事を作るときはいちいちテンプレート化したHTMLに直接文章や画像のリンクを記述してFTPでアップロードする必要がありました。それが今回のアップデートでどうなったかというと、Nuxt.jsという技術を使ってブログサイトを再構築しました。文章や画像などのコンテンツをmicroCMSで管理します。記事の公開ボタンを押すと、Netlify側にてNuxt.jsのビルドが走りmicroCMSから文章や画像を流し込んでページやルートを生成し、そのファイルをホストして公開くれます。俗に言うJamstackなブログってやつです。作り始めたときはなんもわからんかったけどすごく勉強になった。説明が合ってるのかよくわからんけど大丈夫ですかね(？)

参考にしたページ

参考にさせていただいたページなんて星の数ほどあるんですが特に参考になったページを紹介します。
https://blog.microcms.io/microcms-nuxt-jamstack-blog/
microCMS公式のガイドです。ブログ作成の一連の流れがわかります。
https://nuxtblog.work/blog/d6_mxl1zs/#anc4-6
詳しく解説されているので最初から最後まで参考にさせていただきました。