20160317 ichigaya mt_cloud_handson

107
2016 年 3 年 17 年 年年年年 年年年年年年年年 年年 年年 Movable Type 年年年年年 年年年年年年年年年

Upload: six-apart

Post on 09-Jan-2017

220 views

Category:

Software


0 download

TRANSCRIPT

Page 1: 20160317 ichigaya mt_cloud_handson

2016 年 3 月 17 日シックス・アパート株式会社

長内 毅志

Movable Type クラウド版ハンズオンセミナー

Page 2: 20160317 ichigaya mt_cloud_handson

•長内毅志–2011 年~  Movable Type プロダクトマネージャー

–2014 年~ ディベロッパーリレーションマネージャー

–ダンス、ジョギング、家族が大好きです。

Page 3: 20160317 ichigaya mt_cloud_handson

まず最初に

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

Page 4: 20160317 ichigaya mt_cloud_handson

アジェンダ

• Movable Type の特徴

• 管理画面と基本操作

• クラウド版独自の機能を理解する

• プラグインとテーマ

Page 5: 20160317 ichigaya mt_cloud_handson

Movable Type の特徴

Page 6: 20160317 ichigaya mt_cloud_handson

Movable Type とは

• 10 年以上利用されているブログ・ CMS( 通称 MT)• MT タグ組み合わせでロジック生成

• テンプレートと DB が完全に分離している(MVC ライク )• プラグインで拡張可能

• どんなコードも生成可能

Page 7: 20160317 ichigaya mt_cloud_handson

最新 10 件のブログ記事をリンク付きで生成

<ul> <MT:Entries limit="10"> <li> <a href="<MT:EntryPermalink>">   <MT:EntryTitle> </a> </li> </MT:Entries> </ul>

Page 8: 20160317 ichigaya mt_cloud_handson

特徴 1

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

Page 9: 20160317 ichigaya mt_cloud_handson

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

Page 10: 20160317 ichigaya mt_cloud_handson

基本的な構成

公開サーバー兼CMS サーバー

管理者閲覧者

( サイト訪問者 )

Page 11: 20160317 ichigaya mt_cloud_handson

ステージング環境

ステージングサーバー兼

CMS サーバー公開

サーバー管理者 閲覧者

( サイト訪問者 )

Page 12: 20160317 ichigaya mt_cloud_handson

冗長構成

CMSサーバー

公開サーバー

(冗長構成)ロード

バランサ

Page 13: 20160317 ichigaya mt_cloud_handson

クラウド環境

–CMS サーバーを VM イメージで構築 (Amazon EC2 など )–公開ページはコンテンツサーバーで構築

–AmazonS3 (Azure Web サイト ) など

VM サーバーAmazonEC2 など

Amazon S3 など

Page 14: 20160317 ichigaya mt_cloud_handson

特徴 2

•柔軟なテンプレートタグ–四則計算なども可能

•Data API でデータを利用することが可能–データは JSON 形式で出力、 REST で取得可能

–独自アプリも開発可能

Page 15: 20160317 ichigaya mt_cloud_handson

Data API を利用したアプリ例 :Movable Type Writer

Page 16: 20160317 ichigaya mt_cloud_handson

Data API を利用したアプリ例 :Movable Type for iOS

Page 17: 20160317 ichigaya mt_cloud_handson

Data API を利用したサイト実装例 : 東京書籍様

Page 18: 20160317 ichigaya mt_cloud_handson

特徴 3

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

Page 19: 20160317 ichigaya mt_cloud_handson

事例集

•http://www.sixapart.jp/business

Page 20: 20160317 ichigaya mt_cloud_handson

Movable Type の管理画面と

基本操作

Page 21: 20160317 ichigaya mt_cloud_handson

管理画面

Page 22: 20160317 ichigaya mt_cloud_handson

ウェブサイトとブログの違い

• ウェブサイト…「サイト」「ホームページ」全体を管理する仕組み

• ブログ…ウェブサイトの中にある、更新頻度の高いコンテンツを管理する仕組み「ブログ」「ニュースリリース」「 IR 情報」「新製品紹介」など

参考リンク 3 :http://www.movabletype.jp/documentation/mt6/websites/

Page 23: 20160317 ichigaya mt_cloud_handson

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

Page 24: 20160317 ichigaya mt_cloud_handson

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

Page 25: 20160317 ichigaya mt_cloud_handson

ダッシュボード

Page 26: 20160317 ichigaya mt_cloud_handson

記事の作成

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

