設計フリー・IA指向
管理理画⾯面が⾃自由に“作れる”CMS

アルファサードについて• 2003年年設⽴立立  -‐‑‒  本社  ⼤大阪市  /  東京オフィス• 代表者  :  野⽥田  純⽣生
• Web制作  ・Webアクセシビリティサポート
• CMS開発  /  Movable  Typeサポート

PowerCMSについて• 2007年年  11⽉月22⽇日  ver.1.0• ライセンス出荷数  600  以上• Movable  Typeと⼀一体でインストール• CMSとしてのMTでのサイト設計/運⽤用を強化するプラグイン+Webアプリケーション

PowerCMSとは?
承認ワークフロー ステージングバージョン管理理

時限公開 ⾼高速検索索 アクセス解析

バックアップWSYIWYG

インポーター

リンクチェッカ

アクセシビリティ アンケート

認証付きサイト 携帯サイト スマホ対応
Webサイトに必要なものを、オールインワンで。

選ばれる理理由• 多機能＋使いやすさ• 扱いやすさ(Movable  Typeで構築できればOK)• カスタマイズが簡単(プログラムレス)• 圧倒的コストパフォーマンス
• 充実のサポート(ver.1のサポートを現在も継続)• パートナープログラム

簡単操作・柔軟なワークフロー

階層型ツリーメニュー

ファイルアップロード

リッチテキスト&ワークフロー

リビジョン  &  ワークフロー配信機能グルーピング  &  ソーティングインポート  &  エクスポート(CSV  or  既存のHTML)• ブログ記事• ウェブページ• カテゴリ/フォルダ• アイテム(CSV+ZIP)• カスタムフィールド• ユーザー• 既存HTML検索索(キーワード、メタ情報のかけ合わせ)

50以上の新機能。

出版社のウェブサイトなら...
書籍

書名

著者

ISBN

ジャンル

出版⽇日

版...

発売⽇日

ジャンル

価格...

Twitter
アカウント

ブログ
URL...

雑誌

雑誌名

編集者

雑誌
コード

著者

名前

プロ
フィール

著書

連絡先

取扱
書店

書店名/
会社名

地域

住所

電話番号

紹介⽂文

...

ジャンル

⼤大カテ
ゴリ

⼩小カテ
ゴリ

ター
ゲット

書籍/
雑誌

テキスト

...

家電メーカーのウェブサイトなら...
会社情報
製品

会社名

英語名

設⽴立立
年年⽉月⽇日

製品名

製品
コード

希望価格 カテゴリ

導⼊入事例例 タイトル

キャッチ クライア
コピー
ント名

ドライバ/
マニュアル

ドラ
イバ名

バージ
ョン対応OS

拠点/販社

名称

所在地

拠点機能

代表
取締役

会社
コード

所在地...

写真

機能...

クライアン
ト情報

関連

本⽂文

インストー ドライバ(添付ファイル)
ル⼿手順

連絡先

...

URL...
マニュアル(添付ファイル)...

...

スポーツニュースサイトなら...
チーム

競技

プロ
チーム名
フィール

成績

プロ
個⼈人成績
フィール

選⼿手

名前

競技

スタジ
アム

名前

対象競技

住所

連絡先

⽇日時

スタジ
アム

対戦
チーム

紹介⽂文

所属
チーム

試合
リーグ

名前

運営⺟母体

所属
選⼿手...

所属
チーム

...

セス

試合
予定...

スコア

出場選⼿手

競技...

特⾊色

運営団体

URL...

交通アクMovable  Typeでどう設計しますか?
ウェブサ
イト

名前

概要

URL

配下のブ
ログ...

ブログ

名前

概要

URL

ウェブサ
イト...

カテゴリ

所属
ブログ

ラベル

ブログ
記事

所属
ブログ

所属
タイトル
カテゴリ

アイテム

URL

ラベル概要説明

URL...
画像...
...

カスタムフィールド

Movable  Typeでどう設計しますか?

カスタムオブジェクト・フレームワーク

メニューが作れるCMS

カスタムオブジェクト・フレームワーク

カスタムオブジェクト・フレームワーク

カスタムオブジェクト・フレームワーク

カスタムオブジェクト・フレームワーク

カスタムオブジェクト・フレームワーク

カスタムオブジェクト・フレームワーク

