2015年7月8日 Movable Type クラウド版のハンズオン資料です

1. 2015年7月24日
シックス・アパート株式会社
長内 毅志
Movable Type クラウド版
ハンズオンセミナー

2. •長内毅志
–2011年～ Movable Typeプロダクトマネージャー
–2014年～ ディベロッパーリレーションマネージャー
–ダンス、ジョギング、家族が大好きです。

3. まず最初に
–アカウント情報を元に、アクセスできるか確認しましょう。

4. アジェンダ
•Movable Type の特徴
•Movable Type の管理画面と基本操作
•Movable Type のテンプレート
•Movable Type クラウド版

5. Movable Type の特徴

6. Movable Typeとは
• 10年以上利用されているブログ・CMS(通称MT)
• MTタグ組み合わせでロジック生成
• テンプレートとDBが完全に分離している
(MVCライク)
• プラグインで拡張可能
• どんなコードも生成可能

7. 最新10件のブログ記事をリンク付きで生成
<ul>
<MT:Entries limit="10">
<li>
<a href="<MT:EntryPermalink>">
<MT:EntryTitle>
</a>
</li>
</MT:Entries>
</ul>

8. 特徴1
•静的生成でhtmlを出力
(スタティックパブリッシング)
•動的生成も対応可能
(ダイナミックパブリッシング)

9. •動的、静的生成どちらも対応することで、様々なサー
バー構成に対して柔軟に対応できる

10. 基本的な構成
公開サーバー兼
CMSサーバー
管理者
閲覧者
(サイト訪問者)

11. ステージング環境
ステージング
サーバー兼
CMSサーバー
公開
サーバー
管理者 閲覧者
(サイト訪問者)

12. 冗長構成
CMS
サーバー
公開
サーバー
（冗長構成）
ロード
バランサ

13. クラウド環境
–CMSサーバーをVMイメージで構築(Amazon EC2など)
–公開ページはコンテンツサーバーで構築
–AmazonS3 (Azure Webサイト) など
VMサーバー
AmazonEC2など
Amazon S3など

14. CDNを利用した構成
–CMSサーバーはVMイメージ n個で冗長構成
–公開コンテンツをストレージサーバーへ出力
–CDNを利用して世界各地にキャッシュ
DBサーバー
CDNサーバー

15. 特徴2
•柔軟なテンプレートタグ
–四則計算なども可能
•Data API で拡張可能
–データはJSON形式で出力、RESTで取得可能

16. 特徴3
•中小企業から中-大規模企業、官公庁まで幅広い導
入実績

17. Movable Typeの管理画面と
基本操作

18. 管理画面

19. ウェブサイトとブログの違い
• ウェブサイト…
「サイト」「ホームページ」全体を管理する仕組み
• ブログ…
ウェブサイトの中にある、更新頻度の高いコンテンツを管理する仕組み
「ブログ」「ニュースリリース」「IR情報」
「新製品紹介」など
参考リンク3：
http://www.movabletype.jp/documentation/mt6/websites/

20. 1つのWebサイトを構成する例

21. 複数のWebサイトを構成する例

22. ウェブページとブログ事の違い
• 記事…時間の経過と共に蓄積されるページ
例:日記、ニュースリリースなど
• ウェブページ…時間の経過と関係なく、階層構造に従い情
報を伝えるためのページ
例:会社概要、組織図、会社地図など
参考リンク4：
http://www.movabletype.jp/documentation/mt6/compose/

24. ダッシュボード

25. 記事の作成
記事 => 新規、もしくは新規作成

26. ハンズオン
•最初の記事を投稿してみましょう

28. Movable Type の
テンプレート

29. テンプレートとは
•Movable Typeのデータベースに保存されている各種
のデータを、htmlとして出力するための仕組み

30. DBのオブジェクトをタグで出力
<MTEntryTitle>
<MTEntryBody>
<MTEntryMore>

31. MTタグの実際

34. テンプレートの説明
• インデックステンプレート
–自由にどこでも単一ページを出力
• アーカイブテンプレート
–特定のルールに従い複数ページを出力
• テンプレートモジュール
–パーツ化して様々な形で共有使用
• システムテンプレート
–付属システムの出力部分を調整

35. テーマについての説明
•テーマとは
–デザインなどをワンクリックで変更する仕組み
–カスタムフィールドなどもまとめて設定できる

36. 画面
•デザイン => テーマ

37. ハンズオン
•テーマを変えてみましょう
–「Eiger」を選んで適用してみましょう
–再構築後、デザインを確認してみましょう
–確認後、テーマ「Rainier」を選んでデザインを変えましょう

39. テンプレート
デザイン => テンプレート

40. ハンズオン
•トップページの記事件数を、5件に変更してみましょう

41. • デザイン => テンプレート =>
インデックステンプレート => メインページ
• <mt:Entries limit="5" search_results="1">
–値を5に変更

42. Movable Type クラウド版

