20160317 ichigaya mt_cloud_handson
TRANSCRIPT
2016 年 3 月 17 日シックス・アパート株式会社
長内 毅志
Movable Type クラウド版ハンズオンセミナー
•長内毅志–2011 年~ Movable Type プロダクトマネージャー
–2014 年~ ディベロッパーリレーションマネージャー
–ダンス、ジョギング、家族が大好きです。
まず最初に
–アカウント情報を元に、アクセスできるか確認しましょう
アジェンダ
• Movable Type の特徴
• 管理画面と基本操作
• クラウド版独自の機能を理解する
• プラグインとテーマ
Movable Type の特徴
Movable Type とは
• 10 年以上利用されているブログ・ CMS( 通称 MT)• MT タグ組み合わせでロジック生成
• テンプレートと DB が完全に分離している(MVC ライク )• プラグインで拡張可能
• どんなコードも生成可能
最新 10 件のブログ記事をリンク付きで生成
<ul> <MT:Entries limit="10"> <li> <a href="<MT:EntryPermalink>"> <MT:EntryTitle> </a> </li> </MT:Entries> </ul>
特徴 1
•静的生成で html を出力( スタティックパブリッシング )•動的生成も対応可能 ( ダイナミックパブリッシング )
•動的、静的生成どちらも対応することで、様々なサーバー構成に対して柔軟に対応できる
基本的な構成
公開サーバー兼CMS サーバー
管理者閲覧者
( サイト訪問者 )
ステージング環境
ステージングサーバー兼
CMS サーバー公開
サーバー管理者 閲覧者
( サイト訪問者 )
冗長構成
CMSサーバー
公開サーバー
(冗長構成)ロード
バランサ
クラウド環境
–CMS サーバーを VM イメージで構築 (Amazon EC2 など )–公開ページはコンテンツサーバーで構築
–AmazonS3 (Azure Web サイト ) など
VM サーバーAmazonEC2 など
Amazon S3 など
特徴 2
•柔軟なテンプレートタグ–四則計算なども可能
•Data API でデータを利用することが可能–データは JSON 形式で出力、 REST で取得可能
–独自アプリも開発可能
Data API を利用したアプリ例 :Movable Type Writer
Data API を利用したアプリ例 :Movable Type for iOS
Data API を利用したサイト実装例 : 東京書籍様
特徴 3
•中小企業から中 - 大規模企業、官公庁まで幅広い導入実績
事例集
•http://www.sixapart.jp/business
Movable Type の管理画面と
基本操作
管理画面
ウェブサイトとブログの違い
• ウェブサイト…「サイト」「ホームページ」全体を管理する仕組み
• ブログ…ウェブサイトの中にある、更新頻度の高いコンテンツを管理する仕組み「ブログ」「ニュースリリース」「 IR 情報」「新製品紹介」など
参考リンク 3 :http://www.movabletype.jp/documentation/mt6/websites/
1 つの Web サイトを構成する例
複数の Web サイトを構成する例
ダッシュボード
記事の作成
記事 => 新規、もしくは新規作成
ハンズオン
•最初の記事を投稿してみましょう
クラウド版独自の機能を理解する
Movable Type クラウド版とは
•シックス・アパートがサーバー管理
•管理画面の動作が速く快適
•常に最新版を使用可能
•テクニカルサポート付き
•独自機能
MT クラウド版の構成
•nginx+PSGI–管理画面、再構築ともに最適化されている
•各種機能を実装–後述します
nginx とは
• ロシアで開発されたウェブサーバー
• Apache に続く第二位のシェア (netcraft 社、 2012/03)• 軽量、高速。メモリ使用量が少ない
• デメリットもある (.htaccess が使えないなど )
Movable Type クラウド版
オリジナル機能の説明
MT クラウドのドキュメント
•http://www.movabletype.jp/documentation/cloud
サーバー配信機能
サーバー配信機能とは
•MT クラウドで生成したコンテンツを外部のサーバーへ配信して公開する機能
•MT クラウドをステージング環境として利用可能
•FTP(S) で配信
サーバー配信機能
•設定 => サーバー配信
Basic 認証
Basic 認証でできること
•公開しているウェブサイト・ブログに対してBasic 認証の設定ができます
•ファイルに対しても設定できます
•複数設定が可能です
Basic 認証
•ウェブサイトからクラウドサービス =>Basic 認証
ハンズオン
•ウェブサイト・ブログに Basic 認証をかけてみましょう
•サイトパスは MT クラウドで利用しているドメインを基点として「 / 」から相対パスで指定します
設定例
設定例 認証設定したい URL 設定内容サイト全体に Basic 認証を設定したい
http://www.example.com/ /
一部のディレクトリに Basic 認証を設定したい
http://www.example.com/secret/ /secret/
一部のファイルに Basic 認証を設定したい
http://www.example.com/secret/file.html /secret/file.html
利用している MT クラウドのドメインが「 www.example.com 」の場合
HTTP リダイレクト
HTTP リダイレクトとは
•あるディレクトリやファイルへのアクセスを、自動的に他の URL に転送する仕組み
HTTP リダイレクト
•ウェブサイトからクラウドサービス => HTTP リダイレクト
ハンズオン
•ウェブサイトの index.html を Yahoo! へリダイレクトしてみましょう。
• / => http://www.yahoo.co.jp
管理画面のセキュリティ設定
ブルートフォースアタック (総当り攻撃 )
イラスト:「 2014 年版 情報セキュリティ 10 大脅威」よりhttp://www.ipa.go.jp/security/vuln/10threats2014.html
ブルートフォースの例
[30/Aug/2014:22:09:48 +0900] "POST /wp-login.php HTTP/1.0" 200 5529 "-" "-"[30/Aug/2014:22:09:49 +0900] "POST /wp-login.php HTTP/1.0" 200 5529 "-" "-"[30/Aug/2014:22:09:50 +0900] "POST /wp-login.php HTTP/1.0" 200 5529 "-" "-"
[30/Aug/2014:22:09:53 +0900] "POST /mt.cgi HTTP/1.0" 200 5529 "-" "-"[30/Aug/2014:22:09:54 +0900] "POST /mt.cgi HTTP/1.0" 200 5529 "-" "-"[30/Aug/2014:22:09:55 +0900] "POST /mt.cgi HTTP/1.0" 200 5529 "-" "-"[30/Aug/2014:22:09:56 +0900] "POST /mt.cgi HTTP/1.0" 200 5529 "-" "-"[30/Aug/2014:22:09:58 +0900] "POST /mt.cgi HTTP/1.0" 200 5529 "-" "-"
コード内の識別情報
管理画面のセキュリティ設定とは
•管理画面の URL を任意に変更することができます
•システム => クラウドサービス => セキュリティ
ハンズオン
•管理画面の URL を任意に変更してみましょう
•変更後、一度ログアウトして再ログインしましょう
ハンズオン
•管理画面に Basic 認証を設定してみましょう
•管理画面の URL を元に戻しておきましょう
MT 環境変数
MT 環境変数とは
•MT の環境変数を管理画面から設定することができます。–http://www.movabletype.jp/documentation/appendices/config-directives/
•設定不可能な環境変数もあります–http://www.movabletype.jp/documentation/cloud/specifications/config-directives.html
•システム => クラウドサービス =>MT 環境変数
ハンズオン
•環境変数「 AssetFileExtensions 」に jpg と設定し、 .jpgファイル以外のアップロードを禁止してみましょう
• .jpgファイル以外がアップロードできるか試してみましょう
参考
•AssetFileExtensions–http://www.movabletype.jp/documentation/appendices/config-directives/assetfileextensions.html
環境のリストア
環境のリストアでできること
•MT クラウドおよび公開済みの Web サイトのデータをすべて任意の時点の状態に戻す機能
環境のリストア
•システム => クラウドサービス => 環境のリストア
ハンズオン
•ウェブサイト・ブログで記事を書いた後、バックアップデータからデータリストアを行ってみましょう
•最初の状態に戻っていることが確認できますか?
その他の機能
ディスクの使用量
•現在利用しているディスク容量が一目でわかるサービス
•システム =>クラウドサービス =>ディスクの使用量
自動アップデート
•MT を自動的に最新版にアップデートする機能。無効にすることも可能。
サンドボックスサービス
サンドボックスサービスとは
•MT クラウドで構築した仮想マシンデータを複製して使えるサービス
サービス利用料金ご契約中のプランの月額料金 1 カ月分(+消費税)
サンドボックス利用可能期間 お申し込み月の翌月末日まで
申し込み期限
毎月 25 日まで( 25 日が休業の場合は直前の前の営業日)※ 26 日以降のお申し込みは翌月 1 日のお申し込み扱いとなります。
作成可能なサンドボックスの数
Movable Type クラウド版 1契約につき1つまで
お申し込み・お支払い方法
•http://www.sixapart.jp/movabletype/cloud/sandbox.html
Movable Typeソフトウェア版との違い
クラウド版でできて、ソフトウェア版でできないこと
•サーバー配信機能
•Basic 認証
•HTTP リダイレクト
•環境リストア ( 定期バックアップ )•自動バージョンアップ、他
ソフトウェア版でできて、クラウド版でできないこと
•ブログの公開パスに制限があります
–クラウド版は「 /data/file/static 」以下のみ
–FTP からアクセスすると「 /static 」ディレクトリのみ確認できます
.htacess が使えない
• .htaccess の設定はできない
•各種の代替機能を実装–リダイレクト
–Basic 認証
•Movable Type のプログラムファイルの改変はできません。–alt-search 、 alt-tmpl などの設定は可能
•サーバーへの SSH接続は不許可–クラウド版は許可していません
•一部環境変数は使用できない–StaticWebPath などのファイルシステム関連
–SQLSetNames など、 DB関連
その他の制限事項
•http://www.sixapart.jp/movabletype/cloud/specification.html
ソフトウェア版からの
移行時のポイント
留意点
•DB データレベルの移行はできない–MT の標準機能「バックアップと復元」を基本とした移行を
–移行後は「 blogId 」の変更に注意
例
•MT5 のサイトデータ移行1. MT5 のバックアップデータを MT5 でバージョンを合わ
せて復元1. バージョンに注意 (5.13=>5.13 など )
2. MT5 から MT6 へバージョンアップ
3. MT クラウドへ投入
コメントやトラックバックがない場合
•MT のテーマ機能 + データのエクスポートによる移行も選択肢
移行用のテンプレート
•「バックアップと復元」や「エクスポート」が使えない場合、テンプレートを利用したデータ作成という手がある–https://github.com/movabletype/mt-recipes/blob/master/Export%20entry%20data%20in%20MT%20format.md
留意点
•nginx+PSGI という環境–Apache の機能を多用したサイトの移行には注意が必要
–MT クラウドのリダイレクト・ベーシック認証をうまく活用
価格
IDCフロンティアプラン
購入方法 ( 仕入方法 )
購入経路
エンドユーザー様
UNIBaaSEC バイヤーズ
ソフトバンク C&S
Movable Type クラウド版
制作・開発会社
購入方法
1. EC バイヤーズ (EC サイト ) からの購入
2. 既存の取引先からの購入
3. UNIBaaS参加企業からの購入
EC バイヤーズ (EC サイト ) からの購入
• http://www.ecbuyers.com/sixapart/catalog/?cPath=6_91&prmcd=mt6_cl_sa_20131017
EC バイヤーズとは
•ソフトバンク・テクノロジー ( 株 ) が運営する EC サイト
•個人でも企業でも購入可能
•標準価格での販売
既存の取引先からの購入
• MT クラウドは、ソフトバンク コマース&サービス株式会社を経由して、一般に流通していますので、ソフトバンク コマース&サービス株式会社と取引口座を持つ販売会社から購入可能
•販売価格は各販売会社へご確認ください
ソフトバンク コマース&サービス社様からの仕入れ
• http://bbwebmarketing.jp/
UNIBaaS参加企業からの購入
• http://www.sixapart.jp/pronet/unibaas.html
UNIBaaS とは• UNIBaaS は、シックス・アパートが提供する販売支援
プラットフォームです (CRM+MT クラウドのセットアップ機能 ) 。
• UNIBaaS は、シックス・アパートのパートナープログラム「 ProNet 」にご参加いただいている企業様であれば、参加可能です。
UNIBaaS の特徴• 利用中のバージョンを継続して利用可能
( バージョンアップの回避 )• サンドボックス機能を 12時間に限り何度でも無料で使
用可能
プラグインとテーマサイト
• http://plugins.movabletype.jp
事業会社による各種のソリューション
• http://www.sixapart.jp/movabletype/solutions/
GitHub
•mt-theme-XXXX•mt-plugins-XXXX
プラグインの開発方法
• https://github.com/movabletype/Documentation/wiki/Japanese-developer-guide
テーマの開発
• http://www.movabletype.jp/documentation/#designer-guide
人気のあるプラグイン (Movable Type プラデミー賞 )
• http://www.movabletype.jp/blog/pludemy-goes-to.html
MT コミュニティとイベント
•MT蝦夷•MT 東北
•MT 東京
•MT なごや
•MT愛媛•MT鹿児島
•MT関西•MT 広島
•MT福岡•MT 長野
•MT / NIIGATA(∗ 新潟 )
•MT SAGA
MTDDC Meetup TOKYO 2015
各地で勉強会開催中
•ぜひご参加ください!
Any Questions?