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

baserCMS Users Community

Copyright baserCMS Users Community. All Rights Reserved.

　コーポレートサイトにちょうどいい「baserCMS」のご紹介＠CMS大阪夏祭り2015

NPO法人ベーサー・ファウンデーション

公式エバンジェリスト　安部大輔

2015/09/05


自己紹介アベダイスケ＠40代　猫好き　体重0.1t

言問株式会社　テストエンジニア

NPO法人ベーサー・ファウンデーション公式エバンジェリスト

ITコーディネータという経営系の資格を取得しました。

Webはマーケティング、マーケティングは経営に直結してることを意識したディレクションを心がけています。

クライアントの先にいるカスタマーの事を考えるようにしてます。


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

CMSとは？


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

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 などを通じて、すぐにバグ対応などが行われている

「国産」である強み

baserCMSの導入事例


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


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


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


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


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


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


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


全国より掲載申請

現在180サイト登録

他にも導入事例多数公式サイトでチェック！

競合するCMS


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

baserCMSの最近の動向


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

http://contest.basercms.net/


コーポレートサイトにちょうどいいCMS と言いつつも大規模にも対応できる

今後はコアはシンプル＋アドオンで拡張継続リリースを繰り返していく為に

NPO法人ベーサー・ファウンデーションずっと運営を続けていく為に

アドオン販売サイト開設みんなが少しでも収益を得られる仕組を

まとめ


まずはココからご参加を！ baserCMSユーザー会メーリングリスト

baserCMSユーザーズフォーラム

Facebook「baserCMS雑談広場」

ご清聴いただきありがとうございました。

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

Internet

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