43. Movable Type クラウド版とは
•シックス・アパートがサーバー管理
•管理画面の動作が速く快適
•常に最新版を使用可能
•テクニカルサポート付き
•独自機能

44. MTクラウド版の構成
•nginx+PSGI
–管理画面、再構築ともに最適化されている
•各種機能を実装
–後述します

45. nginxとは
• ロシアで開発されたウェブサーバー
• Apacheに続く第二位のシェア(netcraft社、2012/03)
• 軽量、高速。メモリ使用量が少ない
• デメリットもある(.htaccessが使えないなど)

46. Movable Typeクラウド版
オリジナル機能の説明

47. MTクラウドのドキュメント
•http://www.movabletype.jp/documentation/cloud

48. php、cgi
•phpは一部利用可能
–phpinfoは制限
–MySQLへのアクセスは不可能
•CGI,plファイルは利用不可能

49. cronの実行間隔
•5分おきに実行します

50. サーバー配信機能

51. サーバー配信機能とは
•MTクラウドで生成したコンテンツを外部のサーバー
へ配信して公開する機能
•MTクラウドをステージング環境として利用可能
•FTP(S)で配信

52. サーバー配信機能
•設定=>サーバー配信

53. Basic認証

54. Basic認証でできること
•公開しているウェブサイト・ブログに対してBasic認証
の設定ができます
•ファイルに対しても設定できます
•複数設定が可能です

55. Basic認証
• システム=>クラウドサービス=>Basic認証

56. ハンズオン
•ウェブサイト・ブログにBasic認証をかけてみましょう
•サイトパスはMTクラウドで利用しているドメインを基
点として
「/」から相対パスで指定します

57. 設定例
設定例 認証設定したいURL 設定内容
サイト全体に Basic
認証を設定したい
http://www.example.com/ /
一部のディレクトリに
Basic 認証を設定した
い
http://www.example.com/secret/ /secret/
一部のファイルに
Basic 認証を設定した
い
http://www.example.com/secret/file.ht
ml
/secret/file.html
利用しているMTクラウドのドメインが
「www.example.com」の場合

58. HTTPリダイレクト

59. HTTPリダイレクトとは
•あるディレクトリやファイルへのアクセスを
、自動的に他のURLに転送する仕組み

60. HTTPリダイレクト
• システム =>
クラウドサービス => HTTPリダイレクト

61. ハンズオン
•ウェブサイトのindex.htmlをtest.htmlへリダイレクトし
てみましょう。
•例 www.example.com/inde.html
=>www.example.com/test.html

62. 環境のリストア

63. 環境のリストアでできること
•MTクラウドおよび公開済みのWebサイトのデータをす
べて任意の時点の状態に戻す機能

64. 環境のリストア
•システム => クラウドサービス =>
環境のリストア

65. ハンズオン
•ウェブサイト・ブログで記事を書いた後、バックアップ
データからデータリストアを行ってみましょう
•直前に書いた記事が消え、以前の状態に戻っている
ことが確認できますか？

66. 管理画面のセキュリティ設定

67. 管理画面のセキュリティ設定とは
•管理画面のURLを任意に変更することができます。

68. •システム => クラウドサービス =>
セキュリティ

69. ハンズオン
•管理画面のURLを任意に変更してみましょう
•変更後、一度ログアウトして再ログインしましょう

70. ハンズオン
•管理画面にBasic認証を設定してみましょう
•管理画面のURLを元に戻しておきましょう

71. MT環境変数

72. MT環境変数とは
•MTの環境変数を管理画面から設定するこ
とができます。
–http://www.movabletype.jp/documentation/append
ices/config-directives/
•設定不可能な環境変数もあります
–http://www.movabletype.jp/documentation/cloud/specific
ations/config-directives.html

73. •システム => クラウドサービス =>
MT環境変数

74. ハンズオン
•環境変数
「AssetFileExtensions」にjpgと設定し、.jpg
ファイル以外のアップロードを禁止してみ
ましょう
•.jpgファイル以外がアップロードできるか試
してみましょう

75. 参考
•AssetFileExtensions
–http://www.movabletype.jp/documentation/appendices/config-
directives/assetfileextensions.html

76. その他の機能

77. ディスクの使用量
•現在利用しているディスク容量が一目でわ
かるサービス
•システム =>
クラウドサービス =>
ディスクの使用量

78. 自動アップデート
•MTを自動的に最新版にアップデートする
機能。無効にすることも可能。

79. 2つの新機能
•IP制限
–管理画面、公開サイトへのアクセス制限が可能
•マルチドメイン対応
–S4i、S4g以上、10ドメインまで利用可能

80. サンドボックスサービス

81. サンドボックスサービスとは
•MTクラウドで構築した仮想マシンデータを
複製して使えるサービス

