自由自在にWebサイト作るための
baserCMS入門
江頭 竜二
baserCMS Developer
Catchup, Inc CEO
http://ryuring.com
@ryuring
baserCMSってなんだろう?
1. ABOUT
早速ですが、昨日初の書籍が出ました
baserCMSって何だろう?
「日本製」、「シンプル」をキーワード
に、特に技術的なノウハウを「土台」と
して提供しているオープンソースCMS
baser = 土台
公式サイト
どこを目指してるんだろう?
「オープンソース」という
世の中のノウハウを集約できるインフラで
Webサイト制作プラットフォームを目指す
baserCMSの特徴は?
2. FUTURE
1. 統合化されたコンテンツ管理機能
ブログがベースではなく、固定ページを中心に
ブログ、フォームなどのプラグインも含め、サイト全体の
コンテンツ管理ができる。
1. 統合化されたコンテンツ管理機能
サイト構造が複雑な場合でも全体を俯瞰する事ができる。
2. コンテンツブロックエディタ
ブロックパターンを選んで直感的
に記事を作成できる。
※ 有料プラグイン
3. カスタマイズ性の高さ
● CakePHP の上に載ったWebサイトのフレームワーク
● CakePHPの流儀でスクラッチ開発
● 管理システム上で全ては作れないが要件を満たせない事
はほとんどない
CakePHP(Webシステムのフレームワーク)
baserCMS(Webサイトのフレームワーク)
Theme Plugin Plugin Plugin
4. セキュリティ面
● クラウド型脆弱性検査ツール「VADDY」と提携
● スタティックはプラグインで対応(近日リリース予定)
● ターゲットが国内ゆえ狙われにくい
運営
開発 配信
交流
5. エコシステムとしての強み
● Webサイトのノウハウをみんなで蓄積・共有
● コアも日本で開発しているため、フィードバックしやすい
どのようなWebサイトで使われているんだろう?
• 企業サイト
• フランチャイズ
• イベントサイト
• オウンドメディア
• マッチングサイト
• 社内ポータルサイト
• EC連携
デモンストレーション
3. DEMONSTRATION
デモンストレーション
ブログ記事を登録する
メールフォームを作る
baserCMSの始め方
4. START UP
簡単インストール
セルフインストール
1. オフィシャルサイトよりパ
ッケージをダウンロード
2. 解凍した中身をサーバーの
ドキュメントルートに配置
3. トップページにアクセスす
るとインストーラーが起動
4. 画面のガイドにそって進め
る
※ SQLite はDB情報不要
baserCMSでWebサイトを作る前に
5. PRECONDITION
こころのポエム
baserCMSは、
デザイナーが作った素晴らしいデザインを
そのままCMS化したいと願い
作られています。
管理画面で全てをカスタマイズできません
baserCMSは、少し学習することで
どんな要望にも対応できることを
目指しています。
発売された書籍に期待です。
プログラマは WordPress を嫌う傾向があ
ります。メンテナンス面において少し難が
あるから。
フレームワークを使っているメリットがこ
こで発揮されます。
ユーザーにも
デザイナーにもプログラマにも
幸せになって欲しい
自由なデザインと
\ 高いメンテナンス性を /
デザインをカスタマイズする
6. DESIGN
デザインのカスタマイズ方法
1. 既存のテーマを調整
baserマーケットで配布されているテーマ
を編集してカスタマイズ
2. 静的HTMLをCMS化
オリジナルデザインから静的HTMLを作
成し、動的出力用のタグを埋め込む
1. 既存のテーマを調整
● 最も早くWebサイトを公開できる
● テーマ設定機能に対応しているかどうか
● FTPツールで画像を直接差し替えたり、テンプレートやCSSを
調整する
● サーバー上で書き込み権限がある場合はテーマ管理より編集
可能
● デベロッパーツールで解析
● 編集したい箇所に対応するファイルがどこにあるかを知る
2. 静的HTMLをCMS化
● CMS化できないデザインはない
● トップ、下層、一覧、詳細のHTMLを作成
● HTMLの必要な箇所にbaserCMSの専用タ
グを埋め込む
<?php $this->BcBaser->title() ?>
● baserCMS公式ガイドのテーマガイドや、
関数リファレンス
● テーマ制作チュートリアル
機能をカスタマイズする
7. FUNCTION EXTENSION
機能のカスタマイズ方法
1. 既存のプラグインを利用
baserマーケットで配布されているプラグ
インを利用してカスタマイズ
2. 独自プラグインを開発する
「ないものは作ってしまえ精神」フレー
ムワークの流儀でプラグインを開発する
1. 既存のプラグインを利用
● 最も気軽に機能をカスタマイズできる
● BurgerEditor、履歴管理、公開承認、バナー管理等
● 現時点において種類は多くない
● 欲しい機能要望があればユーザーズフォーラムへ
2. 独自プラグインを開発する
● PHPで作れるものであれば作れない機能はない
● 独自DBテーブルを作成し管理するようなものも作れる
● イベント機能でbaserCMS本体の振る舞いもカスタマイズ可能
● フレームワーク「CakePHP」の流儀で開発可能(2系)
● baserCMS公式ガイドのプラグイン作成ガイド
● プログラムを作成する場合はプラグインとしての作成を推奨
● 現在、CakePHP4系へ移行中
コアファイルのカスタマイズについて
baserCMS の本体プログラムを書き換えるのは最終手段
簡単にアップデートできなくなってしまう
オーバーライド機構を利用する
オーバーライド機構は
安全にカスタマイズできる仕組み
baserCMSコア テーマ
コアファイルをテーマ内の同階層
のフォルダにコピーするとそちら
を優先する仕様
コアの開発に参加する
8. CORE DEVELOPMENT
GitHubで開発に参加
コアパッケージ開発者ガイド
を参考に開発に参加
要望・・・Issue
コード・・・Pull Request
baserCMSの今後
9. FUTURE
baserCMS5 = CakePHP4
毎月第4水曜日
baser井戸端もくもく会
東京・福岡
baserCMSリリース10周年
5月 baserミートアップ vol.3
あなたのヒトコトが baser を変える。
baserCMSのプロジェクトは、誰でも色んなところにフィードバックを行えます。
あなたがフィードバックを行うと、そのフィードバックはあなたに還元されます。
あなたに還元されたものは、みんなもその恩恵を受ける事ができます。

自由自在にWebサイト作るためのbaserCMS入門