Sitecore Experience Manager / Platform の最新版となる 10.3 のモジュールのダウンロードが可能となっています。モジュールも一緒に提供されていますので、まとめて紹介をします。

Sitecore 10.3 がリリースされました

前回まで XM Cloud のサーバーの起動、環境の設定を紹介しました。今回から具体的に XM Cloud のサンプルサイトを起動して、Web サイトを作っていく手続きを進めていきます。

XM Cloud に新しい Web サイトの追加

前回は新しい XM Cloud のプロジェクトを作成しました。その際に環境として Development というのを作成しましたが、コード管理とどのように連携しているのでしょうか？今回は、環境について紹介をします。

XM Cloud Deploy 環境の追加

Sitecore XM Cloud の利用をする際の最初のツールとなる XM Cloud Deploy ツールを今回は紹介します。このツールを利用することで、GitHub のリポジトリと連携している Sitecore XM Cloud のプロジェクトを作成することができます。

XM Cloud Deploy プロジェクトの作成

Sitecore の新しい製品である Sitecore XM Cloud を日本市場でも販売開始となりました。従来から提供している Sitecore Experience Manager の SaaS 版であり、従来の製品の便利なところ、かつヘッドレスで利用することが可能な製品です。SaaS に展開するにあたって、SaaS として利用するためのツールをいくつか提供しています。まず関連するツールに関して紹介をしていきます。

Sitecore Cloud Portal について

トリガーのアクションからスタートするオートメーションですが、それに対してのアクションを定義することで、ステップメールの送信、条件による分岐を作成することができます。今回は、このアクションに関して紹介をしていきます。

Sitecore Send セグメントの利用

サイトコアの自社イベント、Sitecore Experience Day Tokyo がリアルイベントとなって戻ってきます。2022年12月2日の開催が決まり、すでに登録が可能となっています。

Sitecore Digital Experience Tokyo 2022

Sitecore Send オートメーションのアクション

Sitecore Send のオートメーションシナリオを利用することで、ステップメールのシナリオを柔軟憎むことが可能となっています。今回はそのオートメーションに関するシナリオをみていきましょう。

Sitecore Send オートメーションのトリガー

Sitecore Send の各機能に関してブログの記事で紹介をしようかと考えていましたが、機能を紹介する簡単な動画を多く作ってみました。文字ではわかりにくい雰囲気をお届けできているかと思います。簡単に使えるメールマーケティングツールはどういうものだろう？というのをぜひ確認してみてください。

Sitecore Send の YouTube 動画の紹介

昨年 Sitecore が買収した Moosend を企業向けのメールマーケティングツールとして Sitecore Send というサービスで展開をしています。このサービスは比較的簡単に導入でき、かつメールマーケティングを実施する上で十分な機能を提供しています。今月は、このツールに関して簡単に紹介をしていきます。今回のテーマは、API 連携です。

Sitecore Send の API 連携について

新型コロナ対策ということで2年連続オンラインイベントになった Sitecore Symposium が改めて 2022 年にシカゴで開催されました。このブログではやっぱり製品に関して紹介ができれば、ということもあり取り上げたいと思います。

Sitecore Symposium 2022 Chicago が開催されました

これまでサーバーとして Sitecore を仮想マシンとして起動していましたが、エンドポイントとして Sitecore Experience Edge というサービスを展開しており、これを利用することで Next.js のアプリを Vercel に簡単に展開することができます。今回はその展開手順に関して紹介をします。

Experience Edge を利用して Vercel に展開する

前々回に Next.js のテンプレートの準備を、前回はそれを利用するための Sitecore にアイテムをインポートする手順を紹介しました。今回は Next.js の設定を変更して、Sitecore のアイテムを参照してページが表示されるところまで紹介をします。

Sitecore Headless 開発、テスト環境を起動する

テスト環境の設定に関して、この項目を入力してください、などの記述をしていましたが実際に使うとなるともう少し自動化したほうが良い形になってきました。そこで最後に設定を .env ファイルに集約する形に書き換えていきます。

Sitecore Headless 開発、テスト環境の構築 Part 8 - プロジェクトの整理（ 設定の一元管理 ）

すでにプロジェクトとしてはヘッドレスの検証環境を用意した形となりますが、今回と次回で不要な部分を削除、整理していきたいと思います。今回はヘッドレスで起動することになったので、CD サーバーの構成を削除したいと思います。

