案件評判
Storyblokとはオーストラリアのスタートアップ企業「Storyblok株式会社」が開発・運営するユーザーフレンドリーで強力なヘッドレスCMSです。「世界のためにコンテンツを整理する」というキャッチコピーを掲げ、63,000人以上の開発者とマーケターがStoryblokのCMSを使用しております。この記事ではStoryblokを理解するために初心者でも分かる概要、特徴などの基礎知識を簡単に解説していきます。
Storyblokとはオーストラリアのスタートアップ企業「Storyblok株式会社」が開発・運営するユーザーフレンドリーで強力なヘッドレスCMSです。Storyblokは開発者及び編集者の両方がストレス無くコンテンツを管理できるようにすることを掲げ、そのニーズに答えております。CMS市場で独自の地位を確立し、急速な成長をもたらしていることから期待と注目を集め、2021年2月には9億円の資金調達に成功しています。
特徴として「ビジュアルエディタを搭載」「ブロック付きのコンテンツタイプ」「ドキュメントが豊富」などが挙げられます。Storyblokは今後さらに世界的に需要が拡大していくことが予想されます。日本国内においても利用される機会が増えること間違いない次世代のヘッドレスCMSです。
ヘッドレスCMSとは従来のCMS（コンテンツ・マネジメント・システム）から見た目（View）の部分を切り離し、バックエンドのみの機能を用意したCMSの一種です。フロントエンドが存在しないCMSというのがイメージしやすいでしょう。例えば一般的なCMSとして「WordPress」を例に見るとコンテンツを表示するための「フロントエンド」とコンテンツを入稿・管理するための「バックエンド」どちらも兼ね備えております。
ヘッドレスCMSでは「バックエンド」のみを集中的に管理する目的があり、フロントエンドに関してはヘッドレスCMS外で運用する必要があります。基本的にはAPIを用いて入稿したコンテンツを取得し、表示したい場所へと映します。フロントエンドの自由度が高められることや表示速度が速いというメリットが挙げられます。
ヘッドレスCMSの機能やメリット、デメリットなどの基礎知識について解説している記事はこちら＞＞
Storyblokの特徴を見ていきましょう。
Storyblokはビジュアルエディタを搭載しているという特徴があります。Storyblokは世界に数多くのCMSが存在する中で初めてビジュアルエディタを採用したと言われております。ビジュアルエディタでは編集画面に入力した内容が実際にWebページに表示される見え方と同じように表示されるためHTMLのソースが読めずとも直感的に操作することができます。
よって編集者やマーケターにとって最もシンプルであり最も強力な編集形態と評価されております。
Storyblokはブロック付きのコンテンツタイプという特徴があります。「ティーザー」「グリッド」「セクション」などのコンポーネントはすでに作成されている場合があります。コンテンツブロックを使用することで、開発者はこれらのコンポーネントを他の場所で再利用することができ、必要に応じて毎回新しいコンテンツを補充できます。
Storyblokはドキュメントが豊富という特徴があります。ヘッドレスCMSはいずれのサービスも誕生から歴史が浅く、どれも発展途上であることからドキュメントが少ない場合が多いです。Storyblokでは「マニュアル」「チュートリアル」や「ケーススタディ」など様々なハンズオンを取り揃えており、安心して利用することができます。
Storyblokは再利用可能なコンポーネントという特徴があります。再利用可能なカスタムコンポーネントを定義し「ランディングページ」「Webサイト」「ケーススタディ」「お客様の声」の動的レイアウトを構築します。
Storyblokの利用プラン別の「価格」や「ユーザー数」を見ていきましょう。
| 価格 | ユーザー数 | 容量 | |
| Free Plan | 無料 | 1ユーザーまで | 250GB |
| Entry Plan | 90€/月額 | 5ユーザーまで | 500GB |
| Team Plan | 411€/月額 | 10ユーザーまで | 1TB |
| Enterprise Plan | 2,999€/月額 | 30ユーザーまで | 3TB |
Storyblok以外の代表的なヘッドレスCMSを見ていきましょう。
Netlify CMSとは米国のNetlify社が運営する静的ホスティングサービスの一機能として提供されるヘッドレスCMSです。Gitワークフロー用のオープンソースCMSであり、編集者にとって使いやすいUIと直感的なワークフローを提供します。Jekyll、Hugo、Mkdocsなどの静的サイトジェネレーターと一緒に使用することで、より高速で柔軟なWebサイトを作成することができます。Netlifyとの連携により高度なパフォーマンスを発揮することができますが、NetlifyCMSを使用しているすべてのサイトがNetlify上にあるわけではなく、NetlifyなしでNetlifyCMSを使用することも可能です。
Netlify CMSの公式サイトはこちら＞＞
Netlify CMSの概要や特徴などの基礎知識について解説している記事はこちら＞＞
GhostとはシンガポールのGhost Foundationが開発・運営するブログに特化したヘッドレスCMSです。ブログやオウンドメディアなど記事コンテンツを中心に公開するWebサイトの開発に向いており、メディア型のWebサイト運営に必要な機能を取り揃えていること多くのWebクリエイターに人気を集めております。またGhostはオープンソースで「Strapi」と同じくNode.js環境において動作します。ブログ特化の代表的CMSである「WordPress」と投稿エディタが似ているという特徴があり、WordPressに慣れている方であれば使いやすいとされています。オープンソースのヘッドレスCMSとして世界で最も人気を集めるサービスと言われております。
ContentfulとはAPIベースのクラウドサービスであり、最も有名なヘッドレスCMSです。ドイツ発のヘッドレスCMSとして時価総額3,000億円規模を誇り、世界各国で使用されています。マルチデバイスへの対応は勿論のこと、画像自動リサイズやmarkdown記法が使用出来るなど充実した機能を揃えております。有名サービスの利用実績として「Spotfiy」「WeWork」などが挙げられます。
GraphCMSとはFacebook社が開発したGraphQLの活用に特化したヘッドレスCMSです。Contentfulと違ってRESTful APIを提供しておりませんが、GraphQLの活用に特化しており豊富なフィルターオプションやバッチ処理などの機能を揃えております。
Contentfulの公式サイトはこちら＞＞
Contentfulの特徴やWordPressとの違いなどの基礎知識について解説している記事はこちら＞＞
Storyblokを理解するために初心者でも分かる概要、特徴などの基礎知識を簡単に解説させていただきました。Storyblokを一言で表すと『初めてビジュアルエディタを採用したユーザーフレンドリーで強力なヘッドレスCMS』です。特徴として「ブロック付きのコンテンツタイプ」「ドキュメントが豊富」「再利用可能なコンポーネント」などが挙げられます。
Storyblokについてこの記事に記載されている最低限の内容は理解をしておくようにしましょう。
UIkitを理解する！初心者でも分かる概要、特徴な…
Objective-Cを理解する！初心者でも分かる…
Groovyを理解する！初心者でも分かる歴史、特徴…
Javaを理解する！初心者でも分かる…
Windows10/11アカウント作…
フリーランスのHTMLコーダー（HT…
フリーランスのUnityエンジニア（…
フリーランスのSwiftエンジニアの…
SaaSを理解する！意味や種類、メリ…
IaaSを理解する！意味、メリット・…
PaaSを理解する！意味や種類、メリ…