😎

WordPressはオワコンじゃないけどAstro使ったら?

2024/04/30に公開
2

最近自分の会社ではHP制作でWordPressを使わない!という事になりました。

いきなり何言うとんねん。って感じですが....

誤解を産みそうなので先に保険をかけておくと.…

決してWordPressがオワコンとかそういう話ではないです。

しかしJamstack開発というものが段々と普及してきた今日。

そちらに移行しなくていつするんだという気がして上に相談したらあっさりと承諾して頂き、WordPressから脱却することとなったというわけです。

まず弊社の自分が関わってる新プロジェクトに関してはある特定の業種に向けてWebサービスを提供・保守・運用するというものなので大規模開発というよりかかなり小規模な開発になります。

そこを前提としたお話となります。

まずはWordPressの利点!

  • 簡単にサイト構築ができる
  • 情報リソースが計り知れない
  • お知らせやブログの更新ができる
  • プラグインがたくさん
  • 実装者がWordPressという技術に慣れている

簡単にあげればこの辺かなと思う。

じゃあ逆にWordPressの欠点は?

  • 表示速度が遅い
  • セキリュティが心配
  • メンテナンス面倒くさい

という感じでしょうか。

もちろんWordPressを使った方が良いサービスもある(ブログとか小規模なメディアとか)。

でも中小企業以下のHP制作にWordPressを使うのはこれらのデメリットと合わせていちいちWordPressに依存しないといけないわけでもなくない?と思っていたのは間違いないです。

そんな中でこれから弊社が使おうとしている技術やサービスは….

① Astro or Next.js

https://astro.build/
https://nextjs.org/

② microCMS

https://microcms.io/

③ Vercel

https://vercel.com/

のJamstack開発の三種の神器です。

これから弊社はこの三種の神器を使った開発を基本とするわけですが….

以下のようなメリットとデメリットがあるのではないかと考えています。

Jamstack開発のメリット

維持費が安い

WordPressの場合レンタルサーバーをサイトごとに契約してとかで何かとコストがかかってしまう。

でもこの方法なら弊社が月に数千円(円安だけど😭)払うだけ。

こちらとしてもクライアントとしても維持管理費で余計な料金を取らなくて済むのもメリット。

microCMSで簡単に更新

お知らせやブログ機能更新をmicroCMSで行えばこちらも中小企業以下くらいのサイトであればほぼ無料で運用。

そして何よりmicroCMSの管理画面はめちゃくちゃシンプルなので初心者の方でもレクチャーもしやすければ使うのも難しくない。

表示速度が爆速

AstroやNext.jsの場合基本的にはサーバー側でHTMLを生成してあらかじめリクエストの前に準備がされているので表示速度が早い。

特にAstroの表示速度は公式サイトにもある通りとんでもなく早い。

(React単体の場合はSPA(CSR)なので初期表示は少し遅いがそのあとはめちゃめちゃ早い。ただしSEO重視のコンテンツでは相性が悪い。)

表示速度が早い = ユーザーの離脱率が下がったりGoogleからの評価もされやすい。

もし全く同じコンテンツで表示が早いサイトと遅いサイトがあったらあなたはどちらを選びますか?というところ。

この他にもWordPressのように管理ページに入る際にログインの必要がない=セキュリティが強固。

実装者側の負担やコストは跳ね上がるがさまざまな機能ECだったりログイン機能等も柔軟に実装できるというところもメリットだと思います。

会社が大きくになるにつれホームページも一緒に拡張ができるというところも非常に良い点だと思っています。

しかしこんな便利なJamStackにもデメリットはあります。

でも正直これは逆にチャンスなんじゃないかとまで思ってるのが自分です笑

Jamstack開発のデメリット

正直クライアント側に生じるデメリットは全くと言ってないと考えてます。

コストも削減され、複雑な管理ページを触らなくて良いというのはかなり大きい事だと思いますね。

問題は実装者側にその技術を使える人が少し減るというところ…

Webデザイナーの養成スクール等ではHTML / CSS / JS の次に学習するのはWordPressでオリジナルテーマを作るというステップが多い。

もちろんWordPressというのはどこでも使える技術なので学んで損はないがそこで終わりというケースが多い。

なのでそれ以上を勉強しようとなると完全に独学になることが多い。

そんなこともあってモダンなJavaScriptフレームワークが使える人材は現代では貴重とされているのかもしれない。

しかし…

Astroに関してはほぼHTML書くのと同じ。

CSSも同じファイル内に書けるという点ではむしろ見やすくて楽なのかもしれないくらいだ。

JavaScriptに関しても個人的にはあまり推薦できないけどjQueryも使えるしReactもVueもパーツパーツで使えることができる。

なのでJavaScript書ける人が1人でもいればあとはHTMLとCSSのコーディングさえできれば全然問題なく制作ができると思ってる。

弊社はこのWeb制作のプロジェクト実装者が自分だけで全てやっているので今のところなんてことはないけど今後新たな人材を雇う予定との話もあるのでその時はぜひAstroを最初に少し学んでもらえれば良いかなと考えてる。

変な話PHP(WordPress)学習するよりAstroの方が全然楽だと思う。

まとめ

こんな感じで弊社では徐々にHP制作に関しては脱WordPressという動きでサービスが進んでいます。

とはいえまだまだWordPressで保守管理していくサイトもありますし、今すぐに全てをWordPressから切り替えるなんてことはしません。

まだまだこの先5年10年とWordPressを触っていくことは間違いありません。

ただせっかくこのようなJamstack開発への移行許可をもらったからにはこれをより良いサービスとして提供していければなと思っています。

Discussion

R0w9hR0w9h

Next.jsの場合はSPAなので初期表示は少し遅いがそのあとはめちゃめちゃ早い

Next.jsは(基本的には)SSRかSSGです...

GoshiGoshi

ご指摘ありがとうございます。
正しくはReactでした。