Sitecore Headless 開発、テスト環境の構築 Part 7 - プロジェクトの整理（ CD サーバーの削除 ）

前回は Node.js をベースとしたコンテナを立ち上げて、そのコンテナで Next.js を起動しました。Next.js は Sitecore からデータを取得してページを表示している形です。今回は、Sitecore が Node.js のコンテナに接続して、エクスペリエンスエディターが起動するところまで進めていきます。

Sitecore Headless 開発、テスト環境の構築 Part 6 - エクスペリエンス エディターを利用できるようにする

これまで紹介してきた内容は、 Sitecore をコンテナで起動、その後テンプレートを追加、サーバーでの動作というところまで進めてきました。サーバーの環境では、Vercel を利用してページの編集、確認ができるようにしましたが、ローカルのコンテナの環境では Vercel の部分が不足している形となります。そこで今回は、この部分を Node.js のコンテナを追加して同じように動作する設定を作成します。

Sitecore Headless 開発、テスト環境の構築 Part 5 - Node.js コンテナの追加

前回は Vercel に新しいサイトを展開することができました。このインスタンスを利用して、エクスペリエンスエディターでページの編集をできるように進めていきます。

エクスペリエンス エディターを利用できるようにする

これまで作成をしてきた Web サイトを Vercel に展開したいと思います。シリーズの最初の頃に立ち上げたサーバーに対してサンプルのデータを展開、合わせて Vercel に展開する手順を紹介していきます。

Vercel に展開する

Next.js サンプルサイトの追加（後編）

前回は Next.js のテンプレートをプロジェクトに追加しましたが、この段階では Sitecore には何もデータが無いためエラーとなります。そこで、Sitecore CLI を利用して、サンプルデータをインポートしたいと思います。

Sitecore CLI を利用してアイテムのインポート

４回に分けて作成をしてきた環境にはまだ Next.js のプロジェクトがないため、サンプルサイトを追加していきます。プロジェクトにコードを追加する形です。この手順は２回に分けて紹介をしていく予定です。今回は、まず Next.js のサンプルが動くところまで進めていきます。

Next.js サンプルサイトの追加（前編）

コンテナの環境を設定したあと、管理画面が英語のままとなっているため、日本語化の手続きを今回紹介をします。今回は Docker のイメージを作成する時にファイルをコピーする形でリソースを展開する手順を紹介します。

Sitecore Headless 開発、テスト環境の構築 Part 4 - 管理画面の日本語化

コンテナの環境をサーバーと同じ環境に整えていくために、Docker でも各種モジュールを利用できるようにしていきます。現在利用している Docker のコンテナには SXA および Horizon までは設定されているため、不足している分を随時インストールしていきます。

Sitecore Headless 開発、テスト環境の構築 Part 3 - コンテナにモジュールのインストール - Content Hub コネクタ

前回はサーバーを用意しましたが、実際の作業をするのは手元でコンテナを動作させるのがポイントとなります。これまで数回に分けて実施してきた手順を整理しながら、手元で Docker ベースの Sitecore が起動する環境を準備していきたいと思います。

Sitecore Headless 開発、テスト環境の構築 Part 2 - サーバーの準備（コンテナ編）

１か月ほどブログの記事を掲載していませんでしたが、これまでの Tips を改めてまとめるシリーズを作成するために少し時間をいただきました。今回のシリーズで、Sitecore Headless を手元で動かし、サーバーに反映させて、実際に Web サーバーに展開するという形が可能な環境を構築していきたいと思います。

Sitecore Headless 開発、テスト環境の構築 Part 1 - サーバーの準備（サーバー編）

Sitecore を Azure Kubernetes Service に展開する手順を紹介してきました。今回は、macOS において同様の処理ができる環境を整える手順を確認していきます。

Sitecore on Azure Kubernetes Service - macOS からの展開

Sitecore を Azure Kubernetes Service に展開するための準備としてこれまで2回に分けて紹介をしてきました。今回は準備が整っている状況ですので、Sitecore を Azure 上に展開していきます。

Sitecore on Azure Kubernetes Service - AKS に展開

