Movable Type Community Solution

2011.04.26  渡邉達朗

とある案件で、MTを使ってユーザーが画像投稿できるようなコミュニティサイトを作って欲しいという依頼があり、そのようなことが実現可能か検討してみた。最初に思いついたのは、Movable Type 4.2から標準装備になった「Movable Type Community Solution」(MTCS)という機能。これを用いると、ウェブサイトやブログに加え、お気に入り投稿とランキング表示、掲示板など様々な機能をまとめてMovable Typeで管理できるようになる……らしい。

http://www.movabletype.jp/documentation/community/

身近な人で利用している例を聴いたことがなかったので、半信半疑になりつつネットで調べた結果、以下のサイトはMTCSで作られており、1冊だけだがMTCSに特化して記述された参考書もあることが分かった。

映画「海猿3」のサポーターズブログ
東京もつ鍋天国
Movable Type 5のコミュニティ「MTQ」

その本の名は「Movable Type Community Solutionで作る最新最強のコミュニティサイト」。ちょっと気恥ずかしくなるようなタイトルだが、プラグインを使わせていただいたことがある藤本さんが監修されているとわかり、すぐに購入した。

linkerというWeb制作会社の方3名の共著である本書は、コミュニティーソリューション機能でどんな事ができるのかを、レシピ集サイトや商店街サイトといったサンプルを通じて分かりやすく丁寧に紹介しており、テンプレートのソースまで落とせるので大変勉強になった。ログイン前後で変化する部分を処理するために、JavaScriptがばりばり使われているMTCSでは、こういった参考書が無ければカスタマイズがかなりしんどいだろう。

極めてニッチな内容の本で、どれだけ売れるのか心配になってしまうが、その分MTCSに関わる人なら必読の一冊になっていると思う。

ちなみに、本書は携帯対応には触れられていないが、アイデアマンズが開発したプラグイン「ケータイポスト for Movable Type」を導入すれば、簡単ログイン含めて対応できるようだ。未検証だが、一応ご紹介しておく。

http://www.ideamans.com/tool/keitaipost4mt.php

<目次>

1章 MTCSとは?

1-1 MTCSとは?
1-1-1 MTCSの概要
1-1-2 どんなサイトができるの?
1-1-3 MTCSで構築されたウェブサイトの実例
1-2 MTCSの機能
1-2-1 ユーザーによるトピック・記事の投稿機能
1-2-2 ユーザープロフィールページ機能
1-2-3 アクション機能
1-2-4 注目ユーザー(フレンド)機能
1-2-5 お気に入り登録機能

2章 Movable Type Community Solutionによる追加機能

2-1 MTCSで追加される機能の概要
2-1-1 MTCS = MT + コミュニティ機能
2-1-2 MTCSを実現するための追加機能
2-1-3 MT4.2xとMT5でのMTCSの違い
2-2 コミュニティブログ/コミュニティ掲示板を作ってみる
2-2-1 コミュニティブログ/コミュニティ掲示板の作成
2-2-2 新規ユーザーの権限の設定
2-2-3 ユーザー登録の許可
2-2-4 ユーザー登録などの操作
2-2-5 記事を投稿する
2-2-6 記事に投票する
2-2-7 ユーザーのプロフィールの表示
2-3 コミュニティブログ/掲示板のテンプレートセットの構造
2-3-1 コミュニティブログ/掲示板のテンプレートの内容
2-3-2 ブログ記事の投稿に関するテンプレート
2-3-3 ユーザー情報に関するテンプレート
2-3-4 サインイン/ユーザー登録関係のテンプレート
2-4 既存のブログにコミュニティ機能を追加する
2-4-1 取り上げる例
2-4-2 コミュニティ関係のテンプレートの追加
2-4-3 テンプレートにJavaScriptを追加
2-4-4 サインイン機能の追加
2-4-5 投票用リンクの設置
2-4-6 ユーザーごとのページにリンクする
2-4-7 投稿機能の追加
2-4-8 プロフィールテンプレートのカスタマイズ
2-5 MTCSで追加されるテンプレートタグ
2-5-1 アクションの出力
2-5-2 ユーザー毎のコメントの情報の出力
2-5-3 注目・被注目の出力や処理
2-5-4 その他のテンプレートタグ

3章 画像投稿、投票ランキングを使ったキャンペーンサイト

