ダークモードを実装
このドキュメントでは Next.js Starter Kit に対してダークモードの機能を実装する手順を紹介します。
このドキュメントでは Next.js Starter Kit に対してダークモードの機能を実装する手順を紹介します。
ここでは Sitecore が提供する Next.js Starter Kit に対して、提供されているコンポーネント以外のカスタムコンポーネントを追加するための手順を紹介します。
このドキュメントサイトで作成をしていくサンプルのベースとなる、Tailwind Starter は、Next.js Starter をベースにスタイルシートのフレームワークとして Tailwind CSS を適用しています。このドキュメントでは、ベースとなる Next.js Starter に対してどのような作業をしているのかについて、ここでは紹介をします。
このドキュメントでは、Sitecore が提供する CMS の SaaS 版の製品、Sitecore XM Cloud の概要を紹介しています。Sitecore の製品に関しての用語をこのページで紹介しつつ、各種トピックは別のページで紹介をしています。
このドキュメントでは、XM Cloud を対象とした Web サイトの開発を行う場合の環境について紹介をします。ローカルでの Docker での環境について、XM Cloud のインスタンスに接続して開発をする方法のそれぞれの環境の整え方を紹介します。
このサイトで紹介をしている情報が含まれたテンプレートサイトとして、tailwind-starter を提供しています。このプロジェクトは標準テンプレート以外に、いくつか変更点を適用しているため、ここではその内容について紹介をします。
このドキュメントでは、Sitecore XM Cloud の環境において Sitecore Content Hub を連携させる手順について紹介をしていきます。今回はモジュールのインストールおよび初期設定までの紹介とします。
Sitecore XM Cloud の環境が手に入った次のステップとしては、XM Cloud Deploy を利用して新しいサーバーを立ち上げる手順を進めることになります。今回は、この XM Cloud Deploy でサーバーを立ち上げる手順を紹介します。
Sitecore Search に関して、基本的なクロールの仕組みまで紹介をしてきました。このドキュメントでは、取得しているデータを利用してサイト内検索を立ち上げる際に便利な、開発者向けリソースについて紹介します。
Document Extractor (ドキュメントエクストラクター) は、文書やファイルから特定の情報やデータを抽出するツールやプロセスを指します。この技術は、手動でデータを抽出する手間を省き、効率的に情報を取得するために使用されます。
新しく作成された Sitecore Search の Sandbox を利用して、基本設定となるドメイン設定の内容を確認していきます。このドキュメントでは全体概要までの紹介となり、個別の設定に関しては別途提供します。
このドキュメントでは、Sitecore Search で検索対象として管理するデータ構造に関して、Data Type および Entity について紹介をします。この構造について学ぶことで、標準でどのようなデータを取り扱うことができるのか、またそれを拡張して利用できるのかを理解することができます。
前回のドキュメントでは、 Document Extractor を XPath を利用してクロールする形を実現しました。このドキュメントでは、多言語で管理をしているコンテンツに対して、Locale Extractor と組み合わせて取得する手順を確認していきます。
Sitecore Search はサイトコアが提供する検索サービスとなっており、Web サイトにおけるサイト内検索を実装することが可能な SaaS のサービスとなります。今回は、実際に導入済みのサイトコアのサイト、サイトコアの開発者向けサイトをもとに、製品に関して紹介をしていきます。
ここでは、Sitecore Search のサンプルを Next.js の初期設定から作り上げていきます。なお、XM Cloud の Headless SXA が Next.js Pages Router をベースとして現在は提供していることもあり、ここでのサンプルも同じように Pages router を利用して作成していきます。
これまで説明しているときに、サンプルとなる Experience を作る方法を紹介していました。このドキュメントにおいて改めて、Sitecore Personalize で新しいパーソナライズの設定を、既存のテンプレートを利用して作成する手順を紹介します。
このドキュメントでは Sitecore CDP と連携している Web サイトの訪問者の情報を、どのようにゲストとして追いかけているのか、ページを閲覧しながら確認をしていきます。
このドキュメントでは、Postman を利用してゲストに関する情報へのアクセス、更新をする方法を体験します。実際のこの手順は、外部システムと API 連携をする際の参考になります。
Sitecore Personalize で様々なパーソナライズの体験を提供したい場合は、標準のテンプレート以外のパーソナライズのシナリオが出てくると思います。このドキュメントでは、テンプレートで作成しているコードの動作を確認しながら、最終的にはカスタムのテンプレートを作る手順を紹介しています。
このドキュメントでは、A/B テストを実施する場合の Sitecore Personalize の機能、Experiments について紹介をします。利用することができる Web テンプレートは Experience 同じ手順で作成することが可能です。このページでは、いくつかのテンプレートを1つのページに張り付けて、その結果がどのように出るのかを確認していきます。
Tampermonkey を利用してサイトにタグを埋め込まずに動作させる方法は確認できました。今回は、実際のサイトで利用するために、Google Tag Manager を利用して JavaScript を適用して動作するように設定を進めていきます。
本ドキュメントでは、まだ Sitecore Personalize のタグを埋め込んでいないウェブサイトに対して、ブラウザの拡張機能を利用して実装する JavaScript のコードに関するテストを行う方法を紹介します。この方法を使用することで、開発中のサイトや非本番環境でのパーソナライズの動作確認が容易になります。
Sitecore Personalize の管理画面では、複数のテンプレートが選択可能です。これらのテンプレートには、Boxever Library と Sitecore Library の2つのタイプが提供されています。それぞれのテンプレートには異なる特徴があり、HTML コードや CSS の記述に違いがあります。本記事では、これらのテンプレートの違いについて詳しく解説し、どのように使い分けるべきかを説明します。
このドキュメントでは、Sitecore CDP + Personalize を Web サイトと連携させる際に役立つ SDK について詳しく紹介します。これらの SDK を使用することで、顧客データの収集やパーソナライズされた体験の提供が容易になります。
Sitecore が提供する顧客のデータを一元管理するためのプラットフォーム Sitecore CDP、そして CDP に蓄積している情報を利用して顧客体験を改善するためのツール、Sitecore Personalize について紹介をします。
このページでは、Sitecore Personalize で提供している標準テンプレートの Alert Bar のデモを確認することができます。
このページでは、Sitecore Personalize で提供している標準テンプレートの Corner Popup のデモを確認することができます。
このページでは、Sitecore Personalize で提供している標準テンプレートの Email Capture Bar のデモを確認することができます。
このページでは、Sitecore Personalize で提供している標準テンプレートの Email Capture Corner のデモを確認することができます。
このページでは、Sitecore Personalize で提供している標準テンプレートの Notification Widget のデモを確認することができます。
このページでは、Sitecore CDP + Personalize で提供しているサンプルの動作を確認できるように、実装済みのページ一覧を紹介しています。
このページでは、Sitecore Personalize で提供している標準テンプレートの Popup takeover のデモを確認することができます。
このページでは、Sitecore Personalize で提供している標準テンプレートの Slidebar のデモを確認することができます。
ここでは Sitecore Cloud Portal で管理することができるユーザーのロールのタイプ、および割り当てができる権限の内容について紹介をしていきます。
Sitecore Cloud Portal は SSO に対応しており、Owner もしくは Admin の権限を持っていれば設定をすることが可能です。ここでは、Entra ID との連携、および Auth0 との連携に関して紹介をしています。
Sitecore サポートエンジニアに、技術的な問題を解決するために組織およびすべてのアプリへのアクセスを許可します。アクセスを取り消すには、「アクセスを無効にする」をクリックします。
Sitecore Cloud Portal は、Sitecore の SaaS 製品を利用するためのポータルサイトです。このポータルを通じて、SaaS 製品の設定や管理を行うことができます。ここでは、Sitecore Cloud Portal の役割と基本的な機能について説明します。
ここに概要を書きますここでは Sitecore Cloud Portal の管理者から招待メールを受け取ったあと、どのような手順で参加をすることになるのかについて紹介をしています。
今回は XM Cloud のコンテンツに関して、GraphQL から記事の一覧を取得して RSS フィードを作成する手順を紹介します。