Blog

ウェブサイトの再設計には、予想よりも多くの時間とお金がかかることがよくあります。あなたは厳しい締め切りに間に合わせるために角を切るか、夜遅くまで働かなければなりません。このブログ投稿では、ヘッドレスCMSモデルがKenticoCloud.com Webサイトを時間どおりに再起動するのにどのように役立ち、Web開発プロセスを最適化するのにどのように役立つかを学びます。

最大の課題：開発者を見つける

今年の初めに、私たちは私たちの提供が複雑すぎて混乱していることに気づきました。私たちはそれを単純化することが唯一の方法であることを知っていました。ラスベガスでの大規模なローンチからわずか数週間後に、複数の製品を1つのKenticoCloudサービスに統合するという大胆な決断を下しました。唯一の質問は、「どれだけ早くそれを行うことができるか」でした。

再設計のためにわずか5週間を費やしました。いくつかのワイヤーフレームに基づくUXテストから始め、同時にすべてのコンテンツをKenticoCloudに書き込みました。私たちのグラフィックデザイナーはすぐに新しいデザインに取り組み始めました。はい、首なし騎士がいます！

最大の課題は、このような短い時間枠で開発者を見つける方法でした。レスポンシブHTMLプロトタイプを作成した、KenticoCloudの知識がない外部のフロントエンド開発者を採用しました。

ASP.NETMVCを使用してサイトを構築したかったのです。しかし、.NET開発者はどこにいますか？私たちは人々を製品の仕事から遠ざけることができませんでした。しかし、もし彼らがたった1日を過ごしたらどうなるでしょうか？

そこで、全社のさまざまなチームから8人の開発者を集めて、1日のハッカソンを行いました。彼らはたった1日で、HTMLプロトタイプをKenticoCloudからコンテンツを動的に取得するASP.NETMVCアプリケーションに変換しました。

それをどのように行ったかを詳しく見てみましょう。

プロジェクト計画はヘッドレスCMSでより柔軟になります

以下に、プロジェクトのタイムラインを示します。 GetStartedのCTOであるAndyThompsonが彼の素晴らしいケーススタディで提示したものと同様に、役割がより独立して機能できることがわかりました。これにより、プロジェクトの一部を外部委託し、人々の時間をより柔軟に割り当てることが容易になります。

さらに、従来のCMS実装と比較して、Webサイトが開発されるまで待つのではなく、開発と並行してすべてのコンテンツを準備することができました。

ヘッドレスCMSは適切なコンテンツ戦略を浸透させる

私たちのように、コンテンツ戦略に情熱を注いでいるのであれば、従来のCMSを使用してもこれには役立たないことをご存知でしょう。コンテンツはプレゼンテーションと混合されることが多く、他のチャネルで再利用したり、サイトを再設計する場合は再利用できません。さらに、多くの場合、最初にサイトを構築してから、コンテンツをテンプレートに書き込む必要があります。

ヘッドレスCMSモデルのおかげで、最初にコンテンツから始め、コードを書く前にほとんどのコンテンツを作成しました。

コンテンツを再利用可能なコンポーネントに分割することにしました。以下に、製品ページのコンテンツ（見出し、ヘッダー画像、ページのメタデータ）をどのように構成したかの例を示します。すべての製品機能は、Features要素にリストされているモジュラーコンテンツとして保存されます。

何でこれが大切ですか？モバイルアプリ、チャットボット、またはAlexaインターフェースを追加することにしたとしましょう。コンテンツを再利用できるだけでなく、きめ細かいコンテンツにより、個々の機能に関する質問に対する適切な回答をお客様に提供することができます。

フロントエンド開発者はCMSを知る必要はありません

フロントエンド開発者は、その制限を回避するために多くの時間を費やすため、従来の結合CMSでの作業を嫌う傾向があります。ヘッドレスCMSにはそのようなことはありません。ベストプラクティスと標準に従って、簡単に仕事をすることができます。完了すると、静的ファイルをバックエンド開発者に渡します。

つまり、フロントエンド開発者は特定のCMSに精通している必要がないため、必要なときに利用可能な人を簡単に見つけることができます。実際、Kentico Cloudの知識がなくても、外部のフロントエンド開発者を雇って、デザインをHTMLプロトタイプに変換しました。

バックエンド開発は、これまでの経験がなくても1日で完了しました

いよいよハッカソンの日となりました。後でそれらの開発者をプロジェクトから遠ざけることができないので、私たちは1日でそれを成し遂げなければならないことを知っていました。

