拡大版 CMS大阪夏祭り2015 baserCMSのご紹介

Copyright baserCMS Users Community. All Rights Reserved.
コーポレートサイトにちょうどいい
「baserCMS」のご紹介＠CMS大阪夏祭り2015
NPO法人ベーサー・ファウンデーション
公式エバンジェリスト安部大輔
2015/09/05

自己紹介
アベダイスケ＠40代猫好き体重0.1t
言問株式会社テストエンジニア
NPO法人ベーサー・ファウンデーション公式エバンジェリスト
ITコーディネータという経営系の資格を取得しました。
Webはマーケティング、マーケティングは経営に直結してることを 
意識したディレクションを心がけています。
クライアントの先にいるカスタマーの事を考えるようにしてます。

自己紹介
@evian
ソーシャルで海老に関する投稿があると
「海老ですね」と一言コメントして去っていく
人力botとして一部では知られてます。

Contents Management System 
（コンテンツマネジメントシステム）
基本的にホームページ管理システムのことを指す
Webブラウザでホームページを直接更新できる
基本的には、ホームページの専門知識が不要
オープンソース、有料ライセンス、開発言語それぞれに 
いろいろな製品が存在する。
CMSとは？

CMSを利用するメリット
リアルタイムな情報が
「発信」できる
ランニングコストが
「削減」できる
ホームページの効果が
「実感」できる
■ CMSの仕組みや更新頻度向上により検索エンジン対策にもなる
■ 大量のコンテンツを体系的に管理できる
■ サイト全体のデザイン変更が簡単に行える
■ ワークフローの導入が行いやすい
■ マーケティングツールとしての可能性などなど

サーバーインストール型のCMS
一般的にはレンタルサーバーにインストールして使用する
自社サーバーやクラウドサーバーを設定してインストールする 
ことも出来る
LAMP(Linux, Apache, MySQL, PHP)環境で動作するものがポピュラー
だが、WindowsServer(OS), NGINX, IIS(Webサーバー), PostgreSQL,
SQL Server, SQLite(データベース), Ruby, ASP.NET, Java（開発言語） 
など構成要素が変化することもある
いろいろなCMS

サーバーインストール型のCMS
いろいろなCMS

SaaS環境で動作するCMS
Software as a Service の略語 
ソフトウェア（アプリ）をユーザー側に導入するのではなく、 
ベンダ（プロバイダ）側で稼働し、ソフトウェアの機能を 
ユーザーがネットワーク経由で活用する形態を指す。
Webサーバー・データベースから開発言語までSaaS側で 
用意されているので、利用を申し込んですぐにWebサイトが 
開設できる。
いろいろなCMS

SaaS環境で動作するCMS 
（独自ドメインが使えるレンタルブログ含む）
いろいろなCMS

いろいろなCMS
「何が違うの」「いくらかかるの」「どれがいいの」
■ みんなちがって、みんないい
■ 目的別に使い分ける。
■ ライセンス費無料のものと有料のものがある。
■ でも、必要な機能を追加すると結局お金はかかる
■ Time is MONEY!!
■ どんなお客様のためにサイトを制作するかで全ては決まる。

いろいろなCMS
サーバーインストール型のCMSを使うケース
サーバー関連の知識を持ってる人が周囲にいる
長期的な考えでWebサイトを運用したい
きちんと設計・構築して将来的な機能追加にも対応したサイトを
公開したい
自分のWebサイトのデータは自分で保持したい

SaaS環境で動作するCMSを使うケース
サーバー関連の知識を持ってる人が周囲にいない
サーバー環境を気にせず、コンテンツ管理に集中したい
急いでWebサイトを立ち上げたい
いろいろなCMS

baserCMSってこんなCMSです

baserCMS 概要
福岡発の国産オープンソースCMS 
（2009年12月スタート）
キャッチフレーズは 
「コーポレートサイトにちょうどいいCMS」
開発目標は「コンピュータに詳しくない方でも 
ホームページの運用ができる」仕組みになること
無料（MITライセンス）
オープンソースフレームワーク「CakePHP」ベース 
なので、カスタマイズ性・メンテナンス性が高い
baserCMS公式サイト
http://basercms.net

