当サイトを最適な状態で閲覧していただくにはブラウザのJavaScriptを有効にしてご利用下さい。
JavaScriptを無効のままご覧いただいた場合には一部機能がご利用頂けない場合や正しい情報を取得できない場合がございます。
承知しました
本サイトではWebサイトのエクスペリエンスを向上させるために、Cookieを使用しています。Cookieはブラウザの設定から無効にできます。本サイトで使用するCookieについては、プライバシーポリシーをご確認ください。

Blog

ブログ

Kontentの使い方

ヘッドレスCMSを使用したキャリアWebサイトの構築—MilanLundへのインタビュー

By Radka Uhlirova  

ヘッドレスCMSでキャリアウェブサイトを構築する上での最大の課題は何ですか? Milan Lundは、KenticoCloudヘッドレスCMSを使用してWebサイトを配信した最初の経験を共有しています。

ミラノルンド、Kenticoのキャリアのウェブサイト、構築されたフリーランスのフロントエンド開発者、 jobs.kentico.com Node.jsのプラットフォームを使用してKenticoクラウドレスCMS、Express.jsフレームワーク、およびパグのテンプレートエンジンで、。 Kentico認定開発者として、MilanはKenticoCMSなどの従来のコンテンツ管理システムでASP.NETWebサイトを開発した経験が豊富ですが、この頭のない課題にどのように取り組んだのでしょうか。私は彼の時間を1時間かけて、ヘッドレスCMSを使用し、この最新テクノロジーを使用することの長所と短所について話し合いました。

Kentico Kontent

KenticoCloudで取り組んでいたプロジェクトを紹介していただけますか?

Kenticoの人事部門は、より多くの求職者を引き付け、新しいリードを生み出し、Kenticoの企業文化と生活について読者に知らせるブログセクションを設けることで、新しいキャリアWebサイトを構築することを決定しました。彼らは外部のウェブ開発者として私を雇って、我々はKenticoクラウドに最適だったことに合意jobs.kentico.com -contentエディタが一つの場所で効率的にコンテンツを作成、管理することができました、と私は新しい技術と仕事する機会がありました。

jobs.kentico.comを構築するためにどのテクノロジーを使用しましたか?

ASP.NET MVC以外のテクノロジを試してみたかったので、Node.jsプラットフォームを使用することにしました。 Express.jsサーバーフレームワークを利用し、バックエンドとフロントエンドの両方がJavaScriptで記述されています。また、テンプレート言語であるPugを使用してHTMLを生成し、LESSを使用してCSSをより保守および拡張可能にしました。開発プロセス中、WebサイトはHerokuでホストされ、運用開始後、サイトはAzureでホストされました。

ウェブサイトを準備して実装するとき、どのように進めましたか?

さて、私たちの出発点は元々 kentico.com Webサイトの一部であった古いキャリアセクションだったので、プロジェクトには3つの主要なフェーズがありました。最初のフェーズでは、キャリアセクションを別のWebサイトとして機能させるために、ビジュアルデザインと新しい情報アーキテクチャを作成する必要がありました。第2フェーズでは、コンテンツ編集者がKentico Cloudで新しいコンテンツを準備していましたが、私はまだデザインに取り組んでいました。次に、コンテンツタイプを調整して、Webサイトに簡単に実装し、チェコ語版と英語版の両方のWebサイトをサポートできるようにする必要がありました。 Kentico Cloudアプリケーションですべてが構成された後、第3フェーズが開始されました。 Delivery APIに慣れ、テクノロジースタックを構築し、コーディングを開始しました。

キャリアのウェブサイトにサードパーティの統合を使用しましたか?はいの場合、どのようにそれをしましたか?

ええ、ウェブサイトの主な目的は新しい仕事の機会を宣伝し、人々が仕事に応募できるようにすることなので、フォームを統合する必要がありました。 iframeを使用して、KenticoCMSで実行されているkentico.comWebサイトからフォームを読み込みました。誰かがフォームを送信すると、データはKentico CMS側で処理され、kentico.comデータベースに保存されます。

Kentico Kontent

KenticoCMSとKenticoCloudの両方でWebサイトを開発した経験がありますが、従来のCMSとヘッドレスCMSの主な違いはどこにありますか?

ヘッドレスCMSでウェブサイトを構築することは、私が以前に試したことのない新しいことでした。 Kentico Cloudは、主にコンテンツの保存と管理のために設計および構築されているため、間違いなく優れたユーザーエクスペリエンスを提供します。また、テクノロジーにとらわれず、DeliveryAPIは使いやすいです。 KenticoCloudの機能はKenticoCMSよりも劣りますが、ヘッドレスCMSの方が柔軟性があります。一方、Kentico CMSには、Webサイトを構築するための機能とコードブロックが事前に用意されているため、開発と実装のプロセスが高速になります。

ヘッドレスCMSでウェブサイトを準備するときに直面した最大の課題は何でしたか?

従来のCMSはすぐに使用できるコードブロックを提供しますが、ヘッドレスCMSですべてのWebサイト機能を自分でコーディングする必要があります。 Kentico Cloud Developer Hubは役に立ちましたが、ベストプラクティスが利用できなかったため、実際に学習していました。そして最大の課題は、私がすべてのプロジェクトコードを担当していたという事実でした。

Kentico CloudでキャリアWebサイトを配信するのにどのくらい時間がかかりましたか?

私はこのプロジェクトに取り組んでいる唯一のWeb開発者であり、グラフィックも準備していたため、Webサイトの配信には最大3週間かかりました。私は1週間かけてデザインに取り組み、ほぼ2週間かけてWebサイトを実装しました。しかし、コンテンツとデザインの一部をほぼ同時に作業することで、時間を節約することができました。

Kentico CloudヘッドレスCMSを使用してプロジェクトに取り組むことの主な利点は何でしたか?

ヘッドレスCMSを使用してWebサイトを開発する場合、特定のテクノロジーに縛られることはありません。したがって、これは、私の選択したテクノロジーであるNode.jsプラットフォームを使用してWebサイトを構築する絶好の機会でした。そして、私は確かに多くの新しいことを学びました。さらに、開発者は通常複雑なシステムである従来のCMSに精通している必要がないため、開発を採用または外部委託する方が簡単です。最後になりましたが、KenticoCloudのユーザーインターフェイスとAPIは使いやすいです。


時間を割いて話してくれたミラノに感謝したい。より技術的な詳細に興味がある場合は、ミラノのケーススタディを参照するか、milanlund.comでミラノにお問い合わせください。

Headless CMSの導入をお考えでしょうか?

クラウドとマルチデバイスに最適化されたKentico Kontentをお試しください