Kentico Cloudを使用したことのない8人のフルスタック開発者を集めたので、これが彼らの最初の経験でした。彼らは数日前にドキュメントを調べましたが、それだけでした。

私たちは、ASP.NET MVCを使用して、単純にカミソリの景色と呼んで追加コントローラにHTMLプロトタイプを変換コンテンツ配信APIを使用して、.NET SDKをKenticoクラウドからコンテンツを取得します。開発は実際には非常に簡単でした。APIに慣れたら、慣れているコードを書くだけです。

新しい.NETボイラープレートをコード生成やその他の開発者向けのパワーアップとともに使用した場合はさらに簡単でしたが、Webサイトの構築時には利用できませんでした。

GitHub、Microsoft Azure、KenticoCloudでクラウドファーストに移行

従来のCMSの世界では、開発者は貴重な時間をCMSのインストールと、Webサーバーやデータベースなどの環境の構成に費やしています。

時間を節約するために、このプロジェクトではクラウドベースのシステムのみを使用することにしました。 GitHubをコードリポジトリとして使用したため、開発者間のスムーズなコラボレーションが可能になりました。

Webサイトのコードは実際にはかなり軽量です。つまり、Content DeliveryAPIを呼び出してコンテンツを表示するだけです。それでおしまい！これは、サイトがデータベースや複雑なインフラストラクチャを必要としないことを意味します。さらに、処理するCMSコードはありません。

Microsoft Azure WebAppを使用してサイトを運営しています。何も心配する必要がないため、これは明確な選択でした。コードをデプロイするだけで、システム管理者は必要ありません。 Azure Web Appインスタンスのステージングスロットを使用して、開発者とコンテンツ編集者の両方がコードとコンテンツへの変更を確認できるWebサイトのプレビューを実行します。

高可用性のために2つの中規模のWebアプリインスタンスを使用して本番Webサイトを実行しますが、容量の半分も使用しないため、インフラストラクチャを1つの小さなWebアプリインスタンスに削減する予定です。

以下に、デプロイメントスキーマを示します。

サードパーティのAPIがシンプルさを提供

従来のCMSと比較すると、ヘッドレスCMS製品は一見制限されているように見える場合があります。

従来のオンプレミスの世界では、複雑な統合を実装したり、アップグレードのライフサイクルが異なる複数の製品を管理したりする必要がなかったため、オールインワンソリューションは最善のソリューションに比べて多くの利点を提供しました。

現在、新しいクラウドベースのAPIサービスにより、統合が容易になっています。これは、ヘッドレスCMSが、コンテンツをサービスとして提供するという、最も得意とすることに集中できることを意味します。しかし、もっと必要な場合はどうなりますか？

私たちのウェブサイトには、KenticoCloudでネイティブにサポートされていないいくつかの追加機能が必要でした。ブログコメント用のDisqus、ニュースレター購読用のMailChimp、トラフィックを分析するためのGoogle Analyticsなど、いくつかの追加サービスとWebサイトを統合しました。 Intercom.ioライブチャットを使用して、訪問者の質問に回答します。

また、Kentico Cloudで利用可能な独自の顧客エンゲージメント機能を使用して、連絡先の詳細を収集し、Webサイト上の個々の訪問者の行動を分析します。

将来的には、マイクロサービスモデルの恩恵を受けるために、全文検索などの追加のサードパーティAPIサービスでスタックを拡張する予定です。

ヘッドレスCMSからあなたの考え方と利益を変える

私たちの実際の経験に基づいたヘッドレスCMSの主な利点をまとめましょう。

• より柔軟なプロジェクト計画により、人の効果的な割り当てが可能になります
• ビジネスユーザーは、開発者に依存することなくコンテンツを作成できます
• 開発者は、独自のCMSアーキテクチャに準拠するのではなく、好きなツールを使用して、一般的なベストプラクティスに従うことができます。
• 非常に短い学習曲線—開発者は既存のプログラミングスキルを使用して、APIを簡単に学ぶことができます
• Webサイトのコードだけを気にするので、ソリューションの展開と保守ははるかに簡単です。

一方、オンラインフォーム、ブログコメント、ニュースレターなど、KenticoEMSで利用できるすぐに使用できる機能が不足していることは確かです。ただし、前述のように、代わりに外部APIサービスを使用しました。考え方を変えるだけで済みます。

このドッグフーディングプロジェクトを終えて、たった1日で新しいサイトを構築した後、ヘッドレスCMSを使用してサイトを構築することがいかにスムーズであるかに本当に興奮しました。