はじめに

みなさんは「CMS」というワードを聞いたことはありますか？サイト作成について少しでも勉強したことのある方は、「CMS」や「WordPress」というワードを聞いたことがあるのではないでしょうか。
現在、ほとんどのサイトにはこの「CMS」が導入されており、エンジニアでなくてもサイトの更新ができるようになっています。そんな便利なCMSですが、最近では「ヘッドレスCMS」という新しいCMSのカタチが注目されています。
そこで今回は、ヘッドレスCMSとヘッドレスCMSである「Spearly CMS」について分かりやすく解説します。

ヘッドレスCMSとこれまでのCMSの違いは？？

通常のCMSとヘッドレスCMSの最も大きな違いは「表示機能であるフロントエンドとバックエンドを同時に持つか、コンテンツ管理機能であるバックエンドのみを持つか」です。例えば、WordPressを始めとした通常のCMSは、コンテンツ作成と管理、サイトの表示をCMS上で行うことができます。サイトを作るために必要な機能がパッケージングされている状態なので、専門知識がなくても扱いやすいのが特徴です。
一方、ヘッドレスCMSはコンテンツの作成・管理に特化したCMSで、サイトの表示機能は持ちません。そのため、サイトの表示機能であるフロントエンドは自分で用意する必要があります。ですが、１つコンテンツを作れば複数のサイトで使いまわすことができたり、モバイルアプリに転用することができたりなど、必要に応じて自由にシステムを変更することができます。また、ヘッドレスCMSはサイトの表示機能であるフロントエンドとコンテンツの管理機能であるバックエンドが独立しているため、セキュリティに強いのも特徴です。

Spearly CMSってどんなサービス？？

Spearly CMSとはエンジニアはもちろん、非エンジニアでも使用できるヘッドレスCMSです。

通常ヘッドレスCMSを使う際は、コンテンツを表示するために「API」を用いますが、APIを使いこなすにはプログラミングに関する知識が必要です。ですが、Spearly CMSでは、このAPIはもちろん、Spearly CMS独自の機能である「埋め込みタグ」を用いることでコンテンツを表示できます。使い方は以下の通りです。

1. エディタがSpearly CMS上でコンテンツを作成する
2. エンジニアがSpearly CMS上で作成したコンテンツを「API」または「埋め込みタグ」を用いてHTMLファイルに埋め込む
3. スタイルなどを当てて、見た目を作る
4. Spearly CLOUDを使ってサイトを公開する

埋め込みタグとは、Spearly CMS上でコンテンツを作成したときに自動で作られるコードで、これをHTMLファイルに埋め込むだけで、コンテンツを表示できます。

Spearly CMSの便利な機能５選

では次に、埋め込みタグの他にSpearly CMSの便利な機能についてご紹介します。

【便利な機能その①】豊富なフィールドタイプ

Spearly CMSでは、コンテンツ作成時に、８つのフィールドタイプを組み合わせることができます。リッチテキストやカレンダー、マップなど、多彩なフィールドタイプの中から、コンテンツに必要なものを選ぶと、自動でエディタ画面が作成されます。また、リッチテキストエディタや予約投稿、メンバーの権限管理など、コンテンツを作成・管理していく上で必要な機能も用意しています。

【便利な機能その②】どんなサイトにも使える埋め込みタグ

先ほども述べたようにSpearly CMSでは、HTMLファイルにコピペするだけでコンテンツの埋め込みができる埋め込みタグを用意しています。他社のヘッドレスCMSのサービスと異なり、Spearly CMSの「埋め込みタグ」を用いたコンテンツの管理・運用には、APIやフロントエンドの特別な知識は必要ありません。

またAPIも提供しているため、VueやReactなどのすべてフロントエンドフレームワークを用いたJamStackな開発をすることも可能です。新規のサイト作成はもちろん、既存サイトへの埋め込みも可能なので、サイトの成長に合わせて埋め込みタグから、APIとJSフレームワークを用いたJamstackな開発に変更することも可能です。

【便利な機能その③】自動返信メールもカスタマイズできるフォーム

Spearly CMSでは、受信データを一覧で確認することはもちろん、フォームが送信された際の自動返信メールの作成もSpearly CMS上で行うことができます。こちらのフォーム埋め込みタグやと同様に、新規サイト・既存サイトへの埋め込みが可能です。

【便利な機能その④】複数人でのコンテンツ管理

Spearly CMSではサイトを作る際にチームを作成できるので、複数人でサイトの作成、管理をすることができます。また、メンバー権限を設定することもできるので、ライター権限や、開発者権限などを用いて、開発や記事管理を分けることができます。

【便利な機能その⑤】サイト作成から公開までできる

Spearlyはサーバー公開に特化したホスティングサービスであるSpearly CLOUDもご用意しています。GitHubと連携すれば、簡単にサイトが公開できます。
🔻Spearly CLOUDはこちら🔻

https://cloud.spearly.com/?_gl=1%2arn1u1k%2a_ga%2aODgwODA5ODYwLjE2NjI0NzI4MDU.%2a_ga_LFLRF19BX7%2aMTY2NTA0NTUxNC4zOC4wLjE2NjUwNDU1MTQuNjAuMC4w

まとめ

最後まで見ていただきありがとうございました！以上、「1分で分かる！Spearly CMSを使ってできること」でした。Spearly CMSの良さが少しでも伝われば幸いです🌿それではまた次回の記事でお会いしましょう🙌
🔻Spearly CMSはこちら🔻

https://cms.spearly.com/?utm_source=note&utm_medium=refer&utm_campaign=note&utm_content=Spearly%20CMS%E3%81%A7%E3%81%8A%E5%95%8F%E3%81%84%E5%90%88%E3%82%8F%E3%81%9B%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E3%82%92%E3%81%A4%E3%81%8F%E3%81%A3%E3%81%A6%E3%81%BF%E3%81%9F

🔻Spearly CMSをもっと知りたい方はこちら🔻

https://note.com/monan0417/n/n47cd047265e4