117
2015 年 7 年 29 年 年年年年 年年年年年年年年 年年 年年 Movable Type 年年年年年 年年年年年年年年年

20150729 cloud handson

Embed Size (px)

Citation preview

Page 1: 20150729 cloud handson

2015 年 7 月 29 日シックス・アパート株式会社

長内 毅志

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

Page 2: 20150729 cloud handson

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

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

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

Page 3: 20150729 cloud handson

まず最初に

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

Page 4: 20150729 cloud handson

アジェンダ

•Movable Type の特徴

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

•Movable Type のテンプレート

•Movable Type クラウド版

Page 5: 20150729 cloud handson

Movable Type の特徴

Page 6: 20150729 cloud handson

Movable Type とは

• 10 年以上利用されているブログ・ CMS( 通称 MT)

• MT タグ組み合わせでロジック生成

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

• プラグインで拡張可能

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

Page 7: 20150729 cloud handson

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

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

Page 8: 20150729 cloud handson

特徴 1

•静的生成で html を出力( スタティックパブリッシング )

•動的生成も対応可能 ( ダイナミックパブリッシング )

Page 9: 20150729 cloud handson

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

Page 10: 20150729 cloud handson

基本的な構成

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

管理者閲覧者

( サイト訪問者 )

Page 11: 20150729 cloud handson

ステージング環境

ステージングサーバー兼

CMS サーバー公開

サーバー管理者 閲覧者

( サイト訪問者 )

Page 12: 20150729 cloud handson

冗長構成

CMSサーバー

公開サーバー

(冗長構成)ロード

バランサ

Page 13: 20150729 cloud handson

クラウド環境

–CMS サーバーを VM イメージで構築 (Amazon EC2 など )

–公開ページはコンテンツサーバーで構築

–AmazonS3 (Azure Web サイト ) など

VM サーバーAmazonEC2 など

Amazon S3 など

Page 14: 20150729 cloud handson

CDN を利用した構成

–CMS サーバーは VM イメージ n 個で冗長構成

–公開コンテンツをストレージサーバーへ出力

–CDN を利用して世界各地にキャッシュ

 DB サーバー

CDN サーバー

Page 15: 20150729 cloud handson

特徴 2

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

•Data API で拡張可能–データは JSON 形式で出力、 REST で取得可能

Page 16: 20150729 cloud handson

特徴 3

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

Page 17: 20150729 cloud handson

Movable Type の管理画面と

基本操作

Page 18: 20150729 cloud handson

管理画面

Page 19: 20150729 cloud handson

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

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

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

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

Page 20: 20150729 cloud handson

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

Page 21: 20150729 cloud handson

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

Page 22: 20150729 cloud handson

ウェブページとブログ事の違い

•記事…時間の経過と共に蓄積されるページ例 : 日記、ニュースリリースなど

•ウェブページ…時間の経過と関係なく、階層構造に従い情報を伝えるためのページ例 : 会社概要、組織図、会社地図など

参考リンク 4 :http://www.movabletype.jp/documentation/mt6/compose/

Page 23: 20150729 cloud handson
Page 24: 20150729 cloud handson

ダッシュボード

Page 25: 20150729 cloud handson

記事の作成

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

Page 26: 20150729 cloud handson

ハンズオン

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

Page 27: 20150729 cloud handson
Page 28: 20150729 cloud handson

Movable Type のテンプレート

Page 29: 20150729 cloud handson

テンプレートとは

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

Page 30: 20150729 cloud handson

DB のオブジェクトをタグで出力

<MTEntryTitle><MTEntryBody><MTEntryMore>

Page 31: 20150729 cloud handson

MT タグの実際

Page 32: 20150729 cloud handson
Page 33: 20150729 cloud handson
Page 34: 20150729 cloud handson

テンプレートの説明

• インデックステンプレート

–自由にどこでも単一ページを出力

• アーカイブテンプレート

–特定のルールに従い複数ページを出力

• テンプレートモジュール

–パーツ化して様々な形で共有使用

• システムテンプレート

–付属システムの出力部分を調整

Page 35: 20150729 cloud handson