3-1 サンプルサイトの概要
3-1-1 ユーザー間で対話ができる商品プロモーションサイト
3-1-2 サンプルサイトで使う機能
3-2 サンプルサイトのテンプレートの構成と使用するプラグインについて
3-2-1 テンプレートの一覧
3-2-2 使用するプラグインの一覧
3-3 コミュニティサイトの準備
3-3-1 概要
3-3-2 ブログの作成とテンプレートの適用
3-3-3 コミュニティの設定
3-3-4 システムメールアドレスの設定
3-3-5 ユーザー権限の追加
3-3-6 カテゴリの作成
3-4 ログイン・ログアウトで表示を変える
3-4-1 概要
3-4-2 テンプレートモジュール「ログイン」を作成する
3-4-3 テンプレートモジュール「登録または投稿」を作成する
3-5 投稿画面をカスタマイズする
3-5-1 概要
3-5-2 カスタムフィールドの追加
3-5-3 アイテムの投稿場所の指定
3-5-4 投稿画面に説明フィールドを追加する
3-6 投票数ランキングトップ5を作成する
3-6-1 概要
3-6-2 ランキング順に並び替える
3-6-4 「投票する」ボタンの設置
3-6-5 ランキング順位の表示
3-7 ランキング一覧を作成する
3-7-1 概要
3-7-2 ランキング順に並び替える
3-7-3 ページ分割をする
3-8 マイページ(ユーザーページ)に自分が投票したアイテムを表示する
3-8-1 概要
3-8-2 MTActionFavoriteタグでリストを表示する

4章 ユーザー同士が情報を投稿できる商店街サイト

4-1 サンプルサイトの概要
4-1-1 商店街とお客様との情報共有サイト
4-1-2 サンプルサイトの機能
4-2 サンプルサイトのテンプレート構成
4-3 登録画面のカスタマイズ
4-3-1 概要
4-3-2 登録画面のカスタマイズ
4-3-3 プロフィール写真の修正
4-3-4 登録フォームのテンプレートを修正する
4-4 プロフィールページのカスタマイズ
4-4-1 概要
4-4-2 商店の人が自分のプロフィールを見たときに投稿リンクを表示させる
4-4-3 「プロフィール」テンプレートのカスタマイズ
4-4-4 お気に入りに登録した商店の情報を表示
4-4-5 プロフィール情報を表示する
4-4-6 最近のWebサイトでの活動を表示させる
4-5 記事投稿のカテゴリを指定できるようにする
4-5-1 概要
4-5-2 投稿用のカテゴリを作成して当該カテゴリのみを表示する
4-6 ユーザーを属性ごとに分けて表示する
4-6-1 概要
4-6-2 ロールを設定する
4-6-3 個人一覧を表示する
4-7 店舗をカテゴリごとに表示する
4-7-1 概要
4-7-2 店舗一覧ページを作る
4-7-3 店舗一覧を出力するテンプレートモジュール
4-8 トピックのカテゴリによってコメント可否を切り替える
4-8-1 概要
4-8-2 テンプレートを修正する
4-9 表示するお知らせを調整する
4-9-1 概要
4-9-2 テンプレート修正

5章 レシピサイトにユーザー投稿機能をプラスする

