baserCMS
『カスタムコンテンツ』徹底活用術
〜あなただけの管理画面を自由自在に〜
江頭 竜二(えがしらりゅうじ)
株式会社キャッチアップ代表取締役
NPO 法人ベーサー・ファウンデーション理事長
フリーランス中に参加したコミュニティ活動を通じ
て、 2010 年に自身が開発していた CMS 「 baserCMS 」を
オープンソースとして公開。
baserCMS は、 2010 年にリリースされた国産オープンソースの CMS で、
次のような特徴があります。
カスタマイズ性とメンテナンス性が高い
直感的な操作で Web サイトの更新が可能
ヘッドレス CMS としても利用が可能
※ baserCMS はオープンソースとして、自己責任のもと無償で誰でも利用可能です。
オープンソースでありながらセキュリティ面も安心
国産ならではの日本語でのコミュニティサポート
360,000
ダウンロード突破
baserCMS と
は?
より安全に、より自由に
リリース回数
145
回
REST API
外部アプリケーションよりアクセス可能な API と
して、 JSON でデータを取得することが可能で
す。
カスタムコンテンツ
ノーコードで、オリジナルコンテンツの管理画面
を作ることができる機能です。フロントエンドに
表示する仕組みと、 API を使って JSON で取得で
きる仕組みを提供します。
SITE 1
代表的な機能
簡単でありながら、高機能
統合化されたコンテンツ管理機能
単一ページだけではなく、ブログやメール
フォーム、プラグインも含めて Web サイト
全体のコンテンツとして一元管理ができるた
め、複雑な構造の Web サイトでも全体を俯
瞰することが可能です。
コンテンツブロックエディタ
マルチサイト
プラグイン「バーガーエディタ」を使
うことで、さまざまなパターンのブ
ロックを積み上げて簡単に記事を作る
ことが可能です。
ひとつの baserCMS で複数サイトを構築、管理することが可
能です。マルチドメインにも対応しています。
SITE 2 SITE 3
ヘッドレス CMS としても
利用できます
フロントエンドのない CMS として、スマホ
アプリや、 Javascript ( React 、 Vue.js な
ど)より、 API を使ってコンテンツを取得し
て表示することが可能です。
[主要な CMS との比較]
管理画面のシンプルさ ◯ ◎ △
プラグイン数 △ △ ◎
カスタマイズの柔軟性 △ ◎ ◯
パフォーマンス ◎ ◯ △
セキュリティ ◎ ◯ △
メンテナンス性 ◯ ◎ △
公開情報の多さ ◯ △ ◎
baserCMS は、記事登録の容易さに加え、カスタマイズの柔軟性やメンテナンス性、セキュリティ面での優位性が強みです。
なお、 baserCMS ではセキュリティ上の被害事例はまだありません。( 2025/7/22 現在)
CMS の比較
強みを活かし、バランスの取れた CMS
baserCMS はセキュリティ面において、さまざまな取組みを行っております。
クラウド型脆弱性検査ツール
「 VAddy 」と提携
VAddy との提携により、 baserCMS は開発段階
で、自動的に毎日 1 回の脆弱性検査を受けてい
るため、問題が発生した場合でも通知を受け取
ることでリリース前の改善を実現しています。
JPCERT/CC との緻密な連携
日本における情報セキュリティ対策活動に積極
的に取り組んでいる JPCERT/CC と緻密に連携
し、脆弱性が発見された場合に、被害が拡大し
ないよう、迅速に対応を行っています。
国産ゆえ狙われにくい
国産である baserCMS は主に国内での利用を想
定した CMS となるため、不正アクセスの 99%
が海外からと言われている現在、標的の対象に
なりにくい利点があります。
セキュリティへの取組み
リスクを減らし、安心をお届け
baserCMS のさらなる強みのひとつは「カスタマイズ性の高さ」です。
CakePHP という Web アプリケーションフレームワークを利用していることで、 baserCMS 上に専用のプラグインとして、
お客様のご要望に合った新しい機能を次々と開発することが可能です。
CakePHP ( Web アプリケーションのフレームワーク)
baserCMS ( Web サイトのフレームワーク)
テーマ
既存
プラグイン
マッチング
プラグイン
開発
検索
プラグイン
開発
WEB サイト
baserCMS は、 Web アプリケーションフ
レームワークである「 CakePHP 」の上に
載った Web サイトのフレームワークで
す。
▶
baserCMS を土台に CakePHP のルールで
さまざまな機能の開発が可能です。
▶
CakePHP には、デフォルトで多くのセ
キュリティ機能が組み込まれており、一般
的な脆弱性への対策が施されています。
▶
さらなる強み
自由に、柔軟にカスタマイズ
熊本学園大学 オフィシャルサイト
baserCMS 5のカスタムコンテンツとサブサイト機能を利用して、複雑なコ
ンテンツを一元管理できるようにしました。 https://www.kumagaku.ac.jp/
福岡工業大学 オフィシャルサイト
大学ならではの複雑な動的ナビゲーションを baserCMS のコンテンツ管理機
能を利用して実現しました。 https://www.fit.ac.jp/
事例紹介
多彩な表現を実現 大学実績
22 校
ToshoTosho (会員向け検索システム)
図書館のスタッフ向けの選書サイト。書籍情報を日次で自動取得しサイト上
に掲載し、書籍検索システムを開発しました。 https://toshotosho.jp/
for-us (求人マッチングプラットフォーム)
福岡医師会運営の求人マッチングプラットフォーム。医療機関と求職者は相
互に検索でき、スカウトの仕組みを開発しました。 https://for-us.co.jp/
事例紹介
多彩な表現を実現
baserCMS のカスタムコンテンツとは?
独自のコンテンツの管理画面をノーコードで作成する仕組み
コンテンツごとに DB のテーブルを作成しフィールドごとにカラムを作成する
カスタムコンテンツ
フィールド設定 テーブル設定 コンテンツ設定 エントリー登録
テーマ表示
REST API
入力欄のコントロールタイプ
を定義
どの入力欄を利用するか選択 フロントエンドに表示される
ようにコンテンツとして配置
作成された管理画面でデータ
を登録
テーマにテンプレートを作成
し、 HTML として表示
AIP で JSON を取得
表示速度も
安心
デモします
デモンストレーション
カスタムコンテンツ
AI エージェントで
どこまで自動化できるか?
今日の本題
AI エージェント
フィールド定義、データ登録からテンプレート作成まで全てを自動化したい
カスタムコンテンツ
テンプレート
AI エージェントでどこまで自動化できるか?
AI エージェント
作業指示 VS Code + Cline
baserCMS
MCP サーバー
baserCMS
JS SDK
完成デザインの画像データと
ともに自然言語で指示を作成
必要な作業を整理してテンプ
レート作成とデータ作成を行
う
データ作成はこちらで受け取
り、 SDK を呼び出す。
作成された管理画面でデータ
を登録
baserCMS
REST API
claude-sonet-4
家具屋さんの商品紹介コンテンツを想定
カスタムコンテンツでフィールドを定義して
そのフィールドの値をレイアウトして配置
デザイン指示
AI エージェント
添付の画像のページを baserCMS のカスタムコンテンツとして作成してください。
## 前提条件
- テーマは既存の「 BcThemeSample 」を利用する。
- データの登録先は https://baserplugin.localhost とする。
- 添付画像の赤枠や青枠は場所を指定しているだけなのでデザインに反映しない
## TODO
### 一覧と詳細のテンプレートの作成
大前提として、添付画像の各フィールドの配置レイアウトや、色味を含むトンマナを忠実に再現してください。テンプレートにはサイドバー
やヘッダー、フッターを含めません。
- 一覧の作成(カテゴリと商品名だけ横に並べてを配置しシンプルな一覧とする、ページネーション不要)
- アーカイブページの作成
- 詳細の作成
- 各ページのカテゴリにはアーカイブページへのリンクを貼る
- CSS の作成
### データの登録
- カスタムフィールドの登録(カテゴリはラジオボタンにして、デスク、テーブル、ソファーで選べるようにする)
- カスタムテーブルの登録
- カスタムコンテンツの登録(公開状態で登録し、作ったテンプレートを指定)
- カスタムエントリーにサンプル記事を3件登録(全て公開状態で登録)
- カスタムエントリーの画像はインターネットより適切な写真を探して一時フォルダに保存してからエントリーを作るようにしてください。
自然言語での指示
AI エージェント
デモします
デモンストレーション
AI エージェント
未来が怖い
● baserCMS の特徴はカスタマイズ性とメンテナンス性
● セキュリティ面も頑張っている+国産
● 案件規模によって MT と WP の間あたりがちょうどいい
● カスタムコンテンツでノーコードで管理画面が作れる
● basercms-mcp は、 npm install @ryuring/basercms-mcp
● AI エージェントやばい
まとめ
● 現在、既に無料化(元々有料プラグイン)
● 年内を目処に、 baserCMS 本体に梱包予定
● UI も刷新し、さらに使いやすく
ブロックエディタを標準機能化
告知
baserCMS『カスタムコンテンツ』徹底活用術〜あなただけの管理画面を自由自在に〜

baserCMS『カスタムコンテンツ』徹底活用術〜あなただけの管理画面を自由自在に〜

Editor's Notes

  • #18 ・バーガーエディタの名称は、ハンバーガーの具材のように色んな種類のブロックを積み上げることができることに由来 ・HTML、CSSの知識でオリジナルのブロックを作れる