82. サービス利用料金
ご契約中のプランの月額料金1カ月分（＋消
費税）
サンドボックス利用可
能期間
お申し込み月の翌月末日まで
申し込み期限
毎月25日まで（25日が休業の場合は直前の
前の営業日）
※ 26日以降のお申し込みは翌月1日のお申
し込み扱いとなります。
作成可能なサンドボッ
クスの数
Movable Type クラウド版 １契約につき１つ
まで
お申し込み・お支払い方法

83. •http://www.sixapart.jp/movabletype/cloud/sandbox.
html

84. Movable Type
ソフトウェア版との違い

85. クラウド版でできて、ソフトウェア版でできないこと
•サーバー配信機能
•Basic認証
•HTTPリダイレクト
•環境リストア(定期バックアップ)
•自動バージョンアップ、他

86. ソフトウェア版でできて、クラウド版でできないこと
•ブログの公開パスに制限があります
–クラウド版は「/data/file/static」以下のみ
–FTPからアクセスすると「/static」ディレクトリのみ確
認できます

87. .htacessが使えない
•.htaccessの設定はできない
•各種の代替機能を実装
–リダイレクト
–Basic認証

88. •Movable Type のプログラムファイルの改変はできま
せん。
–alt-search、alt-tmpl などの設定は可能

89. •サーバーへのSSH接続は不許可
–クラウド版は許可していません
•一部環境変数は使用できない
–StaticWebPathなどのファイルシステム関連
–SQLSetNamesなど、DB関連

90. その他の制限事項
•http://www.sixapart.jp/movabletype/cloud/specifica
tion.html

91. ソフトウェア版からの
移行時のポイント

92. 留意点
•DBデータレベルの移行はできない
–MTの標準機能「バックアップと復元」を基本とした移行を
–移行後は「blogId」の変更に注意

93. 例
•MT5のサイトデータ移行
1. MT5のバックアップデータをMT5でバージョンを合わせて復元
1. バージョンに注意(5.13=>5.13など)
2. MT5からMT6へバージョンアップ
3. MTクラウドへ投入

94. コメントやトラックバックがない場合
•MTのテーマ機能+データのエクスポートによる移行も
選択肢

95. 移行用のテンプレート
•「バックアップと復元」や「エクスポート」が使えない場
合、テンプレートを利用したデータ作成という手があ
る
–https://github.com/movabletype/mt-
recipes/blob/master/Export%20entry%20data%20in%20MT%20for
mat.md

96. 留意点
•nginx+PSGIという環境
–Apacheの機能を多用したサイトの移行には注意が必要
–MTクラウドのリダイレクト・ベーシック認証をうまく活用

97. 価格

98. GMOプラン

99. IDCフロンティアプラン

100. 購入方法(仕入方法)

101. 購入経路
エンドユーザー様
UNIBaaS
ECバイ
ヤーズ
ソフトバンク
C&S
Movable Type クラウド版
制作・開発会社

102. 購入方法
1. ECバイヤーズ(ECサイト)からの購入
2. 既存の取引先からの購入
3. UNIBaaS参加企業からの購入

103. ECバイヤーズ(ECサイト)からの購入
• http://www.ecbuyers.com/sixapart/catalog/?cPath=6_91&prmcd=mt6_
cl_sa_20131017

104. ECバイヤーズとは
• ソフトバンク・テクノロジー(株)が運営するECサイト
• 個人でも企業でも購入可能
• 標準価格での販売

105. 既存の取引先からの購入
• MTクラウドは、ソフトバンク コマース＆サービス株式会社を経由し
て、一般に流通していますので、ソフトバンク コマース＆サービス
株式会社と取引口座を持つ販売会社から購入可能
• 販売価格は各販売会社へご確認ください

106. ソフトバンク コマース＆サービス社様からの仕入れ
• http://bbwebmarketing.jp/

107. UNIBaaS参加企業からの購入
• http://www.sixapart.jp/pronet/unibaas.html

108. UNIBaaSとは
• UNIBaaSは、シックス・アパートが提供する販売支援プラットフ
ォームです(CRM+MTクラウドのセットアップ機能)。
• UNIBaaSは、シックス・アパートのパートナープログラム「
ProNet」にご参加いただいている企業様であれば、参加可能
です。

109. UNIBaaSの特徴
• 利用中のバージョンを継続して利用可能
(バージョンアップの回避)
• サンドボックス機能を12時間に限り何度でも無料で使用可能

110. まとめ

111. 後半のまとめ
•Movable Type クラウド版は、快適な速度で使用でき
るように環境をチューン・アップしたサービス
•独自機能で管理画面から各種運用の支援が可能

112. MTコミュニティとイベント

113. •MT蝦夷
•MT東北
•MT東京
•MTなごや
•MT愛媛
•MT関西
•MT広島
•MT福岡
•MT長野
•MT ∗/ NIIGATA(新潟)

115. MTDDC Meetup TOKYO 2014

116. MTDDC Meetup TOHOKU 2015
•6月6日(日) 仙台で開催

117. Any Questions?