ブログをWordPressからAstro＋CloudFlareへ移行しました！

めーちゃくちゃ久しぶり（1年以上ぶり）にブログを更新するりつよです〜！
これからブログの更新をまた始めようと思ってます🥳

WordPressからAstroへ

更新を再開するきっかけは、astroを学び始めたので（？）からです。
勉強も兼ねて、記録を残していきたい！です！

WordPressの不満点

WordPressも良いのですが、以下の点でちょっと不満がありました。。

重い、ページが遅い

1番はページの表示速度が遅いことです。
過去にサーバーをGCPからKinstaに変更した際に、若干表示スピードの改善はしたのですが、それでも遅い状況でした。

今回、仕事でAstroをさわることになったのがきっかけでAstroの存在を知り、自分のブログも高速化したいと思いました！
astroは静的サイトジェネレーターとのことで表示速度がはやい＆軽いので私の要望にぴったりです🥰

記事投稿にログイン、書式設定が面倒

WordPressで記事を書く際には、ログインして、テキスト入力して、書式を設定して…というのがだんだん億劫になってきました。笑
AstroはMarkdownで記述でき、しかもローカルで作業ができるので投稿のハードルがかなり下がります！
これまではテキスト入力したあと、マウスでカチカチと書式設定をしていたのですが、キーボード入力で全てできるのでかなり楽ちんになると思います🙌

サーバー費用がかかる

これは不満点というより、当たり前だと受け入れていたのですが…
今回はCloudFlareを使うことで、サーバー費用が削減できます…🥺
今まで円安ということもあり、更新してないのに毎月5000円くらい飛んでたのでめちゃくちゃ嬉しい…！

デザインのカスタマイズに制限がある

基本的にWordPressの有料テーマを使用していたので、その範囲内でデザインをカスタマイズしようとすると限界がありました。。
テーマを自作すれば良いのでしょうが…そこまでの学習意欲はなかったので。。。
astroは全てのファイルがディレクトリとして目視できるので、私にとっては構造が理解しやすいです。
今はとりあえずで何も整っていない状況ですが、これから少しずつ見た目も自分好みにしていこうと思います！

WordPressからの移行でやったこと

• Astroのチュートリアルをやる
• WordPressの記事をMarkDownファイルとしてダウンロード
• AstroプロジェクトをGitHubに保存
• CloudFlareにデプロイ

それぞれやったことはまた別途記録に残そうと思います。

今後やっていく予定のこと

• JavaScriptの基礎勉強
• Vueのチュートリアル
• 各種書式の設定
• 過去記事のリンク貼り替え
• 過去記事の画像修正（この際なのでWebpに洗い替えしたい）
• アクセスが多い記事の転送設定
• ドメイン設定

WordPressの記事をMarkDown化はしたのですが、一部WordPress独自の書式設定のものがあります。
例えば、囲み枠や吹き出しなどです。
その辺りの書式設定をしてから、アクセスの多い記事から移行をしていこうと思います。
アクセスが多い記事は数件のみなので、それ以外のものについてはまったり移行すればいいやって感じです。

その辺りはVueを使っていきたいと思っています。（こちらも仕事で使う予定なので）

ところで、私はHTMLやCSSは今までさわってきたので（なんとなくは）分かっているつもりですが、JavaScriptは本当になんとなくしか触ったことがありません！
GoogleAppScript（GAS）は使ったことありますが、一応さらっと基礎文法はさらうつもりです。
その後に、Vueのチュートリアルをやって、Vuetifyを使っていきたい所存！

WordPressと比較すると、AstroやVueについての記事は多くないと思うので、自分の学びを記録していこうと思います！
学習帳らしい！！