公開から4年間使ってきたbasercmsをそろそろ本気でdisってみる(osc2014福岡)

#basercms #osc14fk

公式ハッシュタグは

#basercmsはじまるよー

#osc14fk

#basercms #osc14fk

公開から4年間使ってきたbaserCMSを

そろそろ本気で

disってみる

2014/11/22 @OSC Fukuoka 2014

https://www.ospn.jp/osc2014-fukuoka/modules/eguide/event.php?eid=32








自己紹介

#basercms #osc14fk

金内透

合同会社CGFMフロントエンジニア

@Garyuten

• 造園設計系→家具屋→フリーランス → 夫婦起業

• web制作業界 14年目• コンテンツから考えるwebデザイン• CMSは「ゴール」でなくて「手段」• 趣味はテニスとゲームと岩盤浴• 最近はArduinoが楽しい• アクセシビリティを考えたHTML

• ベーサー・ファウンデーション理事• デジタルハリウッド福岡校講師

http://blog.cgfm.jp/garyu/

http://blog.cgfm.jp/garyu/

https://twitter.com/Garyuten

https://twitter.com/Garyuten

#basercms #osc14fk

挙手アンケートお願いします

#basercms #osc14fk

webデザイナーの方

正直に手を挙げろ

#basercms #osc14fk

フロントエンジニアHTMLコーダーの方


#basercms #osc14fk

プログラマーエンジニアの方


#basercms #osc14fk

県外から来た方


#basercms #osc14fk

CMS（コンテンツ管理システム）

を使ったことがある


#basercms #osc14fk

baserCMSを使ったことがある人


#basercms #osc14fk

baserCMSを使ってみようかと考えてる方


#basercms #osc14fk

他のCMSを使ったことがある


#basercms #osc14fk

baserCMS正直使いづらかった


#basercms #osc14fk

ご協力ありがとうございました

感謝

#basercms #osc14fk

disる前に

baserCMSの導入事例

Copyright baserCMS Users Community. All Rights Reserved. #basercms #osc14fk

総ページ数1,000ページ超の大サイト

公開承認・HTMLコンバーター、etc


レスポンシブ・SNS連携

自治体サイト


総ページ数1,000ページ超の大サイト

スマホ連携・HTMLコンバーター


総ページ数500ページの中規模サイト

HTMLコンバーター


子供向けのイベントサイト

イベント・会員管理機能


情報の鮮度が肝な献血情報サイト

エリア別ブログ・CSVアップ更新


パッケージ住宅のオフィシャルサイト

加盟店管理等、最大限の拡張


月間600万PVの巨大サイト（グループ全体で6,000万PV）

冗長化対策・公開承認


•全国より掲載申請

•現在、170サイト登録

他にも導入事例多数

公式サイトでチェック！

CMSとは？


•コンテンツマネジメントシステム

•Webサイト管理システムを指すことが多い

•Webブラウザでホームページを直接更新

•基本的には、ホームページの専門知識が不要

• 有名なものとしてWordPress 、MovableTypeなどがある

CMSとは？


CMSを利用するメリット

リアルタイムな情報が

「発信」できるランニングコストが

「削減」できるホームページの効果が

「実感」できる

★CMSの仕組みや更新頻度向上により検索エンジン対策にもなる

★膨大なコンテンツを体系的に管理できる

★サイト全体のデザイン変更が簡単に行える

★ワークフローの導入が行いやすい

　　　　　　　　　　　　　　　　などなど

baserCMSってこんなCMS


baserCMS 概要

• 福岡発の国産オープンソースCMS

（2009年12月スタート）

• コーポレートサイトにちょうどいいCMS

• コンピュータに詳しくない方でもホームページの運用ができ

る仕組みを目指して開発

• 無料（MITライセンス）

• CakePHP製

baserCMS公式サイト

http://basercms.net

ベーサーシーエムエス


•日本語のみサポート

（公式サイト、フォーラム、コミュニティ）

•管理システム内のヘルプは当然全て日本語

•開発者との距離感が近い

•フォーラム、Twitter、Facebook などを通じて、すぐにバグ対応などが行われている

「国産」である強み


•コンテンツ管理（会社概要、サービス案内等）

•ブログ記事管理（新着情報、社長ブログ等）

•メールフォーム管理（お問い合わせ、採用フォーム等）

•スマートフォーン対応

基本的な機能


baserCMS データ

•ダウンロード７万６千回以上（推定）