カスタムオブジェクト・フレームワーク

DemoカスタムフィールドPro

カスタムフィールドPro

カスタムフィールドPro

関連付けをカスタムフィールドで関連付けをカスタムフィールドで
会社情報
製品

会社名

英語名

設⽴立立
年年⽉月⽇日

製品名

製品
コード

希望価格 カテゴリ

導⼊入事例例 タイトル

キャッチ クライア
コピー
ント名

ドライバ/
マニュアル

ドラ
イバ名

バージ
ョン

対応OS

拠点/販社

名称

所在地

拠点機能

代表
取締役

会社
コード

所在地...

写真

機能...

クライアン
ト情報

関連

本⽂文

インストー ドライバ(添付ファイル)
ル⼿手順

連絡先

...

URL...
マニュアル(添付ファイル)...

...

関連付けをカスタムフィールドで様々な種類のカスタムフィールド様々な種類のカスタムフィールド種類

説明

テキスト(整数)

数値テキスト(浮動⼩小数点数)

⼩小数点以下指定の数値

テキスト(エディタ付き)

リッチテキスト(TinyMCE)付きテキストエリア

チェックボックス(複数選択)

横並びのチェクボックス

スニペット

⾃自由定義フィールド

ドロップダウン(複数選択)

複数選択可能なドロップダウン

バナー

バナー(キャンペーンオブジェクト)

バナー(複数選択)

バナー(キャンペーンオブジェクト)の複数選択

バナーグループ

バナー(キャンペーンオブジェクト)のグループ

フォーム

コンタクトフォーム(お問合せフォーム)

オブジェクトグループ

エントリ/カテゴリ/ブログオブジェクトのグループ

様々な種類のカスタムフィールド
種類

説明

ブログ記事

ブログ記事

ブログ記事(複数選択)

ブログ記事の複数選択

ブログ記事グループ

ブログ記事のグループ

ウェブページ

ウェブページ

ウェブページ(複数選択)

ウェブページの複数選択

ウェブページグループ

ウェブページグループ

ブログ記事  /  ページグループ ブログ記事/ウェブページ混在のグループ
カテゴリグループ

カテゴリグループ

フォルダグループ

フォルダグループ

カテゴリ  /  フォルダグループ カテゴリ/フォルダ混在のグループ

様々な種類のカスタムフィールド種類

説明

ブロググループ

ブロググループ

ウェブサイトグループ

ウェブサイトグループ

ブログ/ウェブサイトグループ ブログ/ウェブサイト混在のグループ
カスタム項⽬目

カスタムオブジェクト

カスタム項⽬目(複数選択)

カスタムオブジェクトの複数選択カスタム項⽬目グループ

カスタムオブジェクトのグループ※追加したオブジェクト,...

複数選択,グループ...

...

カスタムフィールドが作れるCMS

スニペットカスタムフィールド<$MTEntryCustomfieldName key=”foo<$MTEntryCustomfieldName key=”bar<input name=”foo”...
<input name=”bar”

opモディファイアで⾃自動計算

チェックで10回以降降の⼊入⼒力力欄を表⽰示<MTEntryCustomﬁeldNameAsset  key=”foo        <MT:AssetFoo>...
</MTEntryCustomﬁeldNameAsset>

カスタムフィールドPro

Demoカスタムフォーム

問合わせフォームが作れるCMS例例えばこんなフォームが管理理画⾯面から...
項⽬目

⼊入⼒力力タイプ

必須

⽂文字数制限⼊入⼒力力チェック

お名前テキスト◎20⽂文字なし

メール
アドレステキスト◎40⽂文字

メールアドレス
書式

問い合わせ
内容

複数⾏行行テキスト◎500⽂文字なし

問い合わせ種別ラジオボタン(3択)◎-‐‑‒

不不正な値でないこと

個⼈人情報についてチェックボックス◎-‐‑‒

不不正な値でないこと

問い合わせフォームが作れるCMS
⼊入⼒力力タイプはプラグインで増やすことが可能

バリデーションなどをオブジェクト毎に指定可能

問い合わせフォームが作れるCMS

問い合わせフォームが作れるCMS

問い合わせフォームが作れるCMS

問い合わせフォームが作れるCMSCSVダウンロード

どのページへの投稿か絞り込む問い合わせフォームが作れるCMS

