ニューヨークを拠点とするRevamp AgencyがWordPressショップからJamstackに切り替えた理由【後半】

#Jamstack #JavaScript #WordPress #cdn #static_site_generator
#CSS #Next .js #Netlify #HTML #Gatsby #Hugo

ニューヨークを拠点とするRevamp AgencyがWordPressショップからJamstackに切り替えた理由【前半】の続きです。【前半】を読んでいない方はそちらから読むことをおすすめします！

Revamp AgencyがWordPressショップからJamstackに移行し、読み込みが速く、完全にカスタマイズ可能なウェブサイトで顧客を喜ばせるために、Bejamasがどのような支援をしたのかをお話いたします。

著者：Denis Kostrzewa 2019年1月23日
原文：https://bejamas.io/blog/revamp-wordpress-to-jamstack/

③しかし、Revampのクライアントにとって、静的なウェブサイトは有効でしょうか？

静的サイトジェネレータは、この30年間で大きな進歩を遂げました。1990年代の静的なサイトは、基本的な機能しか備えていませんでしたが、現在の静的なサイトは、好きなようにダイナミックに変化させることができます。

静的なサイトでは、フロントエンドのコンテンツ表示の下にデータベース層がありません。静的サイトでは、ページを表示するためにデータベースからコンテンツが取り込まれるのを待つ必要はありません。 代わりに、静的ファイルを使用してブラウザ内にサイトを構築し、閲覧者がページにアクセスしたときにのみ表示されます（閲覧されていないページは表示されません）。 そのため、閲覧者は、問い合わせページであなたの電話番号を探そうとしているときに、グローバルフッターモジュールの下部にある要素が読み込まれるのを待つことはありません。

このツールセットは、データベースを使用して動的に構築された複雑なサイトよりも、重要な情報を潜在的な顧客に提供することに関心のある中小企業にとって理想的なサイト構築ツールです。About Us（会社概要）、Hours（営業時間）、Contact（お問い合わせ）、Connect（接続）などのページは、ほとんどのウェブサイトで最もアクセス数の多いページです。

「しかし、実際に導入してみると、その速さに驚かされました。」とWeisは言います。ほとんどの代理店のクライアントにとって、どんな技術がニーズを満たすかは問題ではありません。私たちの場合は、超高速サイトが大きな付加価値になりました。
James Weis
Revamp Agency創業者兼リード開発者

④WordPressからReactベースのGatsbyに乗り換えたときはどうでしたか？

Revampチームは、まずJamstack Gatsbyで代理店のウェブサイトを再設計・再構築し、クライアントに展開する前に、最初から最後までのプロセスをテストすることにしました。

デザイナーは、自由に作業を進めることができました。WeisがRevampの新サイトの機能やルック＆フィールの要件を提示したとき、特定のモジュールやプラグインの機能を開発者が組み込まなければならないというデザイン上の制限を受けることはありませんでした。

構築自体もシンプルでしたが、それはWeisがすでにJavascriptに精通しており、ReactとGraphQLを独学で学ぶための時間を割いたことが大きく影響しています。しかし、コードのコツを掴んだ後の開発作業は、WordPressのような不便なCMSプラットフォームの制限を考慮することなく、素直に行うことができました。

「最初のサイトだったので、デザインのプロセスをとても楽しみましたが、コードを覚えていくうちにペースが落ちてきました」とWeisは言います。「しかし、実際にやってみると、自分の思い通りのものを一から作ることができ、それはとても素晴らしいことでした。

Revampサイトでは、カスタムCMSの構築や、JamstackのCMSツールの多くを活用することはしませんでしたが、その方が早く立ち上げることができました。もちろん、ローンチ後の編集依頼は彼を通さなければならず、最初は手間がかかりましたが、クライアントによってはCMSを接続しないことが付加価値になることもあります。

「CMSを導入しない分、立ち上げまでの時間が大幅に短縮されたため、バックエンドへのログインに全く興味のないお客様にも、通常よりも早く新しいWebサイトをお届けし、社内の開発チームで編集を管理することができるようになりました」とWeisは語ります。

さらにWeisは、サイトが完成してから数ヶ月後、チームに時間があるときに、サイトをCMS（Revampは最初のGatsby CMSとしてDatoCMSを選んだ）に接続するのが非常に簡単だと感じました。クライアントの要望に応じてCMSを切り替えることも、Gatsbyのサイトでは簡単にできますので、コンテンツ管理の自由度が高まります。

⑤社内の開発者を雇うことと、JamstackとGatsbyの専任開発者を雇うことの比較

新しいRevampのウェブサイトを立ち上げた後、チームは決断を迫られました。それは、社内の開発スタッフを活用して顧客のために新しいサイトの構築を展開するか、それとも第三者であるGatsbyの専用開発ショップを採用するかということでした。

「社内で技術のトレーニングに時間を割くことは有益でしたが、外注するという決断は私にとって何の問題もありませんでした。」

Revampチームのコアコンピタンスは、クライアントの目標やビジョンをグラフィック、アート、フォント、コピーに変えるデザインプロセスです。チームの各メンバーは、超専門的なスキルを持ち、クライアントに世界レベルのデザインを提供しています。

Jamstackのウェブサイト制作会社には、超専門的なスキルセットを持つチームメンバーがいるので、Revampチームは社内のチームメンバーのトレーニングを待つことなく、すぐに活用することができました。すべての代理店が知っているように、代理店が顧客のためにウェブサイトを構築し維持するために必要なすべてのスキルを持った1人または2人の開発者を見つけることは不可能です。開発専門のエージェンシーは、より広範なリソースを活用して、次から次へとやってくる課題に迅速かつ容易に対応することができます。

他の代理店では、開発業務を外部に委託するのではなく、社内で雇用することを選択するかもしれないが、Revampはその選択に満足している。チームは顧客とのデザインに集中し、JamstackとGatsbyのメリットをより多くの現在の顧客や見込み客に提供するために、より迅速に行動することができるようになりました。

⑥Jamstackでサイトを構築することは、どんなビジネスにもメリットがあります。

どんなビジネスでもウェブサイトは有益ですが、時間がかかったり、不便だったり、管理や更新が困難なサイトは、良い結果を生むどころか害を及ぼします。消費者は、企業のブランドや声を伝える、きれいで、速くて、プロフェッショナルなウェブサイトに信頼を寄せます。Webサイトの読み込みに時間がかかりすぎると、消費者はそのドメインから離れてしまいます。Webサイトの存在に真剣に取り組み、必要な情報を簡単に得られるようにしている企業との取引を求めているのです。

JamstackとGatsbyのようなサイトジェネレーターは、ウェブとオンラインビジネスの未来を担うものです。

最後まで読んで下さり、ありがとうございました。

Jamstackに関心がある方はこちらまでお問合せください！
株式会社ヒューマンサイエンス
https://www.science.co.jp/