Page 27: 20160317 ichigaya mt_cloud_handson

ハンズオン

•最初の記事を投稿してみましょう

Page 28: 20160317 ichigaya mt_cloud_handson
Page 29: 20160317 ichigaya mt_cloud_handson

クラウド版独自の機能を理解する

Page 30: 20160317 ichigaya mt_cloud_handson

Movable Type クラウド版とは

•シックス・アパートがサーバー管理

•管理画面の動作が速く快適

•常に最新版を使用可能

•テクニカルサポート付き

•独自機能

Page 31: 20160317 ichigaya mt_cloud_handson

MT クラウド版の構成

•nginx+PSGI–管理画面、再構築ともに最適化されている

•各種機能を実装–後述します

Page 32: 20160317 ichigaya mt_cloud_handson

nginx とは

• ロシアで開発されたウェブサーバー

• Apache に続く第二位のシェア (netcraft 社、 2012/03)• 軽量、高速。メモリ使用量が少ない

• デメリットもある (.htaccess が使えないなど )

Page 33: 20160317 ichigaya mt_cloud_handson

Movable Type クラウド版

オリジナル機能の説明

Page 34: 20160317 ichigaya mt_cloud_handson

MT クラウドのドキュメント

•http://www.movabletype.jp/documentation/cloud

Page 35: 20160317 ichigaya mt_cloud_handson

サーバー配信機能

Page 36: 20160317 ichigaya mt_cloud_handson

サーバー配信機能とは

•MT クラウドで生成したコンテンツを外部のサーバーへ配信して公開する機能

•MT クラウドをステージング環境として利用可能

•FTP(S) で配信

Page 37: 20160317 ichigaya mt_cloud_handson

サーバー配信機能

•設定 => サーバー配信

Page 38: 20160317 ichigaya mt_cloud_handson

Basic 認証

Page 39: 20160317 ichigaya mt_cloud_handson

Basic 認証でできること

•公開しているウェブサイト・ブログに対してBasic 認証の設定ができます

•ファイルに対しても設定できます

•複数設定が可能です

Page 40: 20160317 ichigaya mt_cloud_handson

Basic 認証

•ウェブサイトからクラウドサービス =>Basic 認証

Page 41: 20160317 ichigaya mt_cloud_handson

ハンズオン

•ウェブサイト・ブログに Basic 認証をかけてみましょう

•サイトパスは MT クラウドで利用しているドメインを基点として「 / 」から相対パスで指定します

Page 42: 20160317 ichigaya mt_cloud_handson

設定例

設定例 認証設定したい 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 」の場合

Page 43: 20160317 ichigaya mt_cloud_handson

HTTP リダイレクト

Page 44: 20160317 ichigaya mt_cloud_handson

HTTP リダイレクトとは

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

Page 45: 20160317 ichigaya mt_cloud_handson

HTTP リダイレクト

•ウェブサイトからクラウドサービス => HTTP リダイレクト

Page 46: 20160317 ichigaya mt_cloud_handson

ハンズオン

•ウェブサイトの index.html を Yahoo! へリダイレクトしてみましょう。

•  / => http://www.yahoo.co.jp

Page 47: 20160317 ichigaya mt_cloud_handson

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

Page 48: 20160317 ichigaya mt_cloud_handson

ブルートフォースアタック (総当り攻撃 )

イラスト:「 2014 年版 情報セキュリティ 10 大脅威」よりhttp://www.ipa.go.jp/security/vuln/10threats2014.html

Page 49: 20160317 ichigaya mt_cloud_handson

ブルートフォースの例

