ヘッドレスに対応した

baserCMS５とその機能

baserCMSユーザーグループ

江頭 竜二

https://ryuring.com@ryuring

エンジニア
募集中

baserCMSとは？

「baserCMS」は、2010年にリリースされた、国産オープンソースのコンテンツマネージメントシステムです。
● カスタマイズ性とメンテナンス性が高い● 直感的な操作でWebサイトの更新ができる● 最近、ヘッドレスにも対応した
累計ダウンロード数

35万回※ 2024/02/26現在

公式マスコットキャラクター「べっしー」

コンセプト「オープンソース」というみんなのノウハウを集約できるインフラで最高のWebサイト構築プラットフォームを目指す● 自由なデザインをCMSに適用できる● カスタマイズ性が高く色んなことができる● シンプルで使いやすい● 安心して使える● JimdoやWix のように管理画面で全てをカスタマイズできる仕組みは目指さない

技術的なノウハウを「土台」として提供

baser = 土台

WordPressとの比較
記事登録のしやすさや、カスタマイズの柔軟性やメンテナンス性、また、セキュリティ面での優位性を持ちます。baserCMSでは、セキュリティ上の被害事例はまだありません。
（2024/02/26現在）
WordPress

baserCMS

デザインの再現性◎◎

管理画面のわかりやすさ△◯

記事登録のしやすさ◯◎

画像管理のしやすさ

◎

△

表示の速さ

△

◯

プラグイン数◎△

カスタマイズの柔軟性◯◎

メンテナンス性△◎セキュリティ△◎協力会社・協力サービス

クラウド型Web脆弱性診断ツール
baserCMSのセキュリティ維持を支援
東京・福岡を拠点とするデザインクリエイティブ
baserCMSの導入を推進し、コアパッケージへのフィードバックを実施

展示会受付システム
イベントの集客と管理を支援
東京・福岡を拠点とするシステム開発会社
baserCMSの開発元であり、積極的にコアパッケージの開発を推進チームのタスク管理ツール
プロジェクト管理を支援
福岡を拠点とするシステム開発会社
コストを抑えた適正な価格と高いクオリティを提供

統合開発環境ライセンス協力

baserCMSの５つの特徴

1. 統合化されたコンテンツ管理機能
単一ページだけではなく、ブログ、メールフォームなどのプラグインも含めてコンテンツとして、Webサイト全体のコンテンツ管理ができる。

1. 統合化されたコンテンツ管理機能
サイト構造が複雑な場合でも全体を俯瞰する事ができる。

2. コンテンツブロックエディタ

ブロックパターンを選んで直様々なパターンのブロックを積感的に記事を作成できる。
み上げて記事を作ることができ※ 有料プラグインるプラグインです。

3. カスタマイズ性の高さ● Webアプリケーションフレームワークである「CakePHP」の上に載ったWebサイトのフレームワーク● baserCMSを土台にCakePHPの流儀でスクラッチ開発ができる● 管理システム上の操作だけでは全ては作れないが、カスタマイズすることで、要件を満たせない事はほとんどない

Theme

PluginPluginPluginbaserCMS（Webサイトのフレームワーク）

CakePHP（Webアプリケーションのフレームワーク）

4. セキュリティ面の強み● クラウド型脆弱性検査ツール「VADDY」と提携● ターゲットが国内ゆえ狙われにくい5. エコシステムとしての強み● Webサイトのノウハウをみんなで蓄積・共有● 日本で開発しているため、フィードバックしやすい

運営開発

交流配信baserCMSがマッチする事案例

Webサイトを俯瞰でき導線設計がしやすい事● 大規模サイト● 導線が複雑なサイト

カスタマイズ性・メンテナンス性が高い事● 成長していくサイト● 仕様が複雑なサイト

とにかく簡単にページを作れる事● 運営者のITリテラシーが高くない場合● 更新によりデザイン品質を落としたくない場合

