Skip to content
Now accepting Q2 projects — limited slots available. Get started →
Capability

Sanity CMS 開発

構造化コンテンツを大規模に — カスタムSanityスキーマ、GROQクエリ、リアルタイム編集。

Stack
Sanity v3GROQSanity StudioNext.jsAstroTypeScriptVercel

Sanityをコンテンツプラットフォームとして活用する

Sanityは従来のCMSではありません。構造化コンテンツプラットフォーム — つまり、完全にカスタマイズ可能な編集体験を備えたコンテンツのためのデータベースです。チームのコンテンツへの考え方に合わせて、カスタムスキーマ、カスタム入力コンポーネント、カスタムデスクツールを構築します。

Sanityで構築できるもの

SanityはNext.jsやAstroと組み合わせると最大の効果を発揮します。カスタムコンテンツスキーマ、リアルタイムプレビュー、Sanity CDNを介した画像パイプライン、そしてレンダリング戦略(SSG、ISR、SSR)に最適化されたGROQクエリまで、フルスタックで構築します。

他のヘッドレスCMSではなくSanityを選ぶ理由

Sanityのコンテンツレイクはポータブルです — コンテンツがベンダー独自のフォーマットに縛られることはありません。GROQは複雑なコンテンツクエリにおいてRESTよりも強力です。そしてStudioのカスタマイズにより、編集者は汎用的なインターフェースではなく、自分たちのワークフローに合った操作環境を手に入れられます。

FAQ

Common questions

GROQとは何ですか?なぜ重要なのですか?

GROQはSanityのクエリ言語です。コンテンツクエリにおいてRESTよりも表現力が高く、深くネストされたコンテンツの取得、参照によるフィルタリング、複数ドキュメントにまたがるJOINを1つのクエリで実行できます。複雑なコンテンツ構成においてAPIコールの数を大幅に削減できます。

Sanityでリアルタイムプレビューは設定できますか?

はい — SanityのライブプレビューはStudioとフロントエンドをリアルタイムで連携させます。編集者は公開前に、入力しながら変更内容をその場で確認できます。Next.js(Draft Mode)とAstroの両方でこの設定に対応しています。

Sanityでの画像はどのように扱いますか?

Sanityの画像パイプライン(Sanity CDN+変換API)がレスポンシブ画像の生成、フォーマット変換、遅延読み込みを処理します。next/imageまたはカスタムpicture要素を設定し、正しいパラメータでSanity CDNのURLを利用するよう構成します。

複数のコンテンツ編集者が同時にSanityを使用できますか?

はい — Sanity Studioにはリアルタイムコラボレーション機能が組み込まれています。複数の編集者が異なるドキュメントを同時に作業できます。プレゼンスインジケーターにより、誰が何を編集しているかをリアルタイムで確認できます。

Sanityの費用はかかりますか?

無料プランは小〜中規模のプロジェクトの多くに対応しています(ユーザー3名、帯域幅10GB)。Growthプランは月額$15から。ほとんどのクライアントサイトでは、無料プランまたはGrowthプランで十分です。

Ready to get started?

Free consultation. No commitment. Just an honest conversation about your project.

Book a free call →
Get in touch

Let's build
something together.

Whether it's a migration, a new build, or an SEO challenge — the Social Animal team would love to hear from you.

Get in touch →