テーマについての説明

•テーマとは–デザインなどをワンクリックで変更する仕組み

–カスタムフィールドなどもまとめて設定できる

Page 36: 20150729 cloud handson

画面

•デザイン => テーマ

Page 37: 20150729 cloud handson

ハンズオン

•テーマを変えてみましょう–「 Eiger 」を選んで適用してみましょう

–再構築後、デザインを確認してみましょう

–確認後、テーマ「 Rainier 」を選んでデザインを変えましょう

Page 38: 20150729 cloud handson
Page 39: 20150729 cloud handson

テンプレート

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

Page 40: 20150729 cloud handson

ハンズオン

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

Page 41: 20150729 cloud handson

• デザイン => テンプレート =>

インデックステンプレート => メインページ

• <mt:Entries limit="5" search_results="1">–値を 5 に変更

Page 42: 20150729 cloud handson

Movable Type クラウド版

Page 43: 20150729 cloud handson

Movable Type クラウド版とは

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

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

•常に最新版を使用可能

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

•独自機能

Page 44: 20150729 cloud handson

MT クラウド版の構成

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

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

Page 45: 20150729 cloud handson

nginx とは

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

• Apache に続く第二位のシェア (netcraft 社、 2012/03)

• 軽量、高速。メモリ使用量が少ない

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

Page 46: 20150729 cloud handson

Movable Type クラウド版

オリジナル機能の説明

Page 47: 20150729 cloud handson

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

•http://www.movabletype.jp/

documentation/cloud

Page 48: 20150729 cloud handson

php 、 cgi

•php は一部利用可能–phpinfo は制限

–MySQL へのアクセスは不可能

•CGI,plファイルは利用不可能

Page 49: 20150729 cloud handson

cron の実行間隔

•5 分おきに実行します

Page 50: 20150729 cloud handson

サーバー配信機能

Page 51: 20150729 cloud handson

サーバー配信機能とは

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

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

•FTP(S) で配信

Page 52: 20150729 cloud handson

サーバー配信機能

•設定 => サーバー配信

Page 53: 20150729 cloud handson

Basic 認証

Page 54: 20150729 cloud handson

Basic 認証でできること

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

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

•複数設定が可能です

Page 55: 20150729 cloud handson

Basic 認証

•システム => クラウドサービス =>Basic

認証

Page 56: 20150729 cloud handson

ハンズオン

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

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

Page 57: 20150729 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 58: 20150729 cloud handson

HTTP リダイレクト

Page 59: 20150729 cloud handson

HTTP リダイレクトとは

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

Page 60: 20150729 cloud handson

HTTP リダイレクト

•システム =>

クラウドサービス => HTTP リダイレクト

Page 61: 20150729 cloud handson

ハンズオン

•ウェブサイトの index.html を http://

www.yahoo.co.jp へリダイレクトしてみましょう。

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

•終わったら削除しておきましょう

Page 62: 20150729 cloud handson

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

Page 63: 20150729 cloud handson

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

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

Page 64: 20150729 cloud handson

•システム => クラウドサービス =>

セキュリティ

Page 65: 20150729 cloud handson

ハンズオン

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

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

Page 66: 20150729 cloud handson

ハンズオン

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

Page 67: 20150729 cloud handson

MT 環境変数

Page 68: 20150729 cloud handson

MT 環境変数とは

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

documentation/appendices/config-

directives/

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

cloud/specifications/config-directives.html

Page 69: 20150729 cloud handson

•システム => クラウドサービス =>

MT 環境変数

Page 70: 20150729 cloud handson

ハンズオン

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

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

Page 71: 20150729 cloud handson

参考

•AssetFileExtensions–http://www.movabletype.jp/documentation/appendices/

config-directives/assetfileextensions.html

Page 72: 20150729 cloud handson

環境のリストア

Page 73: 20150729 cloud handson

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

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

Page 74: 20150729 cloud handson

環境のリストア

•システム => クラウドサービス =>

環境のリストア

Page 75: 20150729 cloud handson

ハンズオン

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

•直前に書いた記事が消え、以前の状態に戻っていることが確認できますか?

