案件評判
Prismic.ioを理解する!初心者でも分かる概要、特徴などの基礎知識を簡単に解説!

Prismic.ioを理解する!初心者でも分かる概要、特徴などの基礎知識を簡単に解説!

最終更新:2022/01/12 投稿:2022/01/07
Prismic.ioを理解する!初心者でも分かる概要、特徴などの基礎知識を簡単に解説!

Prismic.ioとはパリとサンフランシスコに拠点を構えるスタートアップテクノロジー企業「Prismic社」が開発・運営するヘッドレスCMSです。CMSでの反復開発に加え、インフラを管理するという特徴があります。この記事ではPrismic.ioを理解するために初心者でも分かる概要、特徴などの基礎知識を簡単に解説していきます。

Prismic.io

Prismic.ioとはパリとサンフランシスコに拠点を構えるスタートアップテクノロジー企業「Prismic社」が開発・運営するインフラ管理もできるヘッドレスCMSです。好みのフレームワークや様々なプログラミング言語を自由に選択してサイト構築ができる新しいCMSとして注目を集めております。Prismicはインフラ管理を行えるという点でも高い評価を集めており、ヘッドレスCMS市場において確固たる地位を確立すべく2021年5月には22億円の資金調達を成功しています。すでに5,000社以上の利用実績を誇り「Google」「NETFLIX」「Rakuten」などの有名企業からも信頼されております。

『Prismic.ioの基本情報』
▼正式名称
Prismic.io
▼開発者
Prismic inc
▼誕生時期
2013年
▼種別
ヘッドレスCMS
▼特徴
・好みのフレームワークを自由に使用できる
・改訂履歴によって変更記録を守る
・サーバーメンテナンス不要

Prismic.ioの公式サイトはこちら>>

ヘッドレスCMSとは

ヘッドレスCMSとは従来のCMS(コンテンツ・マネジメント・システム)から見た目(View)の部分を切り離し、バックエンドのみの機能を用意したCMSの一種です。フロントエンドが存在しないCMSというのがイメージしやすいでしょう。例えば一般的なCMSとして「WordPress」を例に見るとコンテンツを表示するための「フロントエンド」とコンテンツを入稿・管理するための「バックエンド」どちらも兼ね備えております。
ヘッドレスCMSでは「バックエンド」のみを集中的に管理する目的があり、フロントエンドに関してはヘッドレスCMS外で運用する必要があります。基本的にはAPIを用いて入稿したコンテンツを取得し、表示したい場所へと映します。フロントエンドの自由度が高められることや表示速度が速いというメリットが挙げられます。

ヘッドレスCMSの機能やメリット、デメリットなどの基礎知識について解説している記事はこちら>>

Prismic.ioの特徴

Prismic.ioの特徴を見ていきましょう。

好みのフレームワークを自由に使用できる

Prismic.ioは好みのフレームワークを自由に使用できるという特徴があります。「React.js」「Nuxt.js」「Vue.js」などプロジェクト、スキル、ニーズに最適だと思うものを選択肢、何でも自由に使用できます。

改訂履歴によって変更記録を守る

Prismic.ioは改訂履歴によって変更記録を守るという特徴があります。すべての変更内容を追跡し、コンテンツのすべての履歴を記録します。また「編集者」「チーム」「変更日時」などの情報も表示されます。リッチテキストのみならず「画像」「リンク」「ジオロケーションポイント」「スライス」などすべての変更の詳細を視覚化することができます。

サーバーメンテナンス不要

Prismic.ioはサーバーメンテナンス不要という特徴があります。「高レベルSLA」「スケーラビリティ」「グローバルCDN」を提供し、そのすべてがバックグラウンドでスムーズに実行されていることを確認します。

ドキュメントが豊富

Prismic.ioはドキュメントが豊富という特徴があります。ヘッドレスCMSはいずれのサービスも誕生から歴史が浅く、どれも発展途上であることからドキュメントが少ない場合が多いです。Prismic.ioでは「マニュアル」「チュートリアル」や「ケーススタディ」「開発者ブログ」など様々なハンズオンを取り揃えており、安心して利用することができます。

Prismic.ioの利用プラン

Prismic.ioの利用プラン別の「価格」や「ユーザー数」を見ていきましょう。

ユーザー数 ユーザー数 容量
Community 無料 1ユーザーまで 100GB
Medium $100/月額 25ユーザーまで 500GB
Platinum $500/月額 無制限 1TB
Enterprise 見積り/月額 無制限 3TB