Sitecore を AKS を利用して展開するための設定手順について、今回は各種設定ファイルの中のデータを作成していきます。設定ファイルのデータは実際に展開する際のデータとして利用するものになります。

Sitecore on Azure Kubernetes Service - 展開前の設定

これまで Sitecore を Docker で利用する形で説明をしてきましたが、今回は Kubernetes を利用して展開する方法を取り上げます。Docker はあくまで手元で動かすには便利な仕組みですが、コンテナを利用して運用をするとなると、Azure Kubernetes を利用するのが便利です。

Sitecore on Azure Kubernetes Service - 環境を整える

これまで数回に分けて Docker コンテナで Sitecore が動作する手順を紹介してきました。これまでの内容は手元で動かすための手順であって、実際にクラウドサービスに展開するための手順とは異なる形です。実際の運用という点では、 Azure Kubernetes Service と組み合わせた運用になってきます。今回は、Azure Kubernetes Service のチュートリアルのページを参照しながら、サンプルを動かしてみたいと思います。

Azure Kubernetes Service (AKS) - チュートリアル

Adobe Creative Cloud および Microsoft Office と日頃から利用するであろうツール以外にも CI HUB は対応しています。今回はデザインツールである Figma との連携について紹介をします。

Sitecore Content Hub と CI HUB - Figma 編

Sitecore Content Hub をさまざまなアプリケーションと連携することができるツールを CI HUB という会社が提供しているいます。前回の Adobe Creative Cloud の連携に続いて、Microsoft Office との連携について紹介をします。

Sitecore Content Hub と CI HUB - Microsoft Office 編

Sitecore Content Hub をさまざまなアプリケーションと連携することができるツールを CI HUB という会社が提供しているいます。このコネクタを利用することで、DAM の利用に関しての可能性を広げます。今回は Adobe Creative Cloud のコネクタのインストール、利用方法に関して紹介をします。

Sitecore Content Hub と CI HUB - Adobe Creative Cloud 編

Sitecore コンテナを利用する上でよく引っかかるポイントをこのページに記載しています。今後、見つけたものは随時追加していきたいと思います。

Sitecore コンテナに関する Tips

Sitecore CLI はコマンドラインで Sitecore を制御することができる非常に便利な機能です。このシリーズでは、Sitecore CLI の環境を整備する手順や関連機能について紹介をしています。

Sitecore CLI シリーズ

前回の Sitecore CLI を利用してコンテンツのインポートの設定の状況から、Sitecore にアイテムを作成してエクスポートをする手順を確認します。インポート、エクスポートができるようになることで、作成したデータをコードで管理することが簡単にできるようになります。

Sitecore CLI を利用してコンテンツのエクスポート

Sitecore の環境をコマンドラインで制御することができるコマンドラインのツールとして Sitecore コマンドラインインターフェイスが提供されています。今回は、このツールを利用して、サンプルのデータを利用してインポートを実行する手順について確認をしていきます。

Sitecore CLI を利用してコンテンツのインポート

前回は Sitecore Management Services のインストールを実施しました。今回はモジュールのインストールとして、Sitecore Headless Services のモジュールをインストールしたいとおもいます。また、標準で SXA のモジュールも入っているため、この後利用することはないため削除してい行きます。前回の Sitecore Management Services と違って、CM サーバー以外にも設定をする必要があるため、同様のモジュールでも同じような手順で進めることが可能です。

Sitecore Docker カスタムイメージの利用 - Sitecore Headless Services のイメージ作成

カスタムイメージに対して、 Sitecore CLI でアクセスをして作業をすることができるように、Sitecore Management Services を追加したいとおもいます。この機能が CM サーバーに入っていない場合は、Sitecore CLI を利用することができません。今回はコンテナでの設定に関して説明をしていきますが、そのほかの環境に関してはパッケージを利用してインストールをしてください。

Sitecore Docker カスタムイメージの利用 - Sitecore Management Services のインストール

カスタムイメージの作成ができましたが、管理画面などは英語のままとなっています。日本語を扱うことができるように、日本語リソースの追加と設定の追加に関しての手順を紹介していきます。

Sitecore Docker カスタムイメージの利用 - 管理画面の日本語化

サンプルのカスタムイメージを利用して起動することができたため、今回は今後利用していく上で不要な部分や、変更するべき点について紹介をしていきます。