Page 76: 20150729 cloud handson

その他の機能

Page 77: 20150729 cloud handson

ディスクの使用量

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

•システム =>

クラウドサービス =>

ディスクの使用量

Page 78: 20150729 cloud handson

自動アップデート

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

Page 79: 20150729 cloud handson

2 つの新機能

• IP制限–管理画面、公開サイトへのアクセス制限が可能

•マルチドメイン対応–S4i 、 S4g 以上、 10 ドメインまで利用可能

Page 80: 20150729 cloud handson

サンドボックスサービス

Page 81: 20150729 cloud handson

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

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

Page 82: 20150729 cloud handson

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

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

申し込み期限

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

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

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

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

Page 83: 20150729 cloud handson

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

sandbox.html

Page 84: 20150729 cloud handson

Movable Type

ソフトウェア版との違い

Page 85: 20150729 cloud handson

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

•サーバー配信機能

•Basic 認証

•HTTP リダイレクト

•環境リストア ( 定期バックアップ )

•自動バージョンアップ、他

Page 86: 20150729 cloud handson

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

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

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

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

Page 87: 20150729 cloud handson

.htacess が使えない

• .htaccess の設定はできない

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

–Basic 認証

Page 88: 20150729 cloud handson

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

Page 89: 20150729 cloud handson

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

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

–SQLSetNames など、 DB 関連

Page 90: 20150729 cloud handson

その他の制限事項

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

specification.html

Page 91: 20150729 cloud handson

ソフトウェア版からの

移行時のポイント

Page 92: 20150729 cloud handson

留意点

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

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

Page 93: 20150729 cloud handson

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

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

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

3. MT クラウドへ投入

Page 94: 20150729 cloud handson

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

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

Page 95: 20150729 cloud handson

移行用のテンプレート

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

master/Export%20entry%20data%20in%20MT

%20format.md

Page 96: 20150729 cloud handson

留意点

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

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

Page 97: 20150729 cloud handson

価格

Page 98: 20150729 cloud handson

GMO プラン

Page 99: 20150729 cloud handson

IDCフロンティアプラン

Page 100: 20150729 cloud handson

購入方法 ( 仕入方法 )

Page 101: 20150729 cloud handson

購入経路

エンドユーザー様

UNIBaaSEC バイヤーズ

ソフトバンク C&S

Movable Type クラウド版

制作・開発会社

Page 102: 20150729 cloud handson

購入方法

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

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

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

Page 103: 20150729 cloud handson

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

• http://www.ecbuyers.com/sixapart/catalog/?

cPath=6_91&prmcd=mt6_cl_sa_20131017

Page 104: 20150729 cloud handson

EC バイヤーズとは

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

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

•標準価格での販売

Page 105: 20150729 cloud handson

既存の取引先からの購入

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

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

Page 106: 20150729 cloud handson

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

• http://bbwebmarketing.jp/

Page 107: 20150729 cloud handson

UNIBaaS参加企業からの購入

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

Page 108: 20150729 cloud handson

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

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

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

Page 109: 20150729 cloud handson

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

( バージョンアップの回避 )

• サンドボックス機能を 12 時間に限り何度でも無料で使用可能

Page 110: 20150729 cloud handson

まとめ

Page 111: 20150729 cloud handson

後半のまとめ

•Movable Type クラウド版は、快適な速度で使用できるように環境をチューン・アップしたサービス

•独自機能で管理画面から各種運用の支援が可能

Page 112: 20150729 cloud handson

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

Page 113: 20150729 cloud handson

•MT蝦夷

•MT東北

•MT東京

•MT なごや

•MT愛媛

•MT 関西

•MT 広島

•MT福岡

•MT 長野

•MT / NIIGATA(∗ 新潟 )

Page 114: 20150729 cloud handson
Page 115: 20150729 cloud handson

MTDDC Meetup TOKYO 2014

Page 116: 20150729 cloud handson

MTDDC Meetup TOHOKU 2015

•6 月 6 日 ( 日 ) 仙台で開催

Page 117: 20150729 cloud handson

Any Questions?