baserCMS データ
ダウンロード10万回以上（推定：公式サイトより）
月間2,000ダウンロード
9/1現在の最新バージョンは「3.0.7」です。
導入数 20,000サイト以上（推定：2013年3月より計測開始）
企業サイトのほか、大学、NPO法人、美容室などなど
9つのホスティングで採用
公式ホスティングパートナー「ロリポップ！」をはじめとして、 
ヘテムル、ニフティクラウドC4SAなど９つのレンタルサーバーで簡単インストールとして 
導入されている為、テスト的に試してみたり導入しようと思った時に素早く利用できる
マスコットキャラクター 
「べっしー」

baserCMSのコンセプト
ちょうどいい
シンプル実用性
大きすぎず小さすぎず 
簡単インストール・必要なものがってる
運営を意識したわかりやすい構成集客サイクルを意識した機能
コーポレートサイトにちょうどいい

baserCMSのコンセプト
愛
制作者にやさしい
● デザインの自由度が高い
● 必要なものが最初からってる
● 日本語マニュアルがある
● 実際のWebサイト制作における
フィードバックを取り込み開発
運営者にやさしい
● わかりやすいインターフェイス
● 必要なものだけが見えている
● 無料で使える
サーバーにやさしい
● ほとんどのレンタルサーバーで動作する
● 簡単インストール
● データベースサーバーなしでも動く
日本人にやさしい
● 日本に特化
● 日本独自の文化を反映
みんなにやさしい

プロが手をいれると運営者がとても使いやすくなるCMS
基本的な機能
カスタマイズ性が高いのが特徴ですが、マニュアルページなどで 
少し学習が必要となります。
初心者が導入すればなんでも実現可能というわけではありませんが、 
学習済のプロが手を入れてあげる事で、運用もカンタンになり、パソコンに
不慣れな方でも簡単に更新出来るような仕組みになっています。
もともと実案件ベースで育てられたライブラリだったという事もあり、 
仕組みさえきちんとわかればできない事はほとんどありません。
Web制作者や、システム開発者の方にこそ、このbaserCMSをWeb制作の
現場における制作の土台としてご利用頂けたら幸いです。

余計な機能を一切省いた、 
シンプルなユーザー管理機能付きの管理画面
基本的な機能
基本機能
ログインユーザーの管理ができます。
ログインユーザーの各管理機能に対するアクセス権を管理できます。
よく使う機能へのショートカットを設定できます。
テーマの切り替えを行うことができます。
CakePHPで開発されたプラグインの管理を行う事ができます。

Wordライクな、更新しやすいページ管理機能
基本的な機能
基本機能
管理画面上で、SEOに必要なタイトルと説明文の編集を行う事ができます。
作成したページをテーマ別・カテゴリ別に管理する事ができます。
作成済ページの公開状況を、公開・非公開・日時指定公開と設定できます。
20種のコンテンツブロックを直感的な操作で自由自在に選択して積むことで、 
コンテンツの追加・編集・移動が出来てページレイアウトも簡単作成できる 
「Burger Editor」を購入すると、専門知識がなくても運用が楽になります。

基本的な機能
複数のブログが設置できる！
基本機能
用途に応じ複数のブログを作成して、それぞれカテゴリ別に 
記事を管理する事ができます。
ペジ管理機能と同様に、Word感覚で記事の編集を行う事が 
できます。オプションで「Burger Editor」も使えます。
作成済記事の公開状況を、公開・非公開・日時指定公開と 
設定できます。

基本的な機能
複数のメールフォームが簡単設置できる！
基本機能
12種類のフィールドから選択して、複雑な項目も簡単に追加する事ができます。
項目の並び順をドラッグ＆ドロップで簡単に変更する事ができます。
ボタンひとつで項目のコピー・メールフォームのコピーを行う事ができます。
必須項目などの入力チェックを設定する事ができます。
一時的に公開したくないフィールドを非表示にする事ができます。
ユーザーの入力の負担を減らす為、フィールド初期値の設定ができます。
郵便番号により住所の自動補完を設定する事ができます。
メールフォームより送信された内容をDBに保管し、CSVとしてダウンロードする事ができます。

基本的な機能
お手軽フィードリーダー
基本機能
JavaScriptでどこにでもフィード情報を読み込み、貼り付ける
事ができます。
複数のフィードを結合したり、また指定したカテゴリのみを読
み込む事ができます。読み込む件数を指定する事もできます。
フィードの出力先に負荷をかけないように、読み込んだ内容を 
キャッシュする事ができます。

