baserCMSは、WebクリエイターのためのWebサイト構築プラットフォームです。 リリースから10年、継続的なセキュリティテストも行いつつ、かなり安定してきたCMSといえます。 今回は、baserCMSの最新情報を踏まえ、初心者向けにカスタマイズのガイドラインをご紹介します。

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

2. 江頭 竜二
baserCMS Developer
Catchup, Inc CEO
http://ryuring.com
@ryuring

3. baserCMSってなんだろう？
1. ABOUT

4. 早速ですが、昨日初の書籍が出ました

5. baserCMSって何だろう？
「日本製」、「シンプル」をキーワード
に、特に技術的なノウハウを「土台」と
して提供しているオープンソースCMS
baser = 土台
公式サイト

8. どこを目指してるんだろう？
「オープンソース」という
世の中のノウハウを集約できるインフラで
Webサイト制作プラットフォームを目指す

9. baserCMSの特徴は？
2. FUTURE

10. 1. 統合化されたコンテンツ管理機能
ブログがベースではなく、固定ページを中心に
ブログ、フォームなどのプラグインも含め、サイト全体の
コンテンツ管理ができる。

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

12. 2. コンテンツブロックエディタ
ブロックパターンを選んで直感的
に記事を作成できる。
※ 有料プラグイン

13. 3. カスタマイズ性の高さ
● CakePHP の上に載ったWebサイトのフレームワーク
● CakePHPの流儀でスクラッチ開発
● 管理システム上で全ては作れないが要件を満たせない事
はほとんどない
CakePHP（Webシステムのフレームワーク）
baserCMS（Webサイトのフレームワーク）
Theme Plugin Plugin Plugin

14. 4. セキュリティ面
● クラウド型脆弱性検査ツール「VADDY」と提携
● スタティックはプラグインで対応（近日リリース予定）
● ターゲットが国内ゆえ狙われにくい

15. 運営
開発 配信
交流
5. エコシステムとしての強み
● Webサイトのノウハウをみんなで蓄積・共有
● コアも日本で開発しているため、フィードバックしやすい

16. どのようなWebサイトで使われているんだろう？
• 企業サイト
• フランチャイズ
• イベントサイト
• オウンドメディア
• マッチングサイト
• 社内ポータルサイト
• EC連携

17. デモンストレーション
3. DEMONSTRATION

18. デモンストレーション
ブログ記事を登録する
メールフォームを作る

19. baserCMSの始め方
4. START UP

20. 簡単インストール

21. セルフインストール
1. オフィシャルサイトよりパ
ッケージをダウンロード
2. 解凍した中身をサーバーの
ドキュメントルートに配置
3. トップページにアクセスす
るとインストーラーが起動
4. 画面のガイドにそって進め
る
※ SQLite はDB情報不要

22. baserCMSでWebサイトを作る前に
5. PRECONDITION

23. こころのポエム

24. baserCMSは、
デザイナーが作った素晴らしいデザインを
そのままCMS化したいと願い
作られています。

25. 管理画面で全てをカスタマイズできません
baserCMSは、少し学習することで
どんな要望にも対応できることを
目指しています。
発売された書籍に期待です。

26. プログラマは WordPress を嫌う傾向があ
ります。メンテナンス面において少し難が
あるから。
フレームワークを使っているメリットがこ
こで発揮されます。

27. ユーザーにも
デザイナーにもプログラマにも
幸せになって欲しい

28. 自由なデザインと
＼ 高いメンテナンス性を ／

29. デザインをカスタマイズする
6. DESIGN

30. デザインのカスタマイズ方法
1. 既存のテーマを調整
baserマーケットで配布されているテーマ
を編集してカスタマイズ
2. 静的HTMLをCMS化
オリジナルデザインから静的HTMLを作
成し、動的出力用のタグを埋め込む

31. 1. 既存のテーマを調整
● 最も早くWebサイトを公開できる
● テーマ設定機能に対応しているかどうか
● FTPツールで画像を直接差し替えたり、テンプレートやCSSを
調整する
● サーバー上で書き込み権限がある場合はテーマ管理より編集
可能
● デベロッパーツールで解析
● 編集したい箇所に対応するファイルがどこにあるかを知る

32. 2. 静的HTMLをCMS化
● CMS化できないデザインはない
● トップ、下層、一覧、詳細のHTMLを作成
● HTMLの必要な箇所にbaserCMSの専用タ
グを埋め込む
<?php $this->BcBaser->title() ?>
● baserCMS公式ガイドのテーマガイドや、
関数リファレンス
● テーマ制作チュートリアル

33. 機能をカスタマイズする
7. FUNCTION EXTENSION

34. 機能のカスタマイズ方法
1. 既存のプラグインを利用
baserマーケットで配布されているプラグ
インを利用してカスタマイズ
2. 独自プラグインを開発する
「ないものは作ってしまえ精神」フレー
ムワークの流儀でプラグインを開発する

35. 1. 既存のプラグインを利用
● 最も気軽に機能をカスタマイズできる
● BurgerEditor、履歴管理、公開承認、バナー管理等
● 現時点において種類は多くない
● 欲しい機能要望があればユーザーズフォーラムへ

36. 2. 独自プラグインを開発する
● PHPで作れるものであれば作れない機能はない
● 独自DBテーブルを作成し管理するようなものも作れる
● イベント機能でbaserCMS本体の振る舞いもカスタマイズ可能
● フレームワーク「CakePHP」の流儀で開発可能（2系）
● baserCMS公式ガイドのプラグイン作成ガイド
● プログラムを作成する場合はプラグインとしての作成を推奨
● 現在、CakePHP4系へ移行中

37. コアファイルのカスタマイズについて
baserCMS の本体プログラムを書き換えるのは最終手段
簡単にアップデートできなくなってしまう
オーバーライド機構を利用する

38. オーバーライド機構は
安全にカスタマイズできる仕組み
baserCMSコア テーマ
コアファイルをテーマ内の同階層
のフォルダにコピーするとそちら
を優先する仕様

39. コアの開発に参加する
8. CORE DEVELOPMENT

40. GitHubで開発に参加
コアパッケージ開発者ガイド
を参考に開発に参加
要望・・・Issue
コード・・・Pull Request

41. baserCMSの今後
9. FUTURE

43. baserCMS５ ＝ CakePHP４

44. 毎月第４水曜日
baser井戸端もくもく会
東京・福岡

45. baserCMSリリース10周年
５月 baserミートアップ vol.3

46. あなたのヒトコトが baser を変える。
baserCMSのプロジェクトは、誰でも色んなところにフィードバックを行えます。
あなたがフィードバックを行うと、そのフィードバックはあなたに還元されます。
あなたに還元されたものは、みんなもその恩恵を受ける事ができます。