ディレクターからみたmovable type + powercmsの優位性

【京都開催】世界標準のCMSプラットフォーム「Movable Type 6」登場

- WEBサイトの「CMS導入」と「クラウド化」のポイント -

2013年9月11日

ディレクターからみたディレクターからみたディレクターからみたディレクターからみた

Movable Type + PowerCMSMovable Type + PowerCMSMovable Type + PowerCMSMovable Type + PowerCMSのののの優位性優位性優位性優位性

株式会社廣済堂

情報コミュニケーション関西事業本部

ITS統括課プロデュースチーム

米田蓮治（Yoneda Renji）

自己紹介

1

自己紹介

“ディレクター“やってます。

2





組込系のプログラマーから、ミーハーが高じてマルチメディア、DTPを経てインターネットに手を出し、

廣済堂へ。Flash制作からディレクターへ。

PM

TD IA

PG DeID

CL

AE PL

企画

クライアント

設計・

制作

MovableType+PowerCMSの優位性について

3


そもそも何故こんな話をするのか？

4

優位性

別のものを比較して、優れている点や性質のこと。

実用日本語表現辞典



5

優位性


実用日本語表現辞典



6



7

優位性


・ディスるつもりはありません。

・“比較”する以前に“土俵”が違うと感じています。



8

“土俵”の違い＝皆さまの抱える共通の課題・問題

・案件予算

・プロジェクト規模

・チームメンバー

土俵①

土俵②

土俵③


今日お話しすることの真意

9

優位性

私が今日お話しする“プロジェクト” と

皆さまが経験されてきた“プロジェクト” を比較して、

「おっ！」となる「優位性」を発見して頂ければ幸い

です。

優位性


そもそも“プロジェクト”ってなんですか？

まずはそもそものお話から

10


“プロジェクト”の定義

11

独自のプロダクト、サービス、所作を創造するため

に実施される有期性の業務

この世でひとつだけのモノやサービスを作る

＋

始まりがあり、終わりがある（もちろん続くんですけど）

＋

後にも先にも同じものが存在しない

PMBOKガイドラインより抜粋



12


＋


＋




13




14




15


目標と手段の違い

メンバーの違い

工期の違い

予算の違い

・・・etc.

リニューアルプロジェクト

リニューアルプロジェクト

プロジェクトの“要求と資源のバランス”

16

事例０１ノートルダム学院小学校様サイトリニューアルプロジェクト


17

事例０１ノートルダム学院小学校様サイトリニューアルプロジェクト

［関係メンバー］

営業：川崎幸司

プロマネ兼、TD／AD／雑用：米田蓮治

コーディング全般、CMS設計、構築：岸典史

デザイン、テンプレート作成：横田将典

サーバーサイド：酒田大輔

サーバーサイド技術支援：山崎潤

プラグイン開発：alfasado inc.

［課題］

• 会員機能

• 学年クラスごとの“クラス便り”の構築

• 20歳代～60歳代の編集者にも使いやすく

• 小学校の先生は忙しい。金曜日夕方から

の集中的な作業（負荷分散）

• 教職員は１年単位で職域が変わる

• イベント目白押し。メールフォームは？


18

プロジェクトの課題

あれ？？

なんかやること多くない？

予算・費用と比べて。。。

［課題］

• 会員機能

［課題］


［課題］

• 20歳代～60歳代の利用者にも使いやすく

［課題］

• イベント目白押し。お問い合わせフォームは？

［課題］

• 小学校の先生は忙しい。

金曜日の集中的な作業

［課題］



19

プロジェクトの課題

全部いるの？

いらない？

どっち？？

［課題］

• 会員機能

［課題］


［課題］


［課題］


［課題］



［課題］



グレーゾーンをハッキリさせる

20

グレーゾーン

クライアント側が考えているやるべき作業範囲

制作側が考えているやるべき作業範囲

の『間』

クライアントが考えているやるべき作業範囲

グレーゾーン




21

クライアントが考えているやるべき作業範囲

グレーゾーン


“グレーゾーン”が多いとどうなるか？

お金と時間とモノと人のやりくりが大変

（ディレクター涙目）



22

クライアントが考えていたやるべき作業範囲

本プロジェクトで実施すること

制作側が考えていたやるべき作業範囲


お互いのやるべきことを決めていく。



23

クライアントが考えていたやるべき作業範囲

『対立』している実施事項

やる？やらない？

制作側が考えていたやるべき作業範囲


『対立する時』どうするか？



24



「よろこんで！！」・・・なんでも「やる！！」

「与件にでておりませんが。」・・・「つっぱねる」





25