基本的な機能
スマホ・携帯サイト標準対応
基本機能
PC用とは別に、スマホ・携帯サイト用のテンプレートが作成できます。
スマホ・携帯からのアクセスの際、それぞれのURLに自動でリダイレクト。
スマホ・携帯からのアクセスの際、ブログ記事やページ機能で投稿した 
画像を自動でスマホ・携帯用のサイズに変換して表示します。
スマホ・携帯からのアクセスの際、カタカナや全角英数字を自動で 
半角文字に変換します。

日本語のみサポート 
（公式サイト、フォーラム、コミュニティ）
管理システム内のヘルプは当然全て日本語
開発者との距離感が近い
フォーラム、Twitter、Facebook などを通じて、 
すぐにバグ対応などが行われている
「国産」である強み

情報通信サービスを販売する会社のコーポレートサイト

シンプルな農業系コーポレートサイト

背景に動画を使用した、デザイン性の高い 
エステサロンのコーポレートサイト

NPOが運営する、行政と公民館が 
連携した公共系情報ポータルサイト

情報の鮮度が肝な献血情報サイト
エリア別ブログ・CSVアップ更新

総ページ数1,000ページ超の大サイト
公開承認・HTMLコンバーター

パッケージ住宅のオフィシャルサイト
加盟店管理システム等、CakePHPの機能を
活用した最大限の機能拡張を実装

全国より掲載申請
現在180サイト登録
他にも導入事例多数 
公式サイトでチェック！

CMSとしての機能・用途が似通っているため、 
比較されることが多いのはWordPress
競合するCMS

WordPressは本体とプラグインの組み合わせが必要 
テーマの作り込みもかなりする必要がある
競合するCMS
+ +
＝コーポレートサイト

baserCMSは本体と同梱プラグイン・テーマだけ
競合するCMS
＝コーポレートサイト

競合するCMSと守備範囲
楽難
案件の難易度
インストールして
簡単なテーマの加工
のみで良い案件
豊富なプラグインや
テーマを活用した 
カスタマイズ
カスタマイズがかなり
必要な案件
オリジナルアプリに
CMS機能を追加したいetc

競合するCMSとの違い
最初に時系列のブログ(動的ページ)が 
作られ、その後固定ページが追加された 
= 動的ページベース
固定ページ管理がメインで、ブログ(動的ページ)
はひとつのプラグインとして提供される 
= 固定ページベース

CMSの開発に至った経緯と 
オープンソース化の理由

特にクライアントや協力制作会社とのやり取り
メール＆電話＆スカイプ等で忙殺
納品後のメンテナンスも大変
コストを圧縮する為、様々なオープンソースを組み合わせて構築
常に最新技術へのアンテナが必要
次から次へと新技術が台頭
Webサイト制作って大変

Webサイト制作って大変
色々な役割分担
ディレクション
コピーライティング
撮影
デザイン
コーディング
プログラミング
サーバー構築

《課題》 
 
開発コスト・情報収集コスト 
⇓ 
圧縮

まずは開発者自身が楽をしたかった
開発者自身はWebサイトの新規構築のお仕事が
多い。
プログラムが再利用できる仕組みを確立したか
った。
仕事は楽しく！ 
できれば楽に
今までの経験で培ってきた 
ノウハウ（=ライブラリ）を蓄積して楽に！

開発者が培ってきたノウハウをまずは共有
リリースしてフィードバックを受けてまたリリースする仕組み
過酷なWebサイト制作現場が少しは楽に……？
みんなでノウハウを 
共有したい
みんながハッピーになった上で
開発者もハッピーになれれば言う事なし！

資金がないので「タダ」の力を拝借
パッケージで直接かる事はあきらめた
みんなでかる仕組みを提供してみんなで普及
とにかく日本中に 
普及させたい
普及する事でノウハウの共有が進み
開発ストップの危険性も回避できる！

オープンソースという最強のエコシステム
ソースコードの個人的な所有権を放棄
コミュニティ（baserCMSユーザー会）に移譲
コミュニティのNPO法人化
協力者の賛同を集める為、全国のオープンソースカンファレンスに出展
GPLライセンスからMITライセンスに変更
サービス化、カスタマイズ、プラグイン、テーマにおける制約をなくす
レポジトリをSVNからGITへ
baserCMSの存続対策

ノウハウを集約 
Webのベース＝ baser

NPO法人ベーサー・ファウンデーションを設立し 
開発・運営コミュニティの支援を開始
理事７名会員約30名からスタート
メンバーは中小企業の役員が中心
止まらない、潰れない
= ずっと使える
CMSだけでなくWebにおける 
全てのベースとなるシステムを提供
2014年4月 
NPO法人化

