使えるのか!?
MovableType.netを
リアルに使ってみた結果
タナカ印刷株式会社 佐藤 聖
(※このスライドは2015年3月19日の資料です)
自己紹介
 印刷会社の中の小さなウェブ制作部門に勤務
 中小企業向けにMovable Typeを多数構築代行してます
 サーバまわりも多少できます
 プログラム言語は理解していません
本日のセミナー内容はCMSやブログシステムなどを触っ
たことがない方には少々難しい内容かもしれません。予
めご了承ください。
Movable Type製品版の悩み
 Movable Typeは分かりやすくて大好きです!
 でも、Movable Typeはライセンスが高い
(MT6は9万円)
 中小企業向けサイトの構築には少々気になるお値段。
かといって、無料CMSのワードプレスを構築するス
キルはない…。
 会社概要ページとお知らせブロックを修正するのがメ
インなのに…。
そんな時に
出会ってしまった!
MovableType.net に !!
MTソフトウェア版とMovableType.netの
比較表
MTソフトウェア版 MovableType.net
MTのインストール 不要 不要
MTのメンテ
(アップデート等)
必要 不要
サーバ運用管理
(脆弱性対策等)
必要 不要
MTの動作 重い 軽い
メールアカウント
作成機能
ある ない
メールはSSLが利用できる「さくらのメールボックス」がおすすめ!
MovableType.net のメリット
 利用登録はメールアドレス以外の個人情報は不要。
2週間お試し無料。
 ログイン認証が簡単(ベーシック認証)。公開前はとても
便利。会員制サイトで利用してもいいよね。
 記事投稿数の制限はない。
 動作が軽い!
 再構築が不要。
 サーバ管理:MTセキュリティパッチ不要。
 メールサポートあり。
 退会が分かりやすい。
MovableType.netの登録
 サインアップ(メアドだけの簡単登録)
退会
 アカウント⇒退会
パスワード保護機能(ログイン機能)
 設定⇒公開
独自ドメインの設定
 さくらのドメインで tokyoweb.movabletype.io を
mt.tokyo-web.jp で独自ドメインを紐づけた例
MovableType.net側の設定
ウェブサイト⇒設定⇒公開
値の最後にドットを
必ず付けましょう!
MovableType.netでNGなフォルダ構造
ホーム
/index.html
会社案内
/company
会社概要
/info
地図
/map
ホーム
/index.html
会社案内
/company
会社概要
/info.html
地図
/map.html
index.html
index.html
※ファイル名に
index.htmlは
定義できない。
×
◎
※カテゴリも同様です
※カテゴリも同じ考えです
フォルダ・カテゴリは1階層まで。
ここからが本番です
MovableType.net の設定は一発勝負!
 デザインテーマは変更できない
 ブログURLは変更できない(後からnewをnewsにできない)
投稿・テンプレの更新履歴機能(戻る機能)が無い
 テンプレートプレビューが無い
 ZIPアップロード後のフォルダ削除は大変(失敗厳禁!)
(デザイン⇒ファイルマネージャー)
(アップロード先がウェブサイトなのかブログなのか間違えない)
既存サイトから移行する際の注意事項1
 MT6、WP3からの記事データ移行はまったく問題なし
 CSS、JSもコピペでテンプレートを新規作成するか、
アップローダーで移行する
 ImagesはZIPにしてアップロードして自動解凍させる
(ZIPファイルは30MBまで)
 利用出来るMTタグは「 MovableType.netタグマニュ
アル」でチェック(もちろん日本語サイト)
https://movabletype.net/tags/
既存サイトから移行する際の注意事項2
 ZIPアップローダーは「.JPG ⇒.jpg」に自動変換される
⇒リンク切れになる
 MTEntries の lastn=“N” は 50 まで。0 にしても 50件表
示になる。
 カテゴリ作成順は「名前順」になる
⇒ 名前の先頭に連番付加し、jQuery で加工する必要あり
 カテゴリにプライオリティの概念がない
⇒ jQuery で2番目以降の<li>を削除する必要がある
カテゴリ文字のサンプルコード
 カテゴリ名は「01_お知らせ」「02 _イベント」とする
 <ul>のクラス名は「categories」とする
<script>
$('ul.categories>li>a').each(function(){
var txt = $(this).text();
$(this).text(
txt.replace(/dd_/g,"")
);
});
</script>
▼jQuery
ぱんくず文字のサンプルコード
 <li>のクラス名は「 breadcrumbs 」とする
<script>
$('li.breadcrumbs:not(:first)').each(function(){
$(this).css({display: 'none'});
});
</script>
<MTEntryCategories>
<li class="breadcrumbs">
<a href="<MTCategoryArchiveLink>">
<MTCategoryLabel>
</a>
</li>
</MTEntryCategories>
▼jQuery
▼テンプレート
感想
実際リアルに構築してみて
 とにかく動作が軽かった。
 デフォルトテンプレートがしっかりしているので、
スタートアップ(すぐサイトが必要)に向いている。
 既存サイトの移行は慣れれば問題ない。案外できる。
 月額料金の設定が絶妙。売りやすい。
 早瀬さんにリクエストをすれば対応してくれそう。
 構築する方はMT6よりも作業工数がかかりそう。
(テンプレートプレビュー、履歴管理がない)
(GitHub 使える人は連携機能で逆に便利かも)
わたしからのリクエスト
 投稿画面のエディタにテーブル作成ボタンが欲しい
 プラン設定の画面に現在何GB利用しているか表示さ
せて欲しい
(ウェブサイト⇒設定⇒プラン)
 ダッシュボードを分かりやすく
期待される今後の対応予定
 お問い合わせフォームの追加
 ページネーション機能(ブログ記事のページ送り)
 ワークフロー(承認フロー)
 指定日非公開
 スマートフォン用投稿アプリ
 Data API(外部システム連携機能)
 更新履歴管理
 ZIPアップロード30MBの緩和
※上記全ての機能が実装される保証はありません。
最後にひとこと
\(*T▽T*)/オネガイシマース♪
何でも出来ると思わないで―!
価格のことを考えたげてぇー!
(何でも出来たらMovable Type6 の立ち位置が...)
ご清聴ありがとうございました
(※このスライドは2015年3月19日の資料です)

使えるのか!?Movable type.netをリアルに使ってみた結果