目標を達成するために必要な機能

クライアントにもエンドユーザーにも必要な機能

バランスの問題であり、

人×時間×お金×モノのバランス


リクエスト（要求）とリソース（資源）の関係

26


プロジェクトの“バランス”をはっきりさせる

27




プロジェクトの“バランス”を維持しつつ“やること”をはっきりさせる

28




クライアントにもエンドユーザー

にも必要な機能



『対立』してる実施事項



29

プロジェクト概要

吸収できることはこちらで。＾＾

［課題］

• 会員機能

［課題］


［課題］


［課題］

• 記事一覧画面にアクセス数表示

［課題］


［課題］



［課題］



30


リッチテキスト

エディタ

自動サムネイル

作成

スニペット・

カスタムフィールド

インポート

&エクスポート

ドラッグ&ドロップ

アップロード

ブログ記事/ウェブページ

の複製

テンプレートセレクタ

HTMLインポート

(自動リニューアル)

BlogTree

ダッシュボード

サイトマップ管理

グルーピング

&ソート

広告(バナー)

管理

新着情報管理

パンくずリスト

生成

カスタムオブジェクト

静的ページ分割

会員専用サイト

条件指定

サイト内検索

マルチ・

データベース

サポート

マルチデバイス対応

(携帯・スマートフォン向け

表示最適化)

LPO(検索キーワードに

よる表示分岐)

エンタープライズサーチ

アクセシビリティ

対応

アクセス解析

メールマガジン

配信

リモート

バックアップ

お問い合わせ・

アンケートフォーム

作成と管理

ユーザー管理

・会員管理

リビジョン管理

作業役割・権限分

担機能

ワークフローリビジョ

ン

広告配信(バナー/

キャンペーン管理)

HTML文法チェック

承認ワークフロー

(段階数無制限)

時限公開機能

ステージングサー

バー連携機能

リンクチェッカ


31

MovableType+PowerCMS導入のメリット

コスト抑止やメンバーの

モチベーション低下の防止

ご要望を叶えつつ、品質の向上

＋

工期の遵守


32

プロジェクト終盤の突発的な要望

アクセス数

見れないの

？


33


記事一覧画面に

アクセス数表示し

てほしい

ページ作成者の

作成意欲に

つながるから


クライアントにもエンドユーザーにも必要な機能




34


リッチテキスト

エディタ

自動サムネイル

作成

スニペット・

カスタムフィールド

インポート

&エクスポート

ドラッグ&ドロップ

アップロード

ブログ記事/ウェブページ

の複製

テンプレートセレクタ

HTMLインポート

(自動リニューアル)

BlogTree

ダッシュボード

サイトマップ管理

グルーピング

&ソート

広告(バナー)

管理

新着情報管理

パンくずリスト

生成

カスタムオブジェクト

静的ページ分割

会員専用サイト

条件指定

サイト内検索

マルチ・

データベース

サポート

マルチデバイス対応

(携帯・スマートフォン向け

表示最適化)

LPO(検索キーワードに

よる表示分岐)

エンタープライズサーチ

アクセシビリティ

対応

アクセス解析

メールマガジン

配信

リモート

バックアップ

お問い合わせ・

アンケートフォーム

作成と管理

ユーザー管理

・会員管理

リビジョン管理

作業役割・権限分

担機能

ワークフローリビジョ

ン

広告配信(バナー/

キャンペーン管理)

HTML文法チェック

承認ワークフロー

(段階数無制限)

時限公開機能

ステージングサー

バー連携機能

リンクチェッカ


35




てほしい

無い。。。。さて、どうしよう。。。


作成意欲に

つながるから


36




てほしい


作成意欲に

つながるから

！


37




てほしい

プロジェクト終盤にも関わらず機能化を検討

PowerCMSの開発元であるアルファサード様に相談・依頼

カスタムプラグインで対応

さすがに

有償です。


作成意欲に

つながるから


38


を採用するもう一つの理由

メーカー・サポート


39



メーカー・サポート

手厚い

とにかく

的確

豊富な

ノウハウ

早い

パッケージ購入費用に

年間サポートついてます。


40



サポートも最大の魅力

プロジェクト進行の妨げを

最小化・局所化できる


41





＋

工期の遵守

プロジェクトの“瑕疵”を生じさせないために

事例０２双日システムズ株式会社様サイトリニューアルプロジェクト

42


43

事例０２双日システムズ株式会社様サイトリニューアルプロジェクト

［関係メンバー］

営業：占部敦／神原貴行企画：宮村剛／平岡恵美／三和祥大

プロマネ兼、TD／AD／雑用：米田蓮治