カスタムフォーム

DemoDynamicMTML  マルチデバイスに対応するCMSDynamicMTML  is  the  PHP  extension
framework  for  Movable  Type.

マルチデバイスに対応するCMS

drwxrwxrwx
drwxr-xr-x-rw-rw-rw-rw-rw-rw-rw-rw-rw-

32 alfasado
11 alfasado
1 alfasado
1 alfasado
1 alfasado

admin
admin
adminadmin
admin

1088
374
935
1223
24609

3 10 15:17 .
3 8 13:40 ..
2 27 16:08 .htaccess
2 27 16:08 .mtview.php
3 2 14:41 index.html

マルチデバイスに対応するCMS

スタティックに⽣生成されたHTML
ファイル中のMTタグを動的に処理理マルチデバイスに対応するCMS  (2段階再構築)<h1><MT:Entrytitle></h1>...
<MTDynamicMTML><MT:IfUserAgent  wants="smartphone">        スマホでしょ?
ブロック内はビルドされず<MTElse>        スマホじゃないでしょ? ファイルの中に出⼒力力される</MT:IfUserAgent></MTDynamicMTML>...

閲覧時に状況(UA)によって分岐処理理されるマルチデバイスに対応するCMS  (PC判定)<MT:IfUserAgent  wants="pc">        PC<MTElse>        Not  PC</MT:IfUserAgent>マルチデバイスに対応するCMS  (スマートフォン判定)<MT:IfUserAgent  wants="smartphone">        Smartphone<MTElse>        Not  Smartphone</MT:IfUserAgent>マルチデバイスに対応するCMS  (タブレット判定)<MT:IfUserAgent  wants="tablet">        Tablet<MTElse>        Not  Tablet</MT:IfUserAgent>マルチデバイスに対応するCMS  (携帯対応)<MT:IfUserAgent  wants="keitai"><MT:IfUserAgent  like="DoCoMo">        DoCoMo<MTElse><MT:IfUserAgent  like="UP.Browser">        AU<MTElse>        SoftBank</MT:IfUserAgent></MT:IfUserAgent></MT:IfUserAgent>マルチデバイスに対応するCMS  (携帯対応)<mt:KeitaiContent
start_̲tag="h"  size="5000"  str2keitai="1"  convert2thumbnail="240,480"  z2h="1">          <mt:KeitaiContentBody>                  <$mt:EntryBody$>                  <$mt:EntryMore$>          </mt:KeitaiContentBody>  </mt:KeitaiContent>マルチデバイスに対応するCMS  (携帯対応)

start_̲tag="h"            =>  hタグ(⾒見見出しでページ分割)
size="5000"                    =>  byte数
str2keitai=”1”                =>  <script>タグ等を削除
z2h=”1”                            =>  半⾓角カナに変換
convert2thumbnail="240,480"                                                    =>  240pxの画像から480pxの画像                                                                  へリンク(+フォーマット変換)

マルチデバイスに対応するCMS  (ページネーション)        <mt:KeitaiPageCount  setvar="page_̲count">          <mt:if  name="page_̲count"  gt="1">                <mt:ifKeitaiPagePrev>                          <a  href="<$mt:KeitaiPagePrevLink$>">PREV</a>                </mt:ifKeitaiPagePrev>                  <mt:KeitaiContentPageList>                          <mt:IfKeitaiPageCurrent>                                  <strong><$mt:KeitaiPageNumber$></strong>                        <mtelse><a  href="<$mt:KeitaiPageLink$>">                                <$mt:KeitaiPageNumber$></a>                        </mt:IfKeitaiPageCurrent>                  </mt:KeitaiContentPageList>                  <mt:ifKeitaiPageNext>                          <a  href="<$mt:KeitaiPageNextLink$>">NEXT</a>                  </mt:ifKeitaiPageNext></mt:if>  マルチデバイスに対応するCMS  (WebKit判別)<MT:IfUserAgent  like="WebKit">        WebKit(Safari,  Chrome  etc)
<MTElse>        Not  WebKit</MT:IfUserAgent>マルチデバイスに対応するCMS  (Internet  Exproler判別)<MT:IfIE  lt=”7”>        Internet  Exproler  ver.7,8,9,10...
<MTElse>        Internet  Exproler  ver.6,5,4...
</MT:IfIE>マルチデバイス以外の応⽤用

