タグ一覧に戻る
Tag

#Sitecore

技術メモ

ダークモードを実装

このドキュメントでは Next.js Starter Kit に対してダークモードの機能を実装する手順を紹介します。

技術メモ

カスタムコンポーネントの作成

ここでは Sitecore が提供する Next.js Starter Kit に対して、提供されているコンポーネント以外のカスタムコンポーネントを追加するための手順を紹介します。

技術メモ

Tailwind CSS Starter

このドキュメントサイトで作成をしていくサンプルのベースとなる、Tailwind Starter は、Next.js Starter をベースにスタイルシートのフレームワークとして Tailwind CSS を適用しています。このドキュメントでは、ベースとなる Next.js Starter に対してどのような作業をしているのかについて、ここでは紹介をします。

技術メモ

Sitecore XM Cloud について

このドキュメントでは、Sitecore が提供する CMS の SaaS 版の製品、Sitecore XM Cloud の概要を紹介しています。Sitecore の製品に関しての用語をこのページで紹介しつつ、各種トピックは別のページで紹介をしています。

技術メモ

開発環境の作成

このドキュメントでは、XM Cloud を対象とした Web サイトの開発を行う場合の環境について紹介をします。ローカルでの Docker での環境について、XM Cloud のインスタンスに接続して開発をする方法のそれぞれの環境の整え方を紹介します。

技術メモ

テンプレートの作成

このサイトで紹介をしている情報が含まれたテンプレートサイトとして、tailwind-starter を提供しています。このプロジェクトは標準テンプレート以外に、いくつか変更点を適用しているため、ここではその内容について紹介をします。

技術メモ

Sitecore Connect for Content Hub

このドキュメントでは、Sitecore XM Cloud の環境において Sitecore Content Hub を連携させる手順について紹介をしていきます。今回はモジュールのインストールおよび初期設定までの紹介とします。

技術メモ

XM Cloud Deploy

Sitecore XM Cloud の環境が手に入った次のステップとしては、XM Cloud Deploy を利用して新しいサーバーを立ち上げる手順を進めることになります。今回は、この XM Cloud Deploy でサーバーを立ち上げる手順を紹介します。

技術メモ

開発者向けリソース

Sitecore Search に関して、基本的なクロールの仕組みまで紹介をしてきました。このドキュメントでは、取得しているデータを利用してサイト内検索を立ち上げる際に便利な、開発者向けリソースについて紹介します。

技術メモ

Document Extractor の利用

Document Extractor (ドキュメントエクストラクター) は、文書やファイルから特定の情報やデータを抽出するツールやプロセスを指します。この技術は、手動でデータを抽出する手間を省き、効率的に情報を取得するために使用されます。

技術メモ

ドメイン設定

新しく作成された Sitecore Search の Sandbox を利用して、基本設定となるドメイン設定の内容を確認していきます。このドキュメントでは全体概要までの紹介となり、個別の設定に関しては別途提供します。

技術メモ

Data Type と Entity

このドキュメントでは、Sitecore Search で検索対象として管理するデータ構造に関して、Data Type および Entity について紹介をします。この構造について学ぶことで、標準でどのようなデータを取り扱うことができるのか、またそれを拡張して利用できるのかを理解することができます。

技術メモ

Locale Extractor の利用

前回のドキュメントでは、 Document Extractor を XPath を利用してクロールする形を実現しました。このドキュメントでは、多言語で管理をしているコンテンツに対して、Locale Extractor と組み合わせて取得する手順を確認していきます。

技術メモ

Sitecore Search について

Sitecore Search はサイトコアが提供する検索サービスとなっており、Web サイトにおけるサイト内検索を実装することが可能な SaaS のサービスとなります。今回は、実際に導入済みのサイトコアのサイト、サイトコアの開発者向けサイトをもとに、製品に関して紹介をしていきます。

技術メモ

Sitecore Search witn Next.js

ここでは、Sitecore Search のサンプルを Next.js の初期設定から作り上げていきます。なお、XM Cloud の Headless SXA が Next.js Pages Router をベースとして現在は提供していることもあり、ここでのサンプルも同じように Pages router を利用して作成していきます。

技術メモ

Experience の作成

これまで説明しているときに、サンプルとなる Experience を作る方法を紹介していました。このドキュメントにおいて改めて、Sitecore Personalize で新しいパーソナライズの設定を、既存のテンプレートを利用して作成する手順を紹介します。

技術メモ

ゲストの確認

このドキュメントでは Sitecore CDP と連携している Web サイトの訪問者の情報を、どのようにゲストとして追いかけているのか、ページを閲覧しながら確認をしていきます。

技術メモ

Postman の利用

このドキュメントでは、Postman を利用してゲストに関する情報へのアクセス、更新をする方法を体験します。実際のこの手順は、外部システムと API 連携をする際の参考になります。

技術メモ

カスタム Experience の作成

Sitecore Personalize で様々なパーソナライズの体験を提供したい場合は、標準のテンプレート以外のパーソナライズのシナリオが出てくると思います。このドキュメントでは、テンプレートで作成しているコードの動作を確認しながら、最終的にはカスタムのテンプレートを作る手順を紹介しています。

技術メモ

Experients の作成

このドキュメントでは、A/B テストを実施する場合の Sitecore Personalize の機能、Experiments について紹介をします。利用することができる Web テンプレートは Experience 同じ手順で作成することが可能です。このページでは、いくつかのテンプレートを1つのページに張り付けて、その結果がどのように出るのかを確認していきます。

技術メモ

Google Tag Manager と連携

Tampermonkey を利用してサイトにタグを埋め込まずに動作させる方法は確認できました。今回は、実際のサイトで利用するために、Google Tag Manager を利用して JavaScript を適用して動作するように設定を進めていきます。

技術メモ

Tampermonkey の使用

本ドキュメントでは、まだ Sitecore Personalize のタグを埋め込んでいないウェブサイトに対して、ブラウザの拡張機能を利用して実装する JavaScript のコードに関するテストを行う方法を紹介します。この方法を使用することで、開発中のサイトや非本番環境でのパーソナライズの動作確認が容易になります。

技術メモ

標準テンプレート

Sitecore Personalize の管理画面では、複数のテンプレートが選択可能です。これらのテンプレートには、Boxever Library と Sitecore Library の2つのタイプが提供されています。それぞれのテンプレートには異なる特徴があり、HTML コードや CSS の記述に違いがあります。本記事では、これらのテンプレートの違いについて詳しく解説し、どのように使い分けるべきかを説明します。

技術メモ

SDK の活用

このドキュメントでは、Sitecore CDP + Personalize を Web サイトと連携させる際に役立つ SDK について詳しく紹介します。これらの SDK を使用することで、顧客データの収集やパーソナライズされた体験の提供が容易になります。

技術メモ

Sitecore CDP + Personalize について

Sitecore が提供する顧客のデータを一元管理するためのプラットフォーム Sitecore CDP、そして CDP に蓄積している情報を利用して顧客体験を改善するためのツール、Sitecore Personalize について紹介をします。

技術メモ

サンプル - Alert Bar

このページでは、Sitecore Personalize で提供している標準テンプレートの Alert Bar のデモを確認することができます。

技術メモ

サンプル - Corner Popup

このページでは、Sitecore Personalize で提供している標準テンプレートの Corner Popup のデモを確認することができます。

技術メモ

Email Capture Bar

このページでは、Sitecore Personalize で提供している標準テンプレートの Email Capture Bar のデモを確認することができます。

技術メモ

Email Capture Corner

このページでは、Sitecore Personalize で提供している標準テンプレートの Email Capture Corner のデモを確認することができます。

技術メモ

Notification Widget

このページでは、Sitecore Personalize で提供している標準テンプレートの Notification Widget のデモを確認することができます。

技術メモ

Sitecore Personalize サンプル一覧

このページでは、Sitecore CDP + Personalize で提供しているサンプルの動作を確認できるように、実装済みのページ一覧を紹介しています。

技術メモ

Popup takeover

このページでは、Sitecore Personalize で提供している標準テンプレートの Popup takeover のデモを確認することができます。

技術メモ

Slidebar

このページでは、Sitecore Personalize で提供している標準テンプレートの Slidebar のデモを確認することができます。

技術メモ

ユーザー管理

ここでは Sitecore Cloud Portal で管理することができるユーザーのロールのタイプ、および割り当てができる権限の内容について紹介をしていきます。

技術メモ

SSO を設定する

Sitecore Cloud Portal は SSO に対応しており、Owner もしくは Admin の権限を持っていれば設定をすることが可能です。ここでは、Entra ID との連携、および Auth0 との連携に関して紹介をしています。

技術メモ

サポートアクセス

Sitecore サポートエンジニアに、技術的な問題を解決するために組織およびすべてのアプリへのアクセスを許可します。アクセスを取り消すには、「アクセスを無効にする」をクリックします。

技術メモ

Sitecore Cloud Portal について

Sitecore Cloud Portal は、Sitecore の SaaS 製品を利用するためのポータルサイトです。このポータルを通じて、SaaS 製品の設定や管理を行うことができます。ここでは、Sitecore Cloud Portal の役割と基本的な機能について説明します。

技術メモ

Cloud Portal に参加する

ここに概要を書きますここでは Sitecore Cloud Portal の管理者から招待メールを受け取ったあと、どのような手順で参加をすることになるのかについて紹介をしています。