2014年4月 
NPO法人化

baserCMSのデザインテーマや 
プラグインをみんなが販売できる
場所。
Web制作会社・フリーランスの
収入源を作りたいという思い
2014年3月アドオン販売サイト 
「baserマーケット」開設

アドオン開発者
Webサイト運営者
baserCMSアドオン販売サイト
baserCMS
プロジェクト
無償のCMSパッケージを配布
Webサイト制作会社
広告代理店
導入支援
baserCMS市場（18,000サイト以上が導入済）
アドオン販売
baserCMSのビジネスモデル
色んな方々に有効活用してもらいたい

baserCMSのビジネスモデル
有料で販売されているプラグインの例
プラグインを購入する事で管理画面
カスタマイズ工数の大幅削減を実現。
ユーザーの更新時も作業が簡単に！

baserCMSのロードマップ
2015年
3/2
2015年
12月
2016年
春？
2016年
夏？
2016年
秋？
3.0.7 3.1 3.2 3.3 4.0?
3系 4系

2015年
3/2
2015年
夏？
2015年
秋？
2016年
春？
2016年
秋？
3.0.7 3.1 3.2 3.3 4.0?
3系 4系
バグフィックス

信頼性向上のためのアップデート
• 基本は不具合の修正
• 本当は3.1のリリースを予定していたが、修正が多くなり 
リリースを分けた方が良いのではという判断で
• テストの充実
• テストコードの増加
• ｢TravisCI｣によるテスト自動化

2015年
3/2
2015年
12月
2015年
秋？
2016年
春？
2016年
秋？
3.0.7 3.1 3.2 3.3 4.0?
3系 4系
コンテンツ管理・ツリー管理

• 「固定ページ」「メールフォーム」
「ブログ」等を「コンテンツ」と
してツリー構造で一元管理する
• コンテンツは、システム標準の 
ものだけでなく、プラグインに 
よって異なるものも追加できる

baserCMSで扱う「モノ」は 
全て「コンテンツ」に！

2015年
3/2
2015年
夏？
2016年
春？
2016年
春？
2016年
秋？
3.0.7 3.1 3.2 3.3 4.0?
3系 4系
RESTful対応

2015年
3/2
2015年
夏？
2015年
秋？
2016年
夏？
2016年
秋？
3.0.7 3.1 3.2 3.3 4.0?
3系 4系
管理画面リニューアル

2015年
3/2
2015年
夏？
2015年
秋？
2016年
春？
2016年
秋？
3.0.7 3.1 3.2 3.3 4.0?
3系 4系
CakePHP3系を導入予定

•CakePHP3正式版が発表されました 
（現在最新版は3.0.12）
•大幅な仕様変更
• PHP5.4以降必須。5.5以降を推奨
• モデルは配列渡しからオブジェクト化
• ビュー機能も大きく変化
•コーディング規約にPSR-2を採用

•しかしbaserCMSはすぐに移行しない
• 過去の実績で、後のマイナーアップデートで大幅に変わっているため、
CakePHP3.1ぐらいまで待つかも
• 先進的な環境を要求されるため、baserCMSのユーザ環境にマッチしない可能性も
• CakePHP2が３年間くらいサポートされる予定
•1.2→2のマイグレーションでとても苦労した 
→Cake3に最適化した作り直しもあり得る。現在開発チーム内で議論中

テーマコンテストやってます

テーマコンテストやってます
http://contest.basercms.net/ 
事前エントリー：受付中
募集期間：2015/8/1~2015/9/30
授賞式：2015/12/5

コーポレートサイトにちょうどいいCMS
と言いつつも大規模にも対応できる
今後はコアはシンプル＋アドオンで拡張
継続リリースを繰り返していく為に
NPO法人ベーサー・ファウンデーション
ずっと運営を続けていく為に
アドオン販売サイト開設
みんなが少しでも収益を得られる仕組を
まとめ

まずはココからご参加を！
baserCMSユーザー会メーリングリスト
baserCMSユーザーズフォーラム
Facebook「baserCMS雑談広場」
ご清聴いただき 
ありがとうございました。

拡大版 CMS大阪夏祭り2015 baserCMSのご紹介

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (6)

Similar to 拡大版 CMS大阪夏祭り2015 baserCMSのご紹介

Similar to 拡大版 CMS大阪夏祭り2015 baserCMSのご紹介 (20)

拡大版 CMS大阪夏祭り2015 baserCMSのご紹介