[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 "-" "-"

Page 50: 20160317 ichigaya mt_cloud_handson

コード内の識別情報

Page 51: 20160317 ichigaya mt_cloud_handson

管理画面のセキュリティ設定とは

•管理画面の URL を任意に変更することができます

Page 52: 20160317 ichigaya mt_cloud_handson

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

Page 53: 20160317 ichigaya mt_cloud_handson

ハンズオン

•管理画面の URL を任意に変更してみましょう

•変更後、一度ログアウトして再ログインしましょう

Page 54: 20160317 ichigaya mt_cloud_handson

ハンズオン

•管理画面に Basic 認証を設定してみましょう

•管理画面の URL を元に戻しておきましょう

Page 55: 20160317 ichigaya mt_cloud_handson

MT 環境変数

Page 56: 20160317 ichigaya mt_cloud_handson

MT 環境変数とは

•MT の環境変数を管理画面から設定することができます。–http://www.movabletype.jp/documentation/appendices/config-directives/

•設定不可能な環境変数もあります–http://www.movabletype.jp/documentation/cloud/specifications/config-directives.html

Page 57: 20160317 ichigaya mt_cloud_handson

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

Page 58: 20160317 ichigaya mt_cloud_handson

ハンズオン

•環境変数「 AssetFileExtensions 」に jpg と設定し、 .jpgファイル以外のアップロードを禁止してみましょう

• .jpgファイル以外がアップロードできるか試してみましょう

Page 59: 20160317 ichigaya mt_cloud_handson

参考

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

Page 60: 20160317 ichigaya mt_cloud_handson

環境のリストア

Page 61: 20160317 ichigaya mt_cloud_handson

環境のリストアでできること

•MT クラウドおよび公開済みの Web サイトのデータをすべて任意の時点の状態に戻す機能

Page 62: 20160317 ichigaya mt_cloud_handson

環境のリストア

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

Page 63: 20160317 ichigaya mt_cloud_handson

ハンズオン

•ウェブサイト・ブログで記事を書いた後、バックアップデータからデータリストアを行ってみましょう

•最初の状態に戻っていることが確認できますか?

Page 64: 20160317 ichigaya mt_cloud_handson

その他の機能

Page 65: 20160317 ichigaya mt_cloud_handson

ディスクの使用量

•現在利用しているディスク容量が一目でわかるサービス

•システム =>クラウドサービス =>ディスクの使用量

Page 66: 20160317 ichigaya mt_cloud_handson

自動アップデート

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

Page 67: 20160317 ichigaya mt_cloud_handson

サンドボックスサービス

Page 68: 20160317 ichigaya mt_cloud_handson

サンドボックスサービスとは

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

Page 69: 20160317 ichigaya mt_cloud_handson

サービス利用料金ご契約中のプランの月額料金 1 カ月分(+消費税)

サンドボックス利用可能期間 お申し込み月の翌月末日まで

申し込み期限

毎月 25 日まで( 25 日が休業の場合は直前の前の営業日)※ 26 日以降のお申し込みは翌月 1 日のお申し込み扱いとなります。

作成可能なサンドボックスの数

Movable Type クラウド版 1契約につき1つまで

お申し込み・お支払い方法

Page 70: 20160317 ichigaya mt_cloud_handson

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

Page 71: 20160317 ichigaya mt_cloud_handson

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

Page 72: 20160317 ichigaya mt_cloud_handson

クラウド版でできて、ソフトウェア版でできないこと

•サーバー配信機能

•Basic 認証

•HTTP リダイレクト

•環境リストア ( 定期バックアップ )•自動バージョンアップ、他

Page 73: 20160317 ichigaya mt_cloud_handson

ソフトウェア版でできて、クラウド版でできないこと

•ブログの公開パスに制限があります

–クラウド版は「 /data/file/static 」以下のみ

–FTP からアクセスすると「 /static 」ディレクトリのみ確認できます

Page 74: 20160317 ichigaya mt_cloud_handson

.htacess が使えない

• .htaccess の設定はできない

•各種の代替機能を実装–リダイレクト

–Basic 認証

Page 75: 20160317 ichigaya mt_cloud_handson

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

Page 76: 20160317 ichigaya mt_cloud_handson

•サーバーへの SSH接続は不許可–クラウド版は許可していません

•一部環境変数は使用できない–StaticWebPath などのファイルシステム関連

–SQLSetNames など、 DB関連

Page 77: 20160317 ichigaya mt_cloud_handson

その他の制限事項

•http://www.sixapart.jp/movabletype/cloud/specification.html

Page 78: 20160317 ichigaya mt_cloud_handson

ソフトウェア版からの

移行時のポイント

Page 79: 20160317 ichigaya mt_cloud_handson

留意点

•DB データレベルの移行はできない–MT の標準機能「バックアップと復元」を基本とした移行を

–移行後は「 blogId 」の変更に注意

Page 80: 20160317 ichigaya mt_cloud_handson

•MT5 のサイトデータ移行1. MT5 のバックアップデータを MT5 でバージョンを合わ

せて復元1. バージョンに注意 (5.13=>5.13 など )

2. MT5 から MT6 へバージョンアップ

3. MT クラウドへ投入

Page 81: 20160317 ichigaya mt_cloud_handson

コメントやトラックバックがない場合

•MT のテーマ機能 + データのエクスポートによる移行も選択肢

Page 82: 20160317 ichigaya mt_cloud_handson

移行用のテンプレート

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

Page 83: 20160317 ichigaya mt_cloud_handson

留意点

•nginx+PSGI という環境–Apache の機能を多用したサイトの移行には注意が必要

–MT クラウドのリダイレクト・ベーシック認証をうまく活用

Page 84: 20160317 ichigaya mt_cloud_handson

価格

Page 85: 20160317 ichigaya mt_cloud_handson

IDCフロンティアプラン

Page 86: 20160317 ichigaya mt_cloud_handson

購入方法 ( 仕入方法 )

Page 87: 20160317 ichigaya mt_cloud_handson

購入経路

エンドユーザー様

UNIBaaSEC バイヤーズ

ソフトバンク C&S

Movable Type クラウド版

制作・開発会社

Page 88: 20160317 ichigaya mt_cloud_handson

購入方法

1. EC バイヤーズ (EC サイト ) からの購入

2. 既存の取引先からの購入

3. UNIBaaS参加企業からの購入

Page 89: 20160317 ichigaya mt_cloud_handson

EC バイヤーズ (EC サイト ) からの購入

• http://www.ecbuyers.com/sixapart/catalog/?cPath=6_91&prmcd=mt6_cl_sa_20131017

Page 90: 20160317 ichigaya mt_cloud_handson

EC バイヤーズとは

•ソフトバンク・テクノロジー ( 株 ) が運営する EC サイト

•個人でも企業でも購入可能

•標準価格での販売

Page 91: 20160317 ichigaya mt_cloud_handson

既存の取引先からの購入

• MT クラウドは、ソフトバンク コマース&サービス株式会社を経由して、一般に流通していますので、ソフトバンク コマース&サービス株式会社と取引口座を持つ販売会社から購入可能

•販売価格は各販売会社へご確認ください

Page 92: 20160317 ichigaya mt_cloud_handson

ソフトバンク コマース&サービス社様からの仕入れ

• http://bbwebmarketing.jp/

Page 93: 20160317 ichigaya mt_cloud_handson

UNIBaaS参加企業からの購入

• http://www.sixapart.jp/pronet/unibaas.html

Page 94: 20160317 ichigaya mt_cloud_handson

UNIBaaS とは• UNIBaaS は、シックス・アパートが提供する販売支援

プラットフォームです (CRM+MT クラウドのセットアップ機能 ) 。

• UNIBaaS は、シックス・アパートのパートナープログラム「 ProNet 」にご参加いただいている企業様であれば、参加可能です。

Page 95: 20160317 ichigaya mt_cloud_handson

UNIBaaS の特徴• 利用中のバージョンを継続して利用可能

( バージョンアップの回避 )• サンドボックス機能を 12時間に限り何度でも無料で使

用可能

Page 96: 20160317 ichigaya mt_cloud_handson

プラグインとテーマサイト

• http://plugins.movabletype.jp

Page 97: 20160317 ichigaya mt_cloud_handson

事業会社による各種のソリューション

• http://www.sixapart.jp/movabletype/solutions/

Page 98: 20160317 ichigaya mt_cloud_handson

GitHub

•mt-theme-XXXX•mt-plugins-XXXX

Page 99: 20160317 ichigaya mt_cloud_handson

プラグインの開発方法

• https://github.com/movabletype/Documentation/wiki/Japanese-developer-guide

Page 100: 20160317 ichigaya mt_cloud_handson

テーマの開発

• http://www.movabletype.jp/documentation/#designer-guide

Page 101: 20160317 ichigaya mt_cloud_handson

人気のあるプラグイン (Movable Type プラデミー賞 )

• http://www.movabletype.jp/blog/pludemy-goes-to.html

Page 102: 20160317 ichigaya mt_cloud_handson

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

Page 103: 20160317 ichigaya mt_cloud_handson

•MT蝦夷•MT 東北

•MT 東京

•MT なごや

•MT愛媛•MT鹿児島

•MT関西•MT 広島

•MT福岡•MT 長野

•MT / NIIGATA(∗ 新潟 )

•MT SAGA

Page 104: 20160317 ichigaya mt_cloud_handson
Page 105: 20160317 ichigaya mt_cloud_handson

MTDDC Meetup TOKYO 2015

Page 106: 20160317 ichigaya mt_cloud_handson

各地で勉強会開催中

•ぜひご参加ください!

Page 107: 20160317 ichigaya mt_cloud_handson

Any Questions?