ブログをWordPressからGatsbyに完全に移行しました

ブログをWordPressからGatsbyに完全に移行しました

ブログを完全にWordPressからGatsbyに移行しました。

結論から言うと、Gatsbyサイト最高ですGatsby最高すぎます。それと同時にWordPressがいかに便利かがよくわかりました。

WordPressからGatsbyに移行した理由

sukiburo.devでも書いたように、WordPress自体は素晴らしいのですが、使い続けていると不満も増えてきました。

WordPressが重い

重い。とにかく重い。(もちろん自分が色々付け加えるからだが。)

画像にWebPを使ったり、キャッシュを使ったりと工夫をしましたが改善にも限界が見えてきました。

WordPressの内部構造がわからない

WordPressはphpで書かれていますが、個人的にphpはとっつきにくい印象があります。わざわざWordPressのためにphpを学ぶのもなぁ。。。なんて思っていた時期が私にもありました。

WordPressのカスタマイズが思ったよりできなかった

WordPressは『テーマ』があり、その上からカスタマイズをしていきます。

そのため、どうしてもカスタマイズする際にテーマとの衝突が起こります。これがもう面倒くさくなりました。

Gatsbyでブログを作って気づいたこと

捨ててわかった、WordPressの便利さ

Gatsbyでブログを(ほとんど)1から作ってわかったのは、WordPressがいかに便利かということです。

確かに不満もあります。しかし、プラグイン・テーマ・情報量どれもGatsbyを圧倒します。

特に一番感じたのはSEO対策の難しさです。

今まではWordPressとプラグインに丸投げしていたものを、Gatsbyでは(もちろんプラグインもあるが)自分で実装しなければいけません。

少なくとも自分が言えることは、コードを書く自信がないならWordPressにしとけと言うことです。

一からサイトをデザインする難しさ

これは作ってわかりました。みやすくてわかりやすいブログを作るのがいかに難しいか。

デザインに疎い私は、material designを多くパクr参考にしました。

また、余談ですが、ダークモードの実装は本当に難しかったです。とりあえずsukiburo.jpの方は実装を見送りました。(sukiburo.devでは使えます。)

考えた機能などは、ほとんどサイトに実装できた

色々大変だと言ってきましたが、それ以上に自分の好きなようにデザインを作れるのがとても楽しかったです。

今までWordPressではプラグインに頼っていたものを、全部自分で実装できたときは本当に嬉しかったです。

サイトを作る上での工夫点

サイトを作るにあたって工夫した点です。

サイトスピードを始めとするLighthouseスコア対策

もちろんLighthouseは一つの指標にすぎませんが、基本的にこのスコアを最適化するようにサイトを構築しました。

その結果、以前よりもスコアがかなりアップしました。

コードを共有するときの機能・デザイン

コードを簡単にコピーできるのはもちろん、サイト上でコードを編集できるようにもしました。

とりあえず様子を見ます

まだ移行したばっかりなので、弊害などはわかりません。

とりあえず、様子見をしながら改善をしていきます。

関連記事

【設定してる?】Macユーザーに送る、集中するための基本設定5選

【設定してる?】Macユーザーに送る、集中するための基本設定5選

【パクろう】ラズパイでファイアーウォールを設定する方法

【パクろう】ラズパイでファイアーウォールを設定する方法

Javascript/Typescript(+react等)開発環境を簡単に構築するスクリプト作った

Javascript/Typescript(+react等)開発環境を簡単に構築するスクリプト作った

無料でマイクラを楽しむ方法2選と有料版との違いを解説【初心者必見】

無料でマイクラを楽しむ方法2選と有料版との違いを解説【初心者必見】

ラズパイでメールサーバーを構築するよ1/2(Postfix+Dovecot)

ラズパイでメールサーバーを構築するよ1/2(Postfix+Dovecot)

【いらない】ConoHa Wingのリザーブドプラン【効果なし】

【いらない】ConoHa Wingのリザーブドプラン【効果なし】

VPNとは?基本の仕組み・メリット・接続方法を解説

VPNとは?基本の仕組み・メリット・接続方法を解説

個人輸入の税金(関税・消費税)と計算方法まとめ【1記事で完全理解】

個人輸入の税金(関税・消費税)と計算方法まとめ【1記事で完全理解】

コメント

*

*