linkerは「人と人」「人と情報」「人と物」をつなぐデザインユニットです。

藤本壱さん+linkerで執筆「Movable Type Community Solutionで作る 最新最強のコミュニティサイト」

火曜/金曜担当の@cremaです。

今日は、linkerとしてはじめて3人で執筆に挑戦した本の紹介をさせてください。

その本の名は、「Movable Type Community Solutionで作る 最新最強のコミュニティサイト」(ソシム刊)。

mtcs-book.jpg

Movable Type(MTOS除く)に同梱されている「コミュニティ・ソリューション(MTCS)」という「お気に入り、ランキング表示、掲示板などを使えるユーザー参加型サイトを作れる機能」だけに焦点を絞った、少々マニアックな本と言えるかもしれません。

いままで一冊丸ごと「MTCS」だけを扱った書籍はおそらくなかったと思いますので、マニアックと言いつつも、興味のある方にはお役に立つ本なのではないかと自負しています。

監修+共同執筆してくださったのは、我々のMovable Typeのお師匠さまのひとりでもある、藤本壱さん。Movable Typeに関する多数の執筆実績を持ち、プラグインも精力的に発表されている藤本さんがあってこそ、私たちも安心してサンプルサイト制作と執筆に取り組むことができました。この場を借りて、心よりお礼を述べさせていただきます。

@taku-workが「投票ランキングなどを実装したキャンペーンサイト」のサンプルを、@mersyが「ユーザー同士で情報共有する商店街サイト」のサンプルを制作し、それぞれ執筆も担当。不肖私は、「既存のMTにコミュニティ機能を導入したレシピサイト」のサンプル+解説と、1章の「MTCSとは?」的な部分を半分ほど書かせていただきました。

この本は、いままでに私たちが作成した「コミュニティ・ソリューション」機能を活かしたサイトのノウハウを全て注ぎ込み、全く新しくサンプルを作ったものです。なるべく図版も多めに入れて、ご理解いただきやすいように努力してみました。

mtcs-book002.jpg

読者の方は、テンプレートをオンラインからダウンロードしてご活用いただけますので、きっとお役に立つことと存じます。書店で見かけられましたら、ぜひチェックしてみてくださいませ!

Movable Type Community Solution―MT5/MT4.2対応
デザインユニットlinker(黒野明子、秋野琢、柳谷真志)
ソシム
売り上げランキング: 65026

ブログで取り上げていただきました(随時追記予定)

目次

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の変更
  • 自動作成されたウェブサイトの設定