TD／AD／コーディング全般、CMS設計、構築テンプレート作成：上田遼（W3G,LLC.）

デザイン：武内公美（株式会社るーぷ LOOP Inc.）

サーバーサイド：上田遼（W3G,LLC.）

サーバーサイド技術支援：山崎潤

スペシャルサンクス：alfasado inc.

［課題］

•想定より１ヶ月短い工期。

• コミュニケーションロスを減らす

•人は増やさず頭のスイッチを

増やす。

など。


44


１ヶ月工期短縮！？

※下記ガントチャートはサンプルです。汗


45

そもそも“瑕疵”を抑えることはできるのか？

如何に工期を短縮できるか？

さらに瑕疵を抑えるか？


46

そもそも“瑕疵”を抑えることはできるのか？

•プロジェクト期間内での業務完了。（ポストリリースを発生させない。）

（他のプロジェクトの進捗を阻害しない。）

ワークフロー全体における知識を持って、与件

整理、クリティカルパスの掌握とリスクヘッジ、

仕様の策定等を行い、制作現場での遅延や

２転３点、やり直しを発生させない。

如何に工期を短縮できるか？

さらに瑕疵を抑えるか？


47

ちゃんと“安心・安全なプラグイン”を使うと言う事。探し回る必要もありません。

実用的な機能が標準搭載。制作が苦労することなく、効率的な

設計が行える仕組みを提供

あちこちからプラグインを導入、他ASPを利用することが不要

追加要件・機能が発生しても、プラグインの調査・検証が不要。


如何に効率よく分業するか？人の数を増やすのではなく、多能工になる

48

営業・企画ディレクションデザイン／システム凡例：

CL ：顧客・・・業務依頼、与件提出

AE ：営業・・・初期折衝（クロージング）、見積策定など

PL ：企画・・・与件整理、企画提案、予算策定

PM ：プロジェクトマネージメント・・・

予算策定／管理・進捗管理・外注管理

TD ：テクニカル・ディレクション・・・

実現可能技術の提案・実証・施策展開

ID ：インタラクションデザイン

JavaScriptやFlashなど、UIに関わる設計および実装など

De ：デザイン

ホームページにおけるデザイン業務全般

ワイヤーフレームの検討、カンプ作成、パーツ作成

HTML／CSS設計・コーディングなど

IA ：インフォメーションアーキテクト・・・

広義として情報設計

導線設計、情報の優先度の決定、ワイヤー／UI設計など

PG ：プログラム・・・

サーバーサイドにおけるプログラミングやネットワーク構築

Apacheの設定やCGI、PHPなどの

サーバーサイドに関わるプログラミングとその運用など

PM

TD IA

PG DeID

CL

AE PL

企画

クライアント

設計・

制作


無理のない範囲で多能工になりプロジェクトに関わるコミュニケーションを円滑にする。

49

営業・企画ディレクションデザイン／システム凡例：

米田

米田

上田

米田

上田

上田

alfasado

武内上田

CL

AE PL

企画

クライアント

設計・

制作

そもそも何故“多能工”が

可能になるか？

•上田さんがスキルフルな点はもちろん。

•MovableType自体が、MVCだから。

•複数人で一つのモノを作っても、一人で

複数の業務をこなしても破綻しずらい。

•MVCに寄与しているので、問題箇所が他

に影響を与えにくく、また発見しやすい

�解決が速い。作業が止まらない。

品質に寄与する。


50


瑕疵を未然に防ぐ

柔軟なチーム構成

ワークフローも柔軟に変更


41





＋

工期の遵守

まとめ

プロジェクトを進める上で頼りになるCMS。

MovableType+PowerCMS

51

まとめ

52


瑕疵を未然に防ぐ

“RASIS”なCMS「MovableType」と、ノウハウが詰まった

「PowerCMS」＋開発ベンダーの手厚いサポート。

柔軟なチーム構成

MVCフレームワークの恩恵を受け、プラグイン／

MTML+HTML+CSSを分離。分業、チーム編成を組みやすく。

それぞれに依存関係が少ないのも魅力。

ワークフローも柔軟に

コア部分に開発ベンダーがいるという安心感、より案件に

特化したワークフローが組める。

ご質問・お問い合わせなどお気軽に

53





ご質問・お問い合わせなどありましたらお気軽にどうぞ。(o^ｰ’)b

e-mail：[email protected]

facebook：https://www.facebook.com/renji.yoneda

お仕事のご依頼・ご相談から、ご一緒いただけるブレイン様も是非、お声掛けください。(o^ｰ’)b

ディレクターからみたmovable type + powercmsの優位性

Documents