• 月間2,000ダウンロード

•導入数 12,000サイト以上（推定）

• 企業サイトのほか、大学、NPO法人、美容室などなど

•９つのホスティングで採用

• ロリポップ！、ヘテムル、ニフティクラウドC4SAなど９つのレンタルサーバーで

簡単インストールが導入済→簡単に利用できる

マスコットキャラクター

「べっしー」


baserCMSのコンセプト（１）

ちょうどいい

シンプル実用性

大きすぎず小さすぎず簡単インストール・必要なものが揃ってる

運営を意識したわかりやすい構成集客サイクルを意識した機能

コーポレートサイトにちょうどいい


baserCMSのコンセプト（２）

愛

制作者にやさしい

• デザインの自由度が高い

• 必要なものが最初から揃ってる

• 日本語マニュアルがある

• 実際のWebサイト制作における

フィードバックを取り込みつつ開発

運営者にやさしい

• わかりやすいインターフェイス

• 必要なものだけが見えている

• 無料で使える

サーバーにやさしい

• ほとんどのレンタルサーバーで動作する

• 簡単インストール

• DBサーバーなしでも動く

日本人にやさしい• 日本に特化

• 日本独自の文化を反映

みんなにやさしい

disります

web制作者に優しくない！

#basercms #osc14fk

スケルトンがスケルトンじゃない！• 初期配布テーマの skelton が全然スケルトンではない• 例）/theme/skelton/Blog/default/index.phpブログの記事一覧のカスタマイズをしようとしたら…

• この１行のみである（コアファイルを参照してるだけ）

わからんわ

$this->BcBaser->includeCore('Blog.Blog/default/index');

#basercms #osc14fk

テーマで使える関数が貧弱

• Wordpressと比較すると…利用できる関数＝約800個その内「テンプレートタグ」関数＝約400個弱

• baserCMS「テンプレートタグ」関数＝約300個弱

すくな

#basercms #osc14fk

ブログ記事のURLを取得する関数がない• 文字列で取得できない→自由なHTMLマークアップを阻害• 力技でやるしかない→PHPの配列にアクセス→webデザイナーに不親切

あかん

#basercms #osc14fk

ブログ記事のURLを取得する関数がない• 文字列で取得できない→自由なHTMLマークアップを阻害• 力技でやるしかない→PHPの配列にアクセス→webデザイナーに不親切

あかんver 3.0.6で解決getPostLinkUrl()✔

#basercms #osc14fk

関数リファレンスがわかりづらい• ほんの一例）前記事、次記事へのリンクの出力

• デフォルトで｠≪｠≫ が付くのを ←→ に変えたい

<?php echo $this->Blog->prevLink($post) ?><?php echo $this->Blog->nextLink($post) ?>↓≪前の記事のタイトル次の記事タイトル｠≫

あるある

#basercms #osc14fk

関数リファレンスがわかりづらい• http://basercms.net/reference_3/archives/25

• どう書けばいいんだろ？

$this->Blog->prevLink( $post , [$title] ,[$htmlAttributes] )

$htmlAttributes :タグ属性をPHPの連想配列で指定します

例) array('class'=>'prev-link','arrow'=>'≪ ')｠

あるある

http://basercms.net/reference_3/archives/25

http://basercms.net/reference_3/archives/25

#basercms #osc14fk

関数リファレンスがわかりづらい

• ん？｠[$title]｠ってどう書けばいいの？？false？無視？？

• こういうコピペできる凡例がwebデザイナーさんには必要

$this->Blog->prevLink( $post ,[$title] ,｠array('arrow'=>'←'));

正解

$this->Blog->prevLink( $post ,'' ,｠array('arrow'=>'←')｠);

やさしくない

#basercms #osc14fk

関数リファレンスがわかりづらい2• http://basercms.net/functions/eyecatch

• $option の凡例が全くない

<?php$this->Blog->eyeCatch($post, $option);?>

使えんわ

http://basercms.net/functions/eyecatch

http://basercms.net/functions/eyecatch

#basercms #osc14fk

ブログのアイキャッチ画像のパスがフルパスじゃない• 例）最新記事一覧でアイキャッチを並べて表示したい

• 欲しい出力/files/blog/news/blog_posts2014/10/00000001_eye_catch.jpg

echo $post["BlogPost"]["eye_catch"];

→ 出力結果：2014/10/00000001_eye_catch.jpg

いじわるい

#basercms #osc14fk