新しくなった
baserCMS５のご紹介baserCMS５の新しい機能

REST API● 外部アプリケーションよりアクセス可能なAPI● RESTful（状態を持たない）● JWT認証を採用

カスタムコンテンツ● ノーコードで、オリジナルコンテンツのフィールドを定義● 管理機能とフロントエンドに表示するための仕組みを提供● REST API で取得可能

オートアップデート● 面倒だったアップデート作
業がボタン一つで完了● 内部的にComposerを利用● カスタマイズしている
場合はバックアップ要！

古いバージョンからのアップデート● テーマとプラグインは作り直しが必要● データベースのマイグレーションが必要● マイグレーションツールが無料配布● 急ぐ場合はクリエイティブパートナーに相談（有料）詳しくは baserCMS５公式ガイドへ
以前より情報がかなり多くなりましたbaserCMSのヘッドレス対応

ヘッドレスCMSとは？
● フロントエンドとバックエンドを分離するアーキテクチャ● CMSはデータの提供役割● フロントエンドは別の技術で構築可能● 管理画面から複数デバイスのデータを一括更新● 表示速度向上● セキュリティ向上

従来型のCMS

ヘッドレスCMS

CMS

CMS

フロントエンド

テンプレートバックエンドバックエンド

データ

データ

API

baserCMSのヘッドレス対応の特徴● カスタムコンテンツで独自のコンテンツをノーコードで定義● REST API で独自のコンテンツを取得・更新● オープンソースで無償で利用できる活用範囲が拡大

デモンストレーション

デモンストレーション

文房具メーカーの製品一覧を作成するデモ

カスタムフィールドを定義する

カスタムテーブルを定義する

APIでデータを取得する

データを登録する

カスタムコンテンツを定義する

baserCMSヘッドレスの具体的な活用イメージ

マルチデバイス
ヘッドレスCMSを利用してコンテンツの管理と配信を効率化

従来型のCMSbaserCMS５

CMS

CMS

フロントエンド

テンプレートバックエンドバックエンド

データ

データ

API

セキュリティ対策が必要な場合表示面を切り出して内部的な構造にアクセスさせないようにする

従来型のCMSbaserCMS５

CMS

CMS

データベース

管理画面

表示面

データベース

管理画面

攻撃
閲覧攻撃

閲覧表示面

データAPIプラットフォームとして利用
独自のスマホアプリのデータの保管先として利用● カスタムコンテンツで独自のデータ構造をノーコードで定義

baserCMS５
CMS● REST API でスマホからデータを取得・更新● データのメンテナンスは管理画面で実施

データベース管理画面

APIbaserCMSの導入方法

簡単インストール

現在、baserCMS５の利用調整中セルフインストール
1.

PHPの動作するWebサーバーを準備する

2.

オフィシャルサイトよりパッケージをダウンロード

3.

解凍した中身をサーバーのドキュメントルートに配置

4.

トップページにアクセスするとインストーラーが起動

5.

画面のガイドにそって進めるDockerインストール
とりあえず試したい、または、開発に貢献したい場合はDockerが利用できます。
1.

cd docker

2.

docker-compose up -d

3.

トップページにアクセスするとインストーラーが起動

4.

画面のガイドにそって進めるコミュニティのご紹介コミュニティの活動
2009年、baserCMS普及委員会としてスタート

GitHubでの開発

Slackフォーラムの運営

合宿の開催

での情報交換各種イベントへの出展

ミートアップの開催

勉強会の開催2022 大島合宿

2023 エンジニアカフェ

Meetup現在、CakePHP5系に対応中

オープンソースを通じてクリエーターの創出と成長に貢献していきたい

47

まとめ

baserCMS５のまとめ● CakePHP4系に対応した● 今さらながら REST API に対応した● ノーコードで独自データが定義できるようになった● データAPIプラットフォームとしても活用できそう● Slackで活動メンバー募集中

活用範囲が広がった楽しく✨
Web業界に貢献したい