Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
使えるのか!?
MovableType.netを
リアルに使ってみた結果
タナカ印刷株式会社 佐藤 聖
(※このスライドは2015年3月19日の資料です)
自己紹介
 印刷会社の中の小さなウェブ制作部門に勤務
 中小企業向けにMovable Typeを多数構築代行してます
 サーバまわりも多少できます
 プログラム言語は理解していません
本日のセミナー内容はCMSやブログシステムなどを触っ...
Movable Type製品版の悩み
 Movable Typeは分かりやすくて大好きです!
 でも、Movable Typeはライセンスが高い
(MT6は9万円)
 中小企業向けサイトの構築には少々気になるお値段。
かといって、無料CM...
そんな時に
出会ってしまった!
MovableType.net に !!
MTソフトウェア版とMovableType.netの
比較表
MTソフトウェア版 MovableType.net
MTのインストール 不要 不要
MTのメンテ
(アップデート等)
必要 不要
サーバ運用管理
(脆弱性対策等)
必要 不要
MTの...
MovableType.net のメリット
 利用登録はメールアドレス以外の個人情報は不要。
2週間お試し無料。
 ログイン認証が簡単(ベーシック認証)。公開前はとても
便利。会員制サイトで利用してもいいよね。
 記事投稿数の制限はない。...
MovableType.netの登録
 サインアップ(メアドだけの簡単登録)
退会
 アカウント⇒退会
パスワード保護機能(ログイン機能)
 設定⇒公開
独自ドメインの設定
 さくらのドメインで tokyoweb.movabletype.io を
mt.tokyo-web.jp で独自ドメインを紐づけた例
MovableType.net側の設定
ウェブサイト⇒設定⇒公開
値の最後にドットを
必...
MovableType.netでNGなフォルダ構造
ホーム
/index.html
会社案内
/company
会社概要
/info
地図
/map
ホーム
/index.html
会社案内
/company
会社概要
/info.html
地...
ここからが本番です
MovableType.net の設定は一発勝負!
 デザインテーマは変更できない
 ブログURLは変更できない(後からnewをnewsにできない)
投稿・テンプレの更新履歴機能(戻る機能)が無い
 テンプレートプレビューが無い
 ZI...
既存サイトから移行する際の注意事項1
 MT6、WP3からの記事データ移行はまったく問題なし
 CSS、JSもコピペでテンプレートを新規作成するか、
アップローダーで移行する
 ImagesはZIPにしてアップロードして自動解凍させる
(...
既存サイトから移行する際の注意事項2
 ZIPアップローダーは「.JPG ⇒.jpg」に自動変換される
⇒リンク切れになる
 MTEntries の lastn=“N” は 50 まで。0 にしても 50件表
示になる。
 カテゴリ作成順...
カテゴリ文字のサンプルコード
 カテゴリ名は「01_お知らせ」「02 _イベント」とする
 <ul>のクラス名は「categories」とする
<script>
$('ul.categories>li>a').each(function()...
ぱんくず文字のサンプルコード
 <li>のクラス名は「 breadcrumbs 」とする
<script>
$('li.breadcrumbs:not(:first)').each(function(){
$(this).css({displ...
感想
実際リアルに構築してみて
 とにかく動作が軽かった。
 デフォルトテンプレートがしっかりしているので、
スタートアップ(すぐサイトが必要)に向いている。
 既存サイトの移行は慣れれば問題ない。案外できる。
 月額料金の設定が絶妙。売りや...
わたしからのリクエスト
 投稿画面のエディタにテーブル作成ボタンが欲しい
 プラン設定の画面に現在何GB利用しているか表示さ
せて欲しい
(ウェブサイト⇒設定⇒プラン)
 ダッシュボードを分かりやすく
期待される今後の対応予定
 お問い合わせフォームの追加
 ページネーション機能(ブログ記事のページ送り)
 ワークフロー(承認フロー)
 指定日非公開
 スマートフォン用投稿アプリ
 Data API(外部システム連携機能)
 更...
最後にひとこと
\(*T▽T*)/オネガイシマース♪
何でも出来ると思わないで―!
価格のことを考えたげてぇー!
(何でも出来たらMovable Type6 の立ち位置が...)
ご清聴ありがとうございました
(※このスライドは2015年3月19日の資料です)
Upcoming SlideShare
Loading in …5
×

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

1,470 views

Published on

「【MT東京-11】新CMS「MovableType.net」の全て × ピクセルグリッドの仕事術」のセッションに2で講演した資料です。
https://mt-tokyo.doorkeeper.jp/events/21193

Published in: Internet
  • Be the first to comment

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

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

×