案件評判
Strapiを理解する!初心者でも分かる特徴、対応フレームワークなどの基礎知識を簡単に解説!

Strapiを理解する!初心者でも分かる特徴、対応フレームワークなどの基礎知識を簡単に解説!

最終更新:2021/12/27 投稿:2021/12/21
Strapiを理解する!初心者でも分かる特徴、対応フレームワークなどの基礎知識を簡単に解説!

StrapiとはNode.js環境において動作するオープンソースヘッドレスCMSです。Strapiは100%JavaScriptベースで開発者がお気に入りのツールやフレームワークを自由に使用することができます。この記事ではStrapiを理解するために初心者でも分かる特徴、対応フレームワークなどの基礎知識を簡単に解説していきます。

Strapi

StrapiとはNode.js環境において動作するオープンソースヘッドレスCMSです。Strapiは100%Javascriptベースであり、完全にカスタマイズ可能で開発者ファーストなCMSです。わずか一行のコマンドで開発環境を構築することができる優れもので、管理画面の表示まで行える「クイックスタート」を用意しているのが大きな特徴です。Self-Hosted(セルフホスト)型でカスタマイズ性が高いことでも人気を集めております。

『Strapiの基本情報』
▼正式名称
Strapi(ストラップ)
▼開発者
フランス企業
▼誕生時期
2015年
▼種別
ヘッドレスCMS
▼特徴
・オープンソース
・クイックスタート
・Self-Hosted(セルフホスト)型

Strapiの公式サイトはこちら>>

ヘッドレスCMSとは

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

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

Strapiの特徴

Strapiの特徴を見ていきましょう。

オープンソース

Strapiはオープンソースという特徴があります。ヘッドレスCMSとして代表的な「Contentful」や「GraphCMS」はクローズドで有料なサービスとなっていますが、Strapiはオープンソースでコードベース全体が利用可能です。

クイックスタート

Strapiはクイックスタートが可能という特徴があります。インストールスクリプトのコマンドをたった1行打ち込むだけで即座に開発環境を構築し、管理画面の表示まで行います。

Strapiのクイックスターターガイドはこちら>>

Self-Hosted(セルフホスト)型

StrapiはSelf-Hosted(セルフホスト)型という特徴があります。Self-Hosted型とはサーバーやデータベースを自前で用意し、ヘッドレスCMSをインストールやセッティングすることです。これによりカスタマイズの自由度が高いことやセキュリティの観点でも安心した対策を打つことができます。

StrapiはNode.js環境で動作する

StrapiはNode.js環境で動作するのでローカル環境にNode.jsをインストールする必要があります。Node.jsはJavaScriptを用いてサーバサイド開発を行う際の代表的な開発用実行環境として人気を集めております。Node.js上に構築されたStrapiは高速なパフォーマンスを提供します。

Node.jsの特徴・メリット、基礎知識などを解説している記事はこちら>>

Strapiが対応するフロントエンドフレームワーク

Strapiが対応するフロントエンドフレームワークを見ていきましょう。

AngularJS

AngularJSとはJavaScriptに活用されるGoogle社によって開発されたオープンソースWebアプリケーションフレームワークです。2009年に誕生し、ミシュコ・へブリー(
Mishko Hebley)氏とアダム・アブロンズ(Adam Ablons)氏が主軸となって開発がなされました。特徴としてフルスタックなフレームワークと呼び声が高く、AngularJSが用意する機能を全て使いこなすことができればその他の技術は不要と言えるほど多機能で充実しております。

AngularJSの歴史、特徴、基礎知識などを解説している記事はこちら>>

Vue.js

Vue.jsとはJavaScriptに活用されるエヴァン・ユー(Evan You)氏によって開発されたオープンソースのオブジェクト指向Webアプリケーションフレームワークです。2014年2月に誕生し、GoogleにてAngularJSを使用した開発に携わっていたエヴァン・ユー氏がAngularJSをモデルに本当に好きな部分だけを抽出してVue.jsの作成を行ったという経緯があります。特徴として、スクリプトタグを一行書くのみで使い始めることが出来る手軽さやAngularJSと比較して規模が小さい分学習コストが低いなどが挙げられます。