マルチデバイス以外の応⽤用(検索索キーワードからの流流⼊入)<mt:referralkeywords  setvar=”related”>
      <mt:searchentries  query="$keyword"  unique="1"                lastn="10"><mt:setvar  name=”hit”  value=”1”>              <li><a  href="<$mt:entrypermalink$>">                        <$mt:entrytitle  escape="html"$></a>                </li>      </mt:searchentries></mt:referralkeywords><mt:if  name=”  hit”><h3>Your  serarch  keyword                '<$mt:referralkeyword  escape="html"$>'</h3>                <ul><mt:var  name=”  related”></ul></mt:if>マルチデバイス以外の応⽤用  (会員サイト  -‐‑‒  ログイン判別)<mt:IfLogin>        Hi,        <mt:AuthorDisplayName  escape=”html”><mt:Else>        <a  href=”path2login”>Please  Login!</a></mt:IfLogin>マルチデバイス以外の応⽤用  (Facebookからの流流⼊入)<mt:IfUserFromFacebook>        You  come  from  Facebook.
<mt:Else>        You  donʼ’t  from  Facebook.
</mt:IfUserFromFacebook>マルチデバイス以外の応⽤用  (PHPフレームワークとして)エイプリルフールのネタではない!

マルチデバイス以外の応⽤用  (PHPフレームワークとして)

CakePHPのテンプレート  (ブログ・チュートリアルより)<table><?php foreach ($posts as $post): ?><tr><td><?php echo $post['Post']['id']; ?></td><td><?php echo $html->link($post['Post']['title'],array('controller' => 'posts', 'action' => 'view', $post['Post']['id'])); ?></td><td><?php echo $post['Post']['created']; ?></td></tr><?php endforeach; ?></table>MTCakeを利利⽤用して書き直したテンプレート<mt:cake:loop model="Post"><mt:if name="__first__"><table></mt:if><tr><td><mt:var name="id"></td><td><a href="./view/<mt:var name="id">"><mt:var name="title"
escape="html"></a></td><td><mt:var name="created"></td></tr><mt:if name="__last__"></table></mt:if></mt:cake:loop>

DynamicMTMLで開発スキルセットが変わる

Client  Side

HTMLJQueryJavaScript
CSS
PHP

Server  SidePerlMTML(MTタグ)
Ruby

Java

PowerCMSは様々なWeb技術をつなぐプラットフォーム

DynamicMTML

Demo

後半もよろしくおねがいします+PowerCMS  Social  は、CMS管理理画⾯面を通じたソーシャルメディアとの連携機能を提供します。

Twitter
関連記事

みんなに伝えよう！

Twitter

管理理者

facebook

管理理者

効果を知りたい！

いいね!

集客拡散

ダッシュボードで効果の把握

効果測定

もっと詳しく知りたい！

✴Google  Analysticsを利利⽤用した効果測定✴連携  -‐‑‒  ポスト(Twitter,  Facebook,Weibo)✴Twitter  を経由して  mixi  等と連携
✴ソーシャル拡散状況をテンプレート反映✴Facebook  アプリケーションの作成✴Zenback  BIZ  1年年分ライセンス込  **  プラグインライセンス版のみも有りインストールと設定

API情報・ウィジェット外観をプラグイン設定で

ウィジェットマネージャーでインストール

効果測定

ダッシュボード  (ソーシャル流流⼊入グラフ)

ダッシュボード  (ソーシャル流流⼊入グラフ)

ダッシュボード  (エントリ毎の流流⼊入状況)ダッシュボード  (エントリ毎の流流⼊入数の⽐比率率率)

コメント⼀一覧画⾯面  (ソーシャルメディアでの⾔言及)テンプレート出⼒力力テンプレート出⼒力力  (流流⼊入の多いエントリー)<MTSocialHotEntries  lastn="5">        <MTSocialHotEntriesHeader>        <div  class="widget-‐‑‒hot-‐‑‒entries  widget">            <h3  class="widget-‐‑‒header">⼈人気エントリー</h3>            <div  class="widget-‐‑‒content">                <ul>        </MTSocialHotEntriesHeader>        <li><a  href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li>        <MTSocialHotEntriesFooter>                </ul>            </div>        </div>        </MTSocialHotEntriesFooter></MTSocialHotEntries>