Sitecore Docker カスタムイメージの利用 - プロジェクトの作成

これまでサンプルの Docker のイメージを起動して動作検証をしている形でしたが、実際には必要となるモジュールの入っているイメージを作成していくことになります。今回はサンプルから自分で利用したいカスタムイメージを作成していきます。

Sitecore Docker カスタムイメージの利用 - 初期設定

今回は少し趣向を凝らして、デザインツールの Figma との連携について紹介をします。このツールはブラウザ上で動作する Web サイトのデザインツールで、無料でも使うことができるようになっています。近々日本語版もリリースされるそうです。最初に Figma で簡単なコンポーネントを作成して、Sitecore のヘッドレスと連携して GraphQL からデータを取得、デザインに反映させるための手順を簡単に紹介します。

Sitecore とデザインツール Figma の連携

Sitecore XP のパーソナライズ機能を利用するにあたって、ページの参照に関しての行動履歴に合わせたパーソナライズの設定に関して、いくつかルールが提供されています。今回は、それぞれの設定方法と動作に関しての紹介をします。

過去に訪問をした履歴を利用したパーソナライズ

Sitecore の環境をコマンドラインで制御することができるコマンドラインのツールとして Sitecore コマンドラインインターフェイスが提供されています。今回は、このツールのインストール手順を紹介します。

Sitecore CLI のインストール for macOS

前回は環境を準備するところまでとして、コンテナを起動することはありませんでした。今回は、サンプルを実行するためのスクリプト up.ps1 を参考にしながらどういう形でコンテナを起動することになるのかを確認していきます。

Sitecore Helix の Next.js サンプルを動かす - コンテナを起動する

Sitecore が提供しているデモ Sitecore Helix に、Next.js をベースにしたサンプルが含まれています。今回は、このサンプルを動かすところまでの手順を紹介していきます。なお、今回は設定までとして、実際にコンテナを起動するのは次回紹介する予定です。

Sitecore Helix の Next.js サンプルを動かす - 準備

Sitecore には開発効率、運用などで活用できるコマンドラインツールを提供しています。今回は、このツール、Sitecore CLI のインストール手順を紹介します。

Sitecore CLI のインストール

コンテナで稼働している Sitecore の環境に対して、自己証明書ではなくワイルドカード証明書を利用してサイトを立ち上げる手順を紹介します。これにより、実際の運用に近い形を手元で再現することが可能となります。

Sitecore XM1 で起動しているドメインを変更する

Sitecore の YouTube チャンネルで多くの試聴をいただいている 300 秒シリーズに新しいコンテンツが追加されました。今回追加された４本のコンテンツを紹介します。

Sitecore 300 秒シリーズ 第二弾

前回は Docker の動く環境を整備するところまで紹介をしました。今回は、Sitecore XM 10.2 を Docker で動作させるところまで紹介をしていきます。

Sitecore XM 10.2 を Docker で実行する

Next.js の SDK を利用して Sitecore をヘッドレス CMS で開発をする際の各種ヒントを個別のトピックとして紹介しています。ここでは一覧で表示していますので参考にしてください。

Sitecore Headless - Next.js Tips シリーズ

Sitecore を利用して開発をしていく際には、Docker のコンテナを利用することが可能です。このブログで紹介をしている Docker コンテナに関する記事を今回はまとめて紹介をします。

Sitecore Docker シリーズ

すでにこのブログでは Sitecore を Docker で動かすという記事を紹介していますが、もう一度最新版に合わせた手順を紹介ます。以前の記事も参考にしつつですが、今後はこの記事がベースになるように何かあれば更新するようにします。

Sitecore XM1 を Docker で動かすための環境整備

これまでいくつかテンプレートを作成してきましたが、シンプルに英語のリソースのみを設定していました。実際の運用という点では、英語にも日本語にももう少しわかりやすいタイトル、説明を入れた方が日頃編集する人にとっては使いやすい管理画面になります。今回は、フィールドを表示する際のローカライズの手順を紹介します。

フィールド名の翻訳とヘルプの表示

アイテムに関して階層化して管理をしていることもあり、対象となるアイテムの選択ができるようにしたい、ソースを指定したいというニーズがあります。これに関しては、テンプレートのソースの項目を利用することで、作業効率を上げることが可能となります。今回はこのフィールド形式の指定の後ろの項目、ソースの利用方法を紹介します。