Vue.jsの特徴・メリット、基礎知識などを解説している記事はこちら>>

React.js

React.jsとはJavaScriptに活用されるジョーダン・ウォーク(Jordan Walk)氏によって開発されたオープンソースWebアプリケーションフレームワークです。特徴としてUI/UXを意識した開発に向いていることやAndroidとiOSの両プラットフォームに対応していることなどが挙げられます。またReact.jsは数々の有名なサービスにて採用されております。代表的なものとしてFacebook、Instagram、Yahooなどが挙げられます。

React.jsの歴史、特徴、基礎知識などを解説している記事はこちら>>

Strapi以外の代表的なヘッドレスCMS

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

ContentfulとはAPIベースのクラウドサービスであり、最も有名なヘッドレスCMSです。ドイツ発のヘッドレスCMSとして時価総額3,000億円規模を誇り、世界各国で使用されています。マルチデバイスへの対応は勿論のこと、画像自動リサイズやmarkdown記法が使用出来るなど充実した機能を揃えております。有名サービスの利用実績として「Spotfiy」「WeWork」などが挙げられます。
GraphCMSとはFacebook社が開発したGraphQLの活用に特化したヘッドレスCMSです。Contentfulと違ってRESTful APIを提供しておりませんが、GraphQLの活用に特化しており豊富なフィルターオプションやバッチ処理などの機能を揃えております。

『Contentfulの基本情報』
▼正式名称
Contentful(コンテンツフル)
▼開発者
ドイツ企業
▼誕生時期
2016年
▼種別
ヘッドレスCMS
▼特徴
・速度を最適化
・markdown記法
・画像配信が効率的

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

microCMS

microCMSとはAPIベースの日本製の中でも最も代表的なヘッドレスCMSです。ヘッドレスCMSでは日本語に対応していないものがまだ多いため、国産であるmicroCMSの登場によりドキュメントもサポートも完全日本語対応しているのでこの使いやすさは嬉しい限りです。「あらゆるコンテンツ運用を素早く簡単に」をキャッチコピーにしておりmicroCMSを使えば、ものの数分でAPIの作成ができます。国内有名サービスの利用実績として「ZOZOTOWN」「クラウドワークス」などが挙げられます。

『microCMSの基本情報』
▼正式名称
microCMS(マイクロ)
▼開発者
株式会社microCMS
▼誕生時期
2019年
▼種別
ヘッドレスCMS
▼特徴
・日本産CMSで完全日本語対応
・誰でもかんたん更新
・Jamstackと相性が良い

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

Kuroco

KurocoとはAPI中心志向で2021年にリリースされた日本製の新しいヘッドレスCMSです。株式会社ディバータという日本の会社が手掛けており、同社が開発した「RCMS」をベースにしております。こちらも日本製なので豊富な日本語ドキュメントがあり安心して利用することができます。国内有名サービスの利用実績として「TBSラジオ」「マッハバイト」などが挙げられます。

『Kurocoの基本情報』
▼正式名称
Kuroco(クロコ)
▼開発者
株式会社ディバータ
▼誕生時期
2021年
▼種別
ヘッドレスCMS
▼特徴
・シンプルで直感的なUI
・モジュラーコンテンツ構造
・強力なカスタマイズ

Kurocoの公式サイトはこちら>>
Kurocoの特徴やベースとなるRCMSなどの基礎知識について解説している記事はこちら>>

まとめ

Strapiを理解するために初心者でも分かる特徴、対応フレームワークなどの基礎知識を簡単に解説させていただきました。Strapiを一言で表すと『Node.js環境において動作するオープンソースヘッドレスCMS』です。特徴として『オープンソース』『クイックスタート』『Self-Hosted(セルフホスト)型』などが挙げられます。Strapiについてこの記事に記載されている最低限の内容は理解をしておくようにしましょう。

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