---
title: "サイトとページを作成する"
slug: "create-a-site-and-a-page"
abstract: "SitecoreAIの開発を始めるためのチュートリアルの一部で、最初のサイトとページを作成する方法を紹介します。"
---
# サイトとページを作成する

これは「はじめに」ウォークスルーシリーズのパート2です。ここでのステップを完了する前に、まず最初の [プロジェクトと環境](https://doc.sitecore.com/sai/ja/developers/sitecoreai/getting-started-with-sitecoreai/deploy-a-project-and-environment.html "Deploy a project and environment")を作成している必要があります。

このトピックでは、[SitecoreAI](https://doc.sitecore.com/sai/en/users/sitecoreai/sitecoreai.html)インターフェースを使って最初のサイトとページを作成する方法を説明します。ここで説明する手順は、Content SDKと使うかASP.NETコアSDKでNext.js使うかによって若干異なります。

サイトとページを作成するには:

1.  もしまだDeployアプリにいるなら、最初のプロジェクト作成とデプロイが完了した後、**SitecoreAI**環境![XMC\_Switcher.png](https://doc.sitecore.com/api/markdown-image/sai/ja/developers/sitecoreai/images/XMC_Switcher.png) > Open app >「**Open switcher**」をクリックして新しいブラウザタブでSitecoreAIを開きます。あるいは、直接https://app.sitecorecloud.ioにアクセスすることもできます。
    
2.  ナビゲーションメニューで **「チャンネル**」をクリックしてください。
    
3.  空のサイトテンプレートを選択してください。
    
4.  例えば、サイト名を*Getting Started*、またはオプションで説明文を入力できます。
    
5.  既存のコレクションがなければ、このサイトが属するコレクションの名前を入力し、「**\[コレクション名\]を作成**」をクリックしてください。コレクションはテーマごとにサイトを整理するのに役立ちます。
    
    > !注コレクションと同じ名前のヘッドレスモジュールは、新しいコレクションを作成すると自動的に作成されます。 [最初のコンポーネントを作る](https://doc.sitecore.com/sai/ja/developers/sitecoreai/getting-started-with-sitecoreai/build-your-first-component.html "Build your first component")ときにこのモジュールを使います。
    
6.  サイトが対応する言語とデフォルトの言語を選択してください。
    
7.  **「作成**」をクリックします。サイトが作成されるまで最大2分待ちましょう。
    
8.  Content SDKを使用している場合、ページに初期コンポーネントを追加するには、以下の手順を踏みます。
    
    > !注ASP.Net Core SDKを使う場合は、後でコンポーネントを作成することになります。
    
    -   サイトが**チャンネル**で利用可能になったら、そこにカーソルを合わせて「**ページビルダー**![editinpagebuilder.png](https://doc.sitecore.com/api/markdown-image/sai/ja/developers/sitecoreai/images/editinpagebuilder.png)」をクリックすると、新たに作成されたサイトタイルがページビルダーを開きます。
        
    -   左側のペインで「**コンポーネント**![components.png](https://doc.sitecore.com/api/markdown-image/sai/ja/developers/sitecoreai/images/components.png)」をクリックすると、環境内で利用可能なコンポーネントのリストを見つけられます。**ページコンテンツ**コンポーネントを見つけて、ページ中央のプラス記号にドラッグしてください。
        
        ![The Page Content component in the Page builder](https://doc.sitecore.com/api/markdown-image/sai/ja/developers/sitecoreai/images/XMC_page_content_component.png)
        
    -   表示されるテキストボックスに、例えば*Hello world - inbuiltコンポーネント*のように表示するテキストを入力します。変更は自動的に保存されます。
        

あなたは最初のページ付きサイトを作成し終えました。これで [ローカル開発環境を構築](https://doc.sitecore.com/sai/ja/developers/sitecoreai/getting-started-with-sitecoreai/set-up-your-local-development-environment.html "Set up your local development environment")できます。