テンプレート出⼒力力できるもの✴ソーシャルメディアでの⾔言及の多いエントリ✴ソーシャルメディアから流流⼊入の多いエントリ✴Facebookでの「いいね!」の多いエントリ✴はてなブックマークの多いエントリ✴エントリへのFacebook  での「いいね!」数テンプレート出⼒力力  (流流⼊入の多いエントリー)

ソーシャル・ウィジェット

クロスポストクロスポスト  (Twitter)クロスポスト  (Facebookウォール/ページ)

クロスポスト  (ページの「⼤大事な出来事」)

クロスポスト  (Twitterとmixiを連携)クロスポスト  (Weibo  -‐‑‒  新浪浪微博)

投稿形式はテンプレートで細かく制御可能

メッセージ

投稿タイトルピクチャ
キャプション
ディスクリプション

Facebookアプリケーション

Facebookと連携したアプリケーション

作成できる  Facebook  アプリケーションの例例  *✴プレゼントキャンペーン  (フォームから応募してシェア)✴会員サイト誘導  (サインアップしてシェア)✴診断系アプリケーションや簡単なゲーム
ノンプログラミングで作成*  DynamicMTML上で動作しますログイン・ログアウト<MTDymnamicMTML><MTIfFacebookLoggedIn>        <mt:FacebookUserName  escape="html">                さん、ようこそ  |          <a  href="<mt:FacebookLogoutURL>">                ログアウト        </a><MTElse>        <a  href="<mt:FacebookLoginURL>">                Facebookでログイン        </a></MTIfFacebookLoggedIn><MTDymnamicMTML>

プロフィール画像とメールアドレスの表⽰示<MTIfFacebookLoggedIn>
  <img  src="<MTFacebookGetProﬁle  key="pic_̲big">"  />  <MTFacebookGetProﬁle  key="email"  escape=”html”></MTIfFacebookLoggedIn>

ユーザーが  いいね!  といっているか<MTIfFacebookLoggedIn><MTIfFacebookUserLiked  id="166892456724982">      あなたがアルファサードについて  いいね!  と⾔言っています。
</MTIfFacebookUserLiked></MTIfFacebookLoggedIn>*  166892456724982はページのID

ユーザーの性別で分岐する<MTIfFacebookLoggedIn>        <$MTFacebookGetProﬁle  target="gender"                                                                                    setvar="_̲_̲gender_̲_̲"$>        <MTIf  name="_̲_̲gender_̲_̲"  eq="male">                男性        <MTElseIf  name="_̲_̲gender_̲_̲"  eq="famale">                ⼥女女性        </MTif></MTIfFacebookLoggedIn>

「This  is  test.」をウォールにポストする<MTIfFacebookLoggedIn><MTSetVarTemplate  name="Facebook_̲template"><mt:setvar  name="Post2Wall"  value="This  is  test."><mt:var  name="Post2Wall"></MTSetVarTemplate><MTFacebookPost  template="$Facebook_̲template"></MTIfFacebookLoggedIn>PowerCMSは様々なWeb技術をつなぐプラットフォーム

Facebook  アプリケーション

DemoSocial  +  EnterprisePowerCMSは様々なWeb技術をつなぐプラットフォーム

PowerCMS for Salesforce

PowerCMS  for  Salesforce✴フォームからの投稿を  Salesforce  の「リード」「ケース」「商談」等へポスト✴会員サイトへのサインアップ時に個⼈人情報を  Salesforce上に保存✴PowerCMS  会員サイトと  Salesforce  を連携して「商談」「ケース」をユーザーに紐紐付け✴イントラブログ＋Chatter連携(クロスポスト)

クロスポスト  (Chatter  -‐‑‒  ブログ記事/ウェブページ/コメント)アンケートフォーム

リード  /  商談  /  ケース  /  連絡先  /  アカウントに対応

会員サイト(サインアップ、ログイン連携)

取引先  /  取引先担当者  に登録
*  PowerCMSには個⼈人情報を保存しない

会員サイト＋アンケートフォーム

商談やケースを会員データと紐紐づけて保存、管理理

個⼈人情報管理理の煩わしさから解放されます
営業活動や顧客サポートにすぐ役⽴立立ちますDemoありがとうございました