5-1 サンプルサイトの概要
5-1-1 誰でも投稿可能なレシピ集サイト
5-1-2 MTCS化するブログの要件
5-2 Movable Typeのアップグレード
5-2-1 Movable Typeのアップグレード手順
5-2-2 既存のデータベースのダンプファイルを作成
5-2-3 新しいデータベースを作成
5-2-4 5-2-2で作成したダンプファイルを新しいデータベースにリストア(復元)
5-2-5 既存のMovable Type 4.0xとは別に、Movable Type 5(または4.27)をインストール 5-2-6 Movable Type 5のmt.cgiにアクセス
5-2-7 ログインできたら、「コミュニティブログ」テーマを適用
5-2-8 コミュニティサイトの準備
5-2-9 再構築
5-3 カスタムフィールドの作成
5-3-1 概要
5-3-2 「ブログ記事」に対するカスタムフィールド
5-3-3 システム全体に対するカスタムフィールド
5-4 プラグインのインストールとCSS/画像のアップロード
5-4-1 概要
5-4-2 必要なプラグインのインストール
5-4-3 必要なCSSと画像のアップロード
5-5 サンプルテンプレートの導入
5-5-1 概要
5-5-2 導入するテンプレート
5-5-3 不要なテンプレートの削除
5-6 「メインページ」テンプレートのカスタマイズ解説
5-6-1 概要
5-6-2 「メインページ」テンプレートのカスタマイズ
5-7 メインページに組み込むテンプレートモジュールの内容
5-7-1 概要
5-7-2 「head要素」テンプレートのカスタマイズ解説
5-7-3 「title要素」テンプレートのカスタマイズ解説
5-7-4 「keywordsとdescription」テンプレートのカスタマイズ解説
5-7-5 「ページ分割用JavaScript」テンプレートのカスタマイズ解説
5-7-6 「ユーザープロフィール用JavaScript」テンプレートのカスタマイズ解説
5-7-7 「ヘッダ部」テンプレートのカスタマイズ解説
5-7-8 「検索・ユーザーランキング」テンプレートのカスタマイズ解説
5-7-9 「フッタ部」テンプレートのカスタマイズ解説
5-7-10 「メインエリア」テンプレートモジュールについて
5-8 「メインエリア」テンプレートモジュールの解説
5-8-1 概要
5-8-2 「メインページ」テンプレートで「メインエリア」を出力する部分
5-8-3 「ブログ記事」アーカイブテンプレートで「メインエリア」を出力する部分
5-8-4 「検索結果」システムテンプレートで「メインエリア」を出力する部分
5-8-5 「ブログ記事の作成」インデックステンプレートで「メインエリア」を出力する部分
5-8-6 「ブログ記事リスト」アーカイブテンプレートで「メインエリア」を出力する部分
5-8-7 「コメント完了」システムテンプレートで「メインエリア」を出力する部分
5-8-8 「コメントプレビュー」システムテンプレートで「メインエリア」を出力する部分
5-8-9 「投稿完了」システムテンプレートで「メインエリア」を出力する部分
5-8-10 「メインページ」インデックステンプレートで「メインエリア」を出力する部分(その2)
5-9 インデックステンプレート/アーカイブテンプレートのカスタマイズ
5-9-1 概要
5-9-2 「ブログ記事の作成」テンプレートのカスタマイズ解説
5-9-3 「ブログ記事フォーム」テンプレートのカスタマイズ解説
5-9-4 「JavaScript」テンプレートのカスタマイズ解説
5-9-5 アーカイブテンプレートのカスタマイズ
5-10 その他のテンプレートモジュールの解説
5-10-1 概要
5-10-2 「パンくずナビゲーション」テンプレートのカスタマイズ解説
5-10-3 「ブログ記事のメタデータ」テンプレートのカスタマイズ解説
5-10-4 「コメント」テンプレートのカスタマイズ解説
5-10-5 「ページ分割用Javascript002」テンプレートのカスタマイズ解説
5-10-6 「ページ選択」テンプレートのカスタマイズ
5-11 システムテンプレートのカスタマイズ
5-11-1 概要
5-11-2 「コメントプレビュー」テンプレートのカスタマイズ解説
5-11-3 「コメント完了」テンプレートのカスタマイズ解説
5-11-4 「投稿完了」テンプレートのカスタマイズ解説
5-11-5 「検索結果」テンプレートのカスタマイズ解説
5-12 グローバルテンプレートのカスタマイズ
5-12-1 概要
5-12-2 「フォームフィールド」テンプレートのカスタマイズ解説
5-12-3 「プロフィール」テンプレートのカスタマイズ解説
5-13 mixiアカウントなどによるログイン機能の追加
5-13-1 概要
5-13-2 Crypt::SSLeayモジュールのインストール
5-13-3 mixiCommentプラグインの修正

補章 Movable Type 4.2/Movable Type 5.0の違いとアップグレードについて

Movable Type 5.0の新機能
ウェブサイトとブログ
サイトの構造を配布できる「テーマ」
カテゴリ毎にカスタムフィールドのオン/オフを指定
ブログ記事/ウェブページ/テンプレートの履歴管理
Movable Type 4.2からMovable Type 5.0へのアップグレード
Movable Type 5.0の動作要件
アップグレードの際の注意事項
既存のMovable Typeのバックアップ
データベースの変換
アップグレードを行う
テーマのIDの変更
自動作成されたウェブサイトの設定

コメントをどうぞ

CAPTCHA


Movable Type Community Solution

2011.4.26

Movable Type