SlideShare ist ein Scribd-Unternehmen logo
1 von 95
2018年2月14日
シックス・アパート株式会社
長内 毅志
MOVABLE TYPE クラウド版
ハンズオンセミナー
自己紹介
■ 長内毅志
– 仕事
Movable Type ディベロッパーリレーションマネージャー
エバンジェリスト
– 趣味
ダンス (ストリート、ジャズ)
ジョギング (サブフォー)
英語の勉強 (TOEIC 875, 英検準1級)
家族と過ごすこと
まず最初に
– アカウント情報を元に、アクセスできるか確認しま
しょう
アジェンダ
■ 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、IISに続くシェア (netcraft社、2016/09)
■ 軽量、高速。メモリ使用量が少ない
■ デメリットもある(.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.ht
ml
/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/appe
ndices/config-directives/
■ 設定不可能な環境変数もあります
– http://www.movabletype.jp/documentation/cloud/specifi
cations/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/specifica
tion.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%20i
n%20MT%20format.md
留意点
■ nginx+PSGIという環境
– Apacheの機能を多用したサイトの移行には注意が
必要
– MTクラウドのリダイレクト・ベーシック認証をう
まく活用
■ 価格
プライベートプラン
■ より大規模なサイトを運用の場合、個別相談をお受け
します。
購入方法(仕入方法)
購入経路
エンドユーザー様
ECバイヤーズ/ソフトバンクC&S
Movable Type クラウド版
制作・開発会社
購入方法
1. ECバイヤーズ(ECサイト)からの購入
2. 既存の取引先からの購入
ECバイヤーズ(ECサイト)からの購入
■ https://store.ecbuyers.com/sixapart/movabletype/
ECバイヤーズとは
■ ソフトバンク・テクノロジー(株)が運営するEC
サイト
■ 個人でも企業でも購入可能
■ 標準価格での販売
既存の取引先からの購入
■ MTクラウドは、ソフトバンク コマース&サービス株
式会社を経由して、一般に流通していますので、ソフ
トバンク コマース&サービス株式会社と取引口座を持
つ販売会社から購入可能
■ 販売価格は各販売会社へご確認ください
ソフトバンク コマース&サービス社様からの
仕入れ
■ http://bbwebmarketing.jp/
Any Questions?

Weitere ähnliche Inhalte

Ähnlich wie 20180214 okubo mt_cloud_handson

Movable typeseminar 20120925
Movable typeseminar 20120925Movable typeseminar 20120925
Movable typeseminar 20120925
Six Apart
 
Movable type seminar 20120703
Movable type seminar 20120703Movable type seminar 20120703
Movable type seminar 20120703
Six Apart
 

Ähnlich wie 20180214 okubo mt_cloud_handson (20)

20140926 mt cloud_handson_seminar
20140926 mt cloud_handson_seminar20140926 mt cloud_handson_seminar
20140926 mt cloud_handson_seminar
 
20151207 shibuya handson
20151207 shibuya handson20151207 shibuya handson
20151207 shibuya handson
 
20160720 okubo mt_cloud_handson
20160720 okubo mt_cloud_handson20160720 okubo mt_cloud_handson
20160720 okubo mt_cloud_handson
 
Movable typeseminar 20120925
Movable typeseminar 20120925Movable typeseminar 20120925
Movable typeseminar 20120925
 
[Japan Tech summit 2017] MAI 003
[Japan Tech summit 2017] MAI 003[Japan Tech summit 2017] MAI 003
[Japan Tech summit 2017] MAI 003
 
Dep009 ie のままじゃダメな
Dep009 ie のままじゃダメなDep009 ie のままじゃダメな
Dep009 ie のままじゃダメな
 
20180723 okubo mtc_loud_handson
20180723 okubo mtc_loud_handson20180723 okubo mtc_loud_handson
20180723 okubo mtc_loud_handson
 
20180702 okubo mtc_loud_handson
20180702 okubo mtc_loud_handson20180702 okubo mtc_loud_handson
20180702 okubo mtc_loud_handson
 
20160125 power cms_cloud_public
20160125 power cms_cloud_public20160125 power cms_cloud_public
20160125 power cms_cloud_public
 
2013 Ignite UI 最新情報 in 岡山
2013 Ignite UI 最新情報 in 岡山2013 Ignite UI 最新情報 in 岡山
2013 Ignite UI 最新情報 in 岡山
 
20160208 power cms_cloud_public
20160208 power cms_cloud_public20160208 power cms_cloud_public
20160208 power cms_cloud_public
 
激白!GROWI.cloudの可用性向上の取り組み【WESEEK Tech Conf #16】
激白!GROWI.cloudの可用性向上の取り組み【WESEEK Tech Conf #16】激白!GROWI.cloudの可用性向上の取り組み【WESEEK Tech Conf #16】
激白!GROWI.cloudの可用性向上の取り組み【WESEEK Tech Conf #16】
 
20140924 mt cloud_handson_seminar
20140924 mt cloud_handson_seminar20140924 mt cloud_handson_seminar
20140924 mt cloud_handson_seminar
 
20160121 hachioji mt_cloud_handson
20160121 hachioji mt_cloud_handson20160121 hachioji mt_cloud_handson
20160121 hachioji mt_cloud_handson
 
20160209 power cms_cloud_public
20160209 power cms_cloud_public20160209 power cms_cloud_public
20160209 power cms_cloud_public
 
Mon, Muninによる楽々監視生活
Mon, Muninによる楽々監視生活Mon, Muninによる楽々監視生活
Mon, Muninによる楽々監視生活
 
20150708 cloud handson
20150708 cloud handson20150708 cloud handson
20150708 cloud handson
 
「html5 boilerplate」から考える、これからのマークアップ
「html5 boilerplate」から考える、これからのマークアップ「html5 boilerplate」から考える、これからのマークアップ
「html5 boilerplate」から考える、これからのマークアップ
 
Movable type seminar 20120703
Movable type seminar 20120703Movable type seminar 20120703
Movable type seminar 20120703
 
IE のままじゃダメなの? ~ Microsoft Edge のメリットとこれからを見据えた Web システム運用のテクニック ~
IE のままじゃダメなの? ~ Microsoft Edge のメリットとこれからを見据えた Web システム運用のテクニック ~IE のままじゃダメなの? ~ Microsoft Edge のメリットとこれからを見据えた Web システム運用のテクニック ~
IE のままじゃダメなの? ~ Microsoft Edge のメリットとこれからを見据えた Web システム運用のテクニック ~
 

Mehr von Six Apart

Mehr von Six Apart (20)

20180709 pronet study
20180709 pronet study20180709 pronet study
20180709 pronet study
 
20180709 aws handson_public
20180709 aws handson_public20180709 aws handson_public
20180709 aws handson_public
 
20180625 dev relenglish_public
20180625 dev relenglish_public20180625 dev relenglish_public
20180625 dev relenglish_public
 
20180628 sappor alibaba_event
20180628 sappor alibaba_event20180628 sappor alibaba_event
20180628 sappor alibaba_event
 
20180411 monaca ug_lt
20180411 monaca ug_lt20180411 monaca ug_lt
20180411 monaca ug_lt
 
20180326 mt azure_handson_translation
20180326 mt azure_handson_translation20180326 mt azure_handson_translation
20180326 mt azure_handson_translation
 
20180228 jazug
20180228 jazug20180228 jazug
20180228 jazug
 
20180228 aws handson_public
20180228 aws handson_public20180228 aws handson_public
20180228 aws handson_public
 
20171023 mt azure_handson
20171023 mt azure_handson20171023 mt azure_handson
20171023 mt azure_handson
 
20170922 cms security_public
20170922 cms  security_public20170922 cms  security_public
20170922 cms security_public
 
20170926 aws handson_public
20170926 aws handson_public20170926 aws handson_public
20170926 aws handson_public
 
20170921 smartphone apli_seminar_public
20170921 smartphone apli_seminar_public20170921 smartphone apli_seminar_public
20170921 smartphone apli_seminar_public
 
20170905 dev rellt_public
20170905 dev rellt_public20170905 dev rellt_public
20170905 dev rellt_public
 
20170801 monaca ug_lt_public
20170801 monaca ug_lt_public20170801 monaca ug_lt_public
20170801 monaca ug_lt_public
 
20170713 smartphone apli_seminar_public
20170713 smartphone apli_seminar_public20170713 smartphone apli_seminar_public
20170713 smartphone apli_seminar_public
 
20170624 cms idobata_kaigi
20170624 cms idobata_kaigi20170624 cms idobata_kaigi
20170624 cms idobata_kaigi
 
20170609 dev rel_meetup
20170609 dev rel_meetup20170609 dev rel_meetup
20170609 dev rel_meetup
 
20170602 aws lt_public
20170602 aws lt_public20170602 aws lt_public
20170602 aws lt_public
 
20170519 cms security_public
20170519 cms  security_public20170519 cms  security_public
20170519 cms security_public
 
20170425 aws handson
20170425 aws handson20170425 aws handson
20170425 aws handson
 

20180214 okubo mt_cloud_handson