Prismic.io以外の代表的なヘッドレスCMS

Prismic.io以外の代表的なヘッドレスCMSを見ていきましょう。

Netlify CMS

Netlify CMSとは米国のNetlify社が運営する静的ホスティングサービスの一機能として提供されるヘッドレスCMSです。Gitワークフロー用のオープンソースCMSであり、編集者にとって使いやすいUIと直感的なワークフローを提供します。Jekyll、Hugo、Mkdocsなどの静的サイトジェネレーターと一緒に使用することで、より高速で柔軟なWebサイトを作成することができます。Netlifyとの連携により高度なパフォーマンスを発揮することができますが、NetlifyCMSを使用しているすべてのサイトがNetlify上にあるわけではなく、NetlifyなしでNetlifyCMSを使用することも可能です。

『Netlify CMSの基本情報』
▼正式名称
Netlify CMS
▼開発者
Netlify社
▼誕生時期
2016年
▼種別
ヘッドレスCMS
▼特徴
・高速なWebベースのUI
・静的サイトジェネレータを使用
・Netlifyとの連携により高度なパフォーマンス

Netlify CMSの公式サイトはこちら>>
Netlify CMSの概要や特徴などの基礎知識について解説している記事はこちら>>

Ghost

GhostとはシンガポールのGhost Foundationが開発・運営するブログに特化したヘッドレスCMSです。ブログやオウンドメディアなど記事コンテンツを中心に公開するWebサイトの開発に向いており、メディア型のWebサイト運営に必要な機能を取り揃えていること多くのWebクリエイターに人気を集めております。またGhostはオープンソースで「Strapi」と同じくNode.js環境において動作します。ブログ特化の代表的CMSである「WordPress」と投稿エディタが似ているという特徴があり、WordPressに慣れている方であれば使いやすいとされています。オープンソースのヘッドレスCMSとして世界で最も人気を集めるサービスと言われております。

『Ghostの基本情報』
▼正式名称
Ghost
▼開発者
Ghost Foundation
▼誕生時期
2013年
▼種別
ヘッドレスCMS
▼特徴
・ブログサイトに特化
・オープンソース
・読み込み速度が早い
・WordPressと投稿エディタが似ている

Ghostの公式サイトはこちら>>
Ghostの概要や特徴などの基礎知識について解説している記事はこちら>>

Storyblok

Storyblokとはオーストラリアのスタートアップ企業「Storyblok株式会社」が開発・運営するユーザーフレンドリーで強力なヘッドレスCMSです。Storyblokは開発者及び編集者の両方がストレス無くコンテンツを管理できるようにすることを掲げ、そのニーズに答えております。CMS市場で独自の地位を確立し、急速な成長をもたらしていることから期待と注目を集め、2021年2月には9億円の資金調達に成功しています。
特徴として「ビジュアルエディタを搭載」「ブロック付きのコンテンツタイプ」「ドキュメントが豊富」などが挙げられます。Storyblokは今後さらに世界的に需要が拡大していくことが予想されます。日本国内においても利用される機会が増えること間違いない次世代のヘッドレスCMSです。

『Storyblokの基本情報』
▼正式名称
Storyblok
▼開発者
Storyblok株式会社
▼誕生時期
2016年
▼種別
ヘッドレスCMS
▼特徴
・ビジュアルエディタを搭載
・ブロック付きのコンテンツタイプ
・ドキュメントが豊富
・再利用可能なコンポーネント

Storyblokの公式サイトはこちら>>
Storyblokの概要や特徴などの基礎知識について解説している記事はこちら>>

まとめ

Prismic.ioを理解するために初心者でも分かる概要、特徴などの基礎知識を簡単に解説させていただきました。Prismic.ioを一言で表すと『CMSでの反復開発に加え、インフラを管理するヘッドレスCMS』です。特徴として「好みのフレームワークを自由に使用できる」「改訂履歴によって変更記録を守る」「サーバーメンテナンス不要」などが挙げられます。Prismic.ioについてこの記事に記載されている最低限の内容は理解をしておくようにしましょう。

案件評判
常駐する会社が、実際どんな会社で、どんな案件が動いているか詳しく知りたい。
これは常駐形態で働く方なら誰もが感じていることだと思います。 常駐の働き方をされている方は是非一度「案件評判」で案件についての評判をチェックしてみてください。