個別フィールドのソースを活用する

新しいアイテムを作成する時に、アイテムのタイプを事前に設定をしておくことでテンプレートからどのアイテムを作るのか、という手順を省略することができます。そして、サイトの中のアイテムの構造もこのルールに沿って作っていくことが可能となります。今回は、この設定手順となる、挿入オプションについて紹介をします。

スタンダードバリュー - その４ 挿入オプションの設定

作成をしたアイテムのワークフローをスタンダードバリューで設定することで、アイテムを作成後に指定したワークフローを利用して承認プロセスを動かすことができます。

スタンダードバリュー - その３ ワークフローの設定

前回はカスタムのルートアイテムを作成しました。テンプレートを作成しただけではページの表示はできないため、レイアウトを割り当てる必要があります。今回はレイアウトを作成して、実際に編集、プレビューができるように作業を進めて行きます。

スタンダードバリュー - その２ レイアウトの設定

これまで Next.js ベースのサンプルとして作成していたアイテムは JSS のサンプルをインポートした時のルートアイテムをベースに作成をしていました。今回はルートアイテムに相当するものを作成する手順を紹介して行きます。

ルートアイテムの作成

これまでアイテムを作成すると書類のようなアイコンが常に設定されていました。アイテムに対してアイコンを設定することが可能ですが、これを毎回作業をするのは手間になりますので、今回は、アイコンの設定を紹介します。

アイテムのアイコンを指定する

これまでフィールド形式を指定してコンポーネントを作成するところを紹介していましたが、ページの編集をする人の手間を省くために、標準の値に関して設定をすることができるスタンダードバリューについて紹介をします。この機能は、Sitecore のヘッドレスの機能固有のものではなく、普通の Sitecore の機能のため、設定をしていない場合は運用に併せてどういう設定が良いか検討していただきたい項目です。

スタンダードバリュー - その１ 初期値について

Sitecore でレイアウトのエリアに関して、名前をつける機能をプレースホルダーという形で定義することができます。これを利用することで、プレースホルダーに配置することができるコンポーネントの制限をしたり、プレースホルダーを階層化して管理することができるようになります。今回はこのプレースホルダーの考え方、そして作り方を紹介していきます。

プレースホルダーの作成

コンポーネント作成シリーズの最後として、ファイルを指定することができるファイルコンポーネントを作成します。ファイル自体はメディアライブラリにあるファイルを指定する形となりますが、データとしてどういう形で取得することができるのか、というのを確認するのが主な目的です。

コンポーネントの作成とテンプレート連携 - ファイル編

今回はコンテンツリストを利用したコンポーネントを作成していきます。コンテンツリストは、Sitecore のアイテムを複数指定して、それらのデータを一括で利用したいというケースで使い勝手の良いものです。よくあるケースとしては、Meta タグで利用するキーワードを選択できるようにする、といったニーズにも使えます。

コンポーネントの作成とテンプレート連携 - コンテンツリスト編

これまで紹介をしていたデータの形式は一般的なデータとして利用することが多い項目でしたが、今回はチェックボックスを紹介する地味なトピックとなります。

コンポーネントの作成とテンプレート連携 - チェックボックス編

現在、グローバルで Sitecore Symposium World Tour というイベントが開催されており、すでにロンドンやドバイで開催されて新しい情報などが随時提供されています。このイベントの日本での開催が決まり、2022年5月17日に東京で開催されることが決まりました。

Sitecore Symposium World Tour Tokyo 開催決定

Web サイトのデータとして重要になってくるのがコンテンツの次にリンクになります。この部分の記述をコンポーネントではどう言った形で記述するのかを今回は紹介していきます。

Sitecore エクスペリエンス エクスプローラーの活用

コンポーネントの作成とテンプレート連携 - リンクフィールド編

日付、数字に関してはテキストのフィールドを利用して管理することもできますが、Sitecore のフィールドとしては日付、時間、数字を設定することが可能です。今回はこれらの項目を利用してコンテンツを構成できるように、フィールドの使い方を紹介していきます。

コンポーネントの作成とテンプレート連携 - 日付と数字編

前回はテキストに関するフィールド形式を利用して、テンプレートを作成しました。今回は画像を指定できるコンポーネントを作成していきます。

