--- title: "フレームワークに依存しないSitecore開発の導入" slug: "introduction-to-framework-agnostic-sitecore-development" abstract: "フレームワーク固有のSitecore SDKを使わずにSitecoreサイトを構築する方法の概要。" --- # フレームワークに依存しないSitecore開発の導入 > !注**このドキュメントの改善にご協力ください**フレームワークに依存しないドキュメントは現在開発中です。コンテンツ改善の提案があれば、このページの下部で **フィードバック** を共有してください。 Sitecore SDKなしでもSitecoreサイトを作ることができます。 Sitecoreの開発とは、Sitecore内でコンテンツをモデリングし、それを取得・レンダリングするアプリを構築することを意味します。特定のフロントエンドフレームワークを使ってアプリを構築する場合、[専用のSitecore SDK](https://doc.sitecore.com/sai/ja/developers/sitecoreai/sitecoreai.html#developer-tools)を使うことができます。しかし、それらのフレームワークに限定されるわけではなく、Sitecoreで構築するのに専用のSDKは必要ありません。どんなフロントエンド技術でも使え、Sitecoreのフレームワークに依存しないAPIを直接呼び出すことができます。実際には、これは次のことを意味します: 1. Sitecoreはあなたのコンテンツを管理します。 2. アプリはAPIを通じてそのコンテンツを取得します。 3. フロントエンドは、あなたが選ぶどんなフレームワークや言語を使ってコンテンツをレンダリングします。 このドキュメントは、Sitecore APIを使ったフレームワークに依存しない開発方法を案内します。Sitecoreコンテンツ向けのフロントエンドアプリを構築するためのAPIや関連タスクについて説明しています。 カスタムSDKの作成はここでは扱っていませんが、このドキュメントを進めることで、開発チームがフレームワークの慣習に合ったAPIを自社のSDKにパッケージ化する基盤を築くことができます。 このフレームワークに依存しないドキュメントは段階的に展開される一部です。現在は以下の内容を扱っています: - [プロジェクト設定](https://doc.sitecore.com/sai/ja/developers/sitecoreai/introduction-to-framework-agnostic-sitecore-development/create-a-sitecoreai-project-with-your-own-code.html "Create a SitecoreAI project with your own code") - SitecoreAIプロジェクトを作成し、ソース管理に接続し、環境とサイトと共にデプロイします。このステップでは、希望するフレームワークを使ってフロントエンドアプリケーションも作成します。 - [コンテンツレンダリング](https://doc.sitecore.com/sai/ja/developers/sitecoreai/introduction-to-framework-agnostic-sitecore-development/content-rendering.html "Content rendering") - GraphQL APIを使ってフロントエンドアプリでSitecoreAIのコンテンツを表示します。 - [ビジュアル編集](https://doc.sitecore.com/sai/ja/developers/sitecoreai/introduction-to-framework-agnostic-sitecore-development/visual-editing.html "Visual editing") - SitecoreAIページビルダーで作業するコンテンツ作成者がインライン編集を有効にします。 今後のリリースでは、コンテンツレンダリングとビジュアル編集の後、直近の次のステップから高度な作業まで、他の主要な開発分野も順にカバーします。 - [ルーティングとローカリゼーション](https://doc.sitecore.com/sai/ja/developers/sitecoreai/introduction-to-framework-agnostic-sitecore-development/routing-and-localization.html "Routing and localization") - マルチサイト設定、リダイレクト、ロケーション解決を各サイトで処理します。 - [分析とパーソナライズ](https://doc.sitecore.com/sai/ja/developers/sitecoreai/introduction-to-framework-agnostic-sitecore-development/routing-and-localization.html "Routing and localization") - サイト分析、パーソナライズ、A/B/nテストを追加しましょう。 - [高度なツール](https://doc.sitecore.com/sai/ja/developers/sitecoreai/introduction-to-framework-agnostic-sitecore-development/routing-and-localization.html "Routing and localization") - AI搭載のSitecore機能でアプリを拡張しましょう。 ## フレームワークに依存しない開発を選ぶタイミング どの開発チームでもフレームワークに依存しないアプローチを選択できますが、フロントエンド技術に専用Sitecore SDKがない場合や、Sitecore SDKと一致しない厳しい技術要件がある場合に最も有用です。Sitecore ASP.NET Core、Angular、Next.js向けのSDKを提供しています。 このドキュメントはAstro(v7)とGo(v1)のコード例を提供しています。 ## 始める前に このドキュメントを読み始める前に、以下のことをお勧めします: - レイアウト、プレースホルダー、コンポーネントなど、一般的なSitecoreAI [のコンテンツ作成の概念](https://doc.sitecore.com/sai/ja/developers/sitecoreai/sitecoreai/content-authoring-concepts-for-developers-new-to-sitecore.html)に慣れておくこと。 - [SitecoreAI Deploy](https://doc.sitecore.com/sai/ja/developers/sitecoreai/deploying-sitecoreai/deploy-app.html)と[SitecoreAIページビルダー](https://doc.sitecore.com/sai/en/users/sitecoreai/build-pages.html)に慣れておきましょう。開発中は、SitecoreAI Deployを使ってSitecore環境の詳細を調べたり、SitecoreAIページビルダーを使ってページ内容の閲覧や編集を頻繁に行います。