条件分岐・判定関数が貧弱

• Wordpressはほぼ全画面に対しての判別関数がある例）is_home() や is_single()など40個近く存在

• タグやカテゴリアーカイブだけ表示/非表示したい箇所がある→is_category(), is_tags() などが欲しい

• is_blog()ぐらいは欲しい

ないの？

#basercms #osc14fk

条件分岐・判定関数が貧弱

• Wordpressはほぼ全画面に対しての判別関数がある例）is_home() や is_single()など40個近く存在

• タグやカテゴリアーカイブだけ表示/非表示したい箇所がある→is_category(), is_tags() などが欲しい

• is_blog()ぐらいは欲しい

ないの？既にあった　※公式サイトに表記されていない

isArchive - アーカイブページ判定isCategory - カテゴリー別記事一覧ページ判定isDate - 日別記事一覧ページ判定isHome - インデックスページ判定isMonth - 月別記事一覧ページ判定isSingle - 個別ページ判定isTag - タグ別記事一覧ページ判定isYear - 年別記事一覧ページ判定

✔

http://wiki.basercms.net/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/isCategory

http://wiki.basercms.net/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/isCategory

http://wiki.basercms.net/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/isDate

http://wiki.basercms.net/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/isDate

http://wiki.basercms.net/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/isHome

http://wiki.basercms.net/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/isHome

http://wiki.basercms.net/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/isMonth

http://wiki.basercms.net/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/isMonth

http://wiki.basercms.net/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/isSingle

http://wiki.basercms.net/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/isSingle

http://wiki.basercms.net/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/isTag

http://wiki.basercms.net/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/isTag

http://wiki.basercms.net/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/isYear

http://wiki.basercms.net/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/isYear

#basercms #osc14fk

文字列としてgetしたい

• 勝手にリンク付きで出力する関数多数• 結果を文字列として取得したい時だってある！！

• 全部の出力関数に get******を準備して欲しい

とにかくいるんだよ

#basercms #osc14fk

ブログの投稿日が同じ記事の場合、次記事・前記事で遷移できない• 同じ日付で記事を複数書く→投稿日が同じ記事が複数• 「＜前記事次記事＞」のリンクで遷移できない違う日付の記事へ遷移しかできない

バグ？

<?php echo $this->Blog->prevLink($post) ?><?php echo $this->Blog->nextLink($post) ?>↓≪前の記事のタイトル次の記事タイトル｠≫

必要なものがそろってない

#basercms #osc14fk

ファイルアップローダーが標準装備…じゃないだと？• ファイルアップローダーはプラグインになっている。毎回インストールするのが面倒（よく忘れる）

• 「ちょうどいい」を目指すならもう標準同梱でいいのでは？

• 作者談）『プラグインの存在を知ってもらうためにわざと外してる。一度インストールしてもらってプラグインの存在を知ってもらう』→いや、もういいんじゃないの？

• プラグインPRはここでするところではない

もういいって

#basercms #osc14fk

投稿スラグを付けられない

• ブログ記事のURLは固定+連番になる• ブログと見せたくない場合もある

たのむで

#basercms #osc14fk

カスタムフィールドがない

• 一つの記事対して、新たに属性や入力項目を追加する機能でWordpressにはデフォルトで実装されている

• 例）ブログで実績掲載を行っていきたい• 案件名、クライアント、担当範囲、URL、予算感、制作期間、業種、レスポンシブ、etc

→カテゴリやタグだけでは対応できない

望みアリ？

その他

#basercms #osc14fk

0円（無料）のプラグインダウンロードがめんどい• 会員登録→ログイン→決済（無料）→完了→ダウンロード • 無料(0円)のプラグインは即ダウンロードでもいいんじゃない？

• ここだけの話、有料テーマでもそこそこ売れてるらしい

めんどい

こんなCMS、誰が使うんだ…

#basercms #osc14fk

ユーザーフォーラム

#basercms #osc14fk

baser開発合宿

#basercms #osc14fk

素敵なプラグイン

#basercms #osc14fk

プラグインコンテスト？

#basercms #osc14fk

カスタムフィールドが…？

#basercms #osc14fk

公式wiki開設

#basercms #osc14fk

素敵なマニュアル

#basercms #osc14fk

コミュニティ

#basercms #osc14fk

希望の光

べーさーの底力を見せてやる！

公開から4年間使ってきたbasercmsをそろそろ本気でdisってみる(osc2014福岡)

Design