コンポーネントの作成とテンプレート連携 - 画像編

Sitecore のコンテンツ管理の仕組みとしては、コンテンツのデータ構造を定義する仕組みとしてテンプレートという仕組みを提供しています。今回はデータの持ち方を定義して、どのように呼び出しをするのかについてテンプレートを作成、データの表示について紹介をしていきます。なお、このサンプルコードは Styleguide のサンプルデータとして含まれているものを紹介していく形となります。

コンポーネントの作成とテンプレート連携 - テキスト編

Sitecore と連携している環境の準備ができていれば、コンポーネントの追加に関しての手順は非常に簡単なものです。今回は、jss scaffold のコマンドを利用することなく、コンポーネントを追加することで、どういう形でコンポーネントを管理しているのか、を確認します。

コンポーネントの作成

Next.js のテンプレートはすでに多言語対応のモジュールが入っているため、Sitecore 側の設定を追加することで比較的簡単に言語を増やすことができます。そこで今回は、日本語のリソースを追加したいと思います。

多言語サイトのコンテンツに切り替える

これまで Sitecore の編集環境としてはコンテンツエディター、エクスペリエンスエディターと２つのツールを利用していました。全体を見渡すことができるコンテンツエディター、見たまま編集を実現するエクスペリエンスエディターという位置付けです。今回紹介をする Sitecore Horizon はその２つのいいところ取りの製品になります。

Sitecore Horizon のインストール

以前にこのブログでも Sitecore の CMS と Content Hub を連携させるコネクタのインストールの手順を紹介しましたが、コネクタの新しいバージョンがリリースされました。このリリースからは Sitecore Install Framework を利用したインストールに対応をしているので、今回はこの手順を紹介します。

Sitecore Connect for Content Hub 5.0 のインストール

前回は新しいコンポーネントを作成して配置しましたが、まだ見た目は普通に HTML が表示されている程度の Tailwind CSS のデザインになっています。今回は見た目を少し変更するのと、合わせてコンテンツの属性を少し変更したいと思います。

Hero エリアの部品を作成する（後編）

前回の記事でヘッダー、フッターのエリアを整理しました。今回はトップページで利用する Hero エリアのコンポーネントを新規に作成していきます。この手順を通じて、新しいコンポーネントの作り方を学んでいきます。

Hero エリアの部品を作成する（前編）

前回は Tailwind CSS を利用できるところまで実施しました。今回はこれを利用する前に、レイアウトの中に記載されているナビゲーションのコードを別のファイルに分離する手順を確認していきます。

ナビゲーションを分離する

Next.js のサンプルは CSS のスタイルシートとして bootstrap が標準で設定されています。CSS のスタイルシートはさまざまなものが提供されていますが、今回は Tailwind CSS を利用する形に切り替えていきます。

Tailwind.css を Next.js のサンプルに適用する

昨年、このブログでも紹介をした Moosend のサービスを、Sitecore としてのサービスとして Sitecore Send という形で企業向けのサービスとして展開を開始しました。改めて製品の紹介と2つの製品の違いは何か？というのを今回は紹介します。

Moosend と Sitecore Send の紹介

今回は少し趣向を変えて Sitecore ではなく Next.js で Google Tag Manager を適用するための手順を紹介します。テストも含めて、実施していきます。

Next.js に Google Tag Manager を設定する

Sitecore XM に対して Headless Service をインストールすることで、GraphQL を利用してデータの取得が可能となります。今回は、データをどういう形で取得することができるのか、というのを紹介します。

Sitecore Headless - GraphQL UI の利用

これまで Sitecore の SDK のサンプルのコードを展開するところにフォーカスしていましたが、ここからは Sitecore で作業をしてコードで補完する形の開発をしていく手順に切り替えていきます。後半では以前に紹介をした空っぽのプロジェクトを作る手順を改めて確認して、実際につながるところまで進めていきます。

Sitecore Headless - Sitecore First に変更する

前回の記事で、Next.js のサンプルを Sitecore に展開、また実際のデリバリーとして Vercel と連携する形まで用意をしました。今回は、もう少しテスト、検証をしやすくするためにプロダクションとステージング環境を分けて、ローカルでもテストする手順を紹介をしていきます。

Sitecore Headless - Next.js ステージングの追加

ブログでこれまでヘッドレスに関しての情報を提供していました。手順に関してはリンクを貼りながら紹介していきつつ、テスト環境を素早く立ち上げる手順について今回は紹介をします。

Sitecore Headless - Next.js 評価環境の構築

これまでローカルで Headstart のデモを動かし、GitHub を通じて Microsoft Azure にリソースを展開しました。今回は最後のステップとして展開済みの環境に関して動作を確認していきたいと思います。

Headstart デモ環境を構築する - Part 11 環境のチェック

前回の記事で Azure DevOps と GitHub に展開しているリポジトリの連携の設定、ビルドまで進めました。今回は、実際にビルドしたデータを Azure の各リソースに展開するための手順を紹介していきます。

Headstart デモ環境を構築する - Part 10 リリースの作成と動作確認

ミドルウェアが起動して初期データの設定ができました。続いて、EC サイトのストアフロントとなる buyer およびEC サイトの管理画面となる seller のサイトをローカルで起動していきます。

Headstart デモ環境を構築する - Part 9 Azure DevOps と GitHub 連携

ローカルでの動作確認ができたので、次は Azure にミドルウェア、Buyer および Seller を展開していきます。実はまだミドルウェアのみインスタンスを作っていただけですので、ここで Buyer および Seller のインスタンスを追加していきます。

Headstart デモ環境を構築する - Part 8 Azure の環境を準備する（その２）

Headstart デモ環境を構築する - Part 7 Buyer および seller サイトの起動

Sitecore Headstart のデモは Sendgrid を利用してメールを送信する形で構築されています。この部分は将来的には Sitecore Send に置き換えることも可能ですが、現状では Sendgrid のメールをセットアップしておくことでいくつかのメールが自動的に動くようになっています。今回はこれのセットアップに関して説明をします。

Headstart デモ環境を構築する - Part 6 Sendgrid にサンプルのメールを設定する

ミドルウェアが起動するようになったので、ミドルウェア経由で Headstart のデモ環境を立ち上げるために必要なデータを揃えていきます。まず最初にサンプルのデータが含まれているマーケットプレースを作成し、そこに初期データを入れていきます。今回は日本のデータセンターを使うための手順も少し入ってきますので、海外のデータセンターを利用する際にはその点は読み替えて進めてください。

Headstart デモ環境を構築する - Part 5 サンプルデータの準備

今回は、前回準備した Azure のリソースを利用しながら、ローカルの環境でミドルウェアを起動する手順を紹介します。ミドルウェアの手順に関しては、Visual Studio を利用して作業をする形となります。

Headstart デモ環境を構築する - Part 4 ミドルウェアの起動

コードの準備ができたので、まずは手元でミドルウェアを起動するところまで進めていきます。そのためには、Microsoft Azure の環境にいくつかリソースを準備していく形となるため、この部分の手順も併せて紹介をしていきます。

Headstart デモ環境を構築する - Part 3 Azure の環境を準備する（その１）

2月17日にサイトコアの Webinar としてヘッドレス CMS を取り上げるセミナーに登壇することになりました。ヘッドレス CMS ってどういう実装になるの？それに伴ってどういうメリットがあるの？という話を短い時間ですが紹介をします。ぜひご参加ください。

Webinar - 話題のヘッドレスCMS、その特長と運用の利点を解説

前回はデモ環境を構築するための前提条件の紹介、そして OrderCloud のアカウントの作成まで紹介をしました。今回は、デモ環境のサンプルソースコードを手元に準備して GitHub のリポジトリと連携するところまで紹介をします。

Headstart デモ環境を構築する - Part 2 サンプルコードを準備する

Sitecore OrderCloud のサンプルサイトでもある Headstart を立ち上げるための手順を紹介します。以前にも記事で紹介をしましたが、あまり説明もなく手順のみが記載されていたのでよくわからない形だったかと思います。実は日本のデータセンターも選択することができるようになったので、この部分も含めてもう少し細かいステップを含めた手順で紹介をしていきます。

全ての記事

Sitecore 10.3 がリリースされました

XM Cloud に新しい Web サイトの追加

XM Cloud Deploy 環境の追加

XM Cloud Deploy プロジェクトの作成

Sitecore Cloud Portal について