68
2014 年 5 年 24 年 年年年年 年年年年年年年年 年年 年年 年年年年年年年年年年年年 MT6 年 年年年年年年年年年年年

20140524 hands on_upload

Embed Size (px)

Citation preview

Page 1: 20140524 hands on_upload

2014 年 5 月 24 日シックス・アパート株式会社

長内 毅志

さくらのレンタルサーバに MT6 をインストールしてみよう

Page 2: 20140524 hands on_upload

アジェンダ

•Movable Type の概要とライセンス

•さくらのレンタルサーバへ

インストール

•Movable Type の基本的な

構築・設計 Tips

Page 3: 20140524 hands on_upload

Movable Type の概要とライセンス

Page 4: 20140524 hands on_upload

Movable Type とは

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

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

• テンプレートと DB が完全に分離している

(MVC ライク )

• プラグインで拡張可能

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

Page 5: 20140524 hands on_upload

html 感覚でテンプレートを構築できる

<ul> <MT:Entries limit="10">    <li>

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

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

Page 6: 20140524 hands on_upload

Movable Type のライセンス

•Movable Type のライセンス 4 種類

–通常ライセンス

–アカデミックディスカウント

–開発者ライセンス

–個人無償ライセンス

Page 7: 20140524 hands on_upload

個人用ブログ

開発用途( 公開はできない )

ビジネス利用

通常ライセンス ○ ○ ○アカデミックディスカウント ☓ ○ ☓開発者ライセンス ☓ ○ ☓個人無償ライセンス ○ ○ ☓

Page 8: 20140524 hands on_upload

通常ライセンスはさらに 3 つの形態があります

•ソフトウェア版

•クラウド版

•AWS 版

Page 9: 20140524 hands on_upload

費用 個人用ブログ

開発用途( 公開はできない )

ビジネス利用

ソフトウェア版

買い切り9 万円 /1 ライセンス

○ ○ ○

クラウド版

月額課金 9,500 円 / 月(税抜)〜

○ ○ ○AWS 版 $0.07/ 時間

(Micro インスタンスは無料 )

○ ○ ○

Page 10: 20140524 hands on_upload

整理すると

通常ライセンス

アカデミックライセンス

開発者ライセンス

個人無償ライセンス

ソフトウェア版

クラウド版

AWS版

Page 11: 20140524 hands on_upload

個人で使う場合

•個人無償版で OK !

–アフィリエイトも OK !

•AWS のマイクロインスタンスなら無料

で使える! (AWS 利用料は別 )

Page 12: 20140524 hands on_upload

プラグイン開発やテーマ開発

•開発者ライセンスで OK!

Page 13: 20140524 hands on_upload

ビジネスで使う場合

•通常ライセンスをお使いください。

•用途に合わせてお選びください。

Page 14: 20140524 hands on_upload

さくらのレンタルサーバへ

Movable Type をインストール

Page 15: 20140524 hands on_upload

個人無償版のダウンロード

•http://goo.gl/qyYBi0• https://www.sixapart.jp/inquiry/movabletype/personal_download.html

Page 16: 20140524 hands on_upload

コントロールパネルにログイン

Page 17: 20140524 hands on_upload

データベースの準備

Page 18: 20140524 hands on_upload

• データベースのバージョン

– 変更の必要はありません。 (Movable Type は MySQL 5.0 以上で動作しま

す )

• データベース名

– 任意のデータベース名を入力します。

• データベースユーザ名

– 初期状態のユーザ名を利用します。

• 接続用パスワード

– 任意のパスワードを入力します。

• データベース文字コード

– 必ず「 UTF-8 」を選んでください。

Page 19: 20140524 hands on_upload
Page 20: 20140524 hands on_upload

データベースの設定項目の中で

• データベースサーバ

• データベース名

• データベースユーザ名

• 接続用パスワード

の4つは、 Movable Type のインストール時に必要とな

ります。

Page 21: 20140524 hands on_upload

Movable Type のインストールパスと公開パスの計画

Movable Type は

•ソフトウェアの配置場所

•出力するブログの公開場所

を別々に設定できます。

Page 22: 20140524 hands on_upload

メリット

• ソフトウェアのインストール場所をわかりにくくする

–公開ソフトウェアのインストールパスとブログの公開パスを

別々に設定することで、悪意のある第三者からソフトウェアへ

攻撃をしにくくすることができます。

• 複数のブログを設定できる

–Movable Type は、ひとつのソフトウェアで複数のブログを構

築できます。複数のブログを異なるパスに設定して、それぞれ

を独立して運用することができます。

Page 24: 20140524 hands on_upload

インストールパスと公開パスの計画例

•example.com/  

–ブログの公開パス

( /home/ ユーザー名 /www/ )

•example.com/mt/

–Movable Type のインストールパス

( /home/ ユーザー名 /www/mt/ )

Page 25: 20140524 hands on_upload

ファイルの転送

Page 26: 20140524 hands on_upload

www 以下に Movable Type のファイル一式を転送

Page 27: 20140524 hands on_upload

パーミッションの変更

• cgi ファイルのパーミッションを 755 もしくは

705 に変更

http://support.sakura.ad.jp/manual/sw/tech_cgi.html

Page 28: 20140524 hands on_upload

インストールウィザードの起動

Page 29: 20140524 hands on_upload

初期画面

Page 30: 20140524 hands on_upload

• 日本語を選択

Page 31: 20140524 hands on_upload

システムチェック

Page 32: 20140524 hands on_upload

データベース設定

Page 33: 20140524 hands on_upload

コントロールパネルから設定したデータベースの情報か

• データベースサーバ

• データベース名

• ユーザー名

• パスワード

の 4 つを入力します。

Page 34: 20140524 hands on_upload
Page 35: 20140524 hands on_upload

メール設定

Page 36: 20140524 hands on_upload

アカウント設定

Page 37: 20140524 hands on_upload

• ユーザー名

–サインインするためのユーザーアカウントです。

• 表示名

–Movable Type で記事を書いた時に使われる表示名です。ユー

ザーアカウント設定後も自由に変更できます。

• 電子メール

–ユーザーアカウントで利用するメールアドレスを設定します。

Page 38: 20140524 hands on_upload

• 使用言語

–Movable Type では、アカウントごとに管理画面の言語設定を変

更することができます。管理画面を何語で使うかを設定します。

• パスワード

–アカウントで利用するパスワードです。

Page 39: 20140524 hands on_upload

ウェブサイトの作成

Page 40: 20140524 hands on_upload

• ウェブサイト名

– Movable Type で公開するサイトの名称です。

• ウェブサイト URL

– 公開するサイトへアクセスするための URL です。

• ウェブサイトパス

– 公開するサイトのサーバーパスです。インストール前に設定したサーバー

パス情報を入力します。

• テーマ

– インストール直後に使用するデザインテーマを選択できます。あとで変更

可能です。ここでは初期状態の「 Rainier 」をそのまま使います。

• タイムゾーン

– 特に変更の必要はありません。

Page 41: 20140524 hands on_upload

インストール実行

Page 42: 20140524 hands on_upload
Page 43: 20140524 hands on_upload

最初の記事を書いてみる

Page 44: 20140524 hands on_upload
Page 45: 20140524 hands on_upload
Page 46: 20140524 hands on_upload
Page 47: 20140524 hands on_upload

デザインを変えてみる

Page 48: 20140524 hands on_upload

スタイルキャッチャー

•デザイン => スタイル

Page 49: 20140524 hands on_upload

テーマ

•デザイン => テーマ

Page 50: 20140524 hands on_upload

MT タグを操作してみる

Page 51: 20140524 hands on_upload

ダミーデータ

•ダウンロード

http://goo.gl/yaBMIU

Page 52: 20140524 hands on_upload
Page 53: 20140524 hands on_upload

トップページの表示件数を変えてみる

Page 54: 20140524 hands on_upload

トップページの表示件数を変えてみる

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

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

<mt:Entries limit="$entries_per_page" search_results="1">

<$mt:Include module=" ブログ記事の概要 "$>

</mt:Entries>

Page 55: 20140524 hands on_upload

表示をタイトルだけにしてみる

Page 56: 20140524 hands on_upload

表示をタイトルだけにしてみる

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

 テンプレートモジュール => ブログ記事の概

要 <MTIgnore>

<div class="asset-content entry-content"

itemprop="articleBody">

<$mt:EntryBody$>

</div>

</MTIgnore>

Page 57: 20140524 hands on_upload

タイトルの色を変えてみる

Page 58: 20140524 hands on_upload

タイトルの色を変えてみる

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

 テンプレートモジュール => ブログ記事の概

要 <h2 class="asset-name entry-title" itemprop="name">

<a href="<$mt:EntryPermalink encode_html="1"$>">

<$mt:EntryTitle$></a>

</h2>

Page 59: 20140524 hands on_upload

Movable Type

設計・構築の Tips

Page 60: 20140524 hands on_upload

ホームページ (Web サイト ) とブログの違い

•ホームページ (Web サイト )

–データはツリー構造

–階層的

–ページは常に一意

Page 61: 20140524 hands on_upload

•ブログ

–データは時系列ごとに増えるスタック構造

–カテゴリーやタグで構造化

–1 つのページが複数のカテゴリにまたがる

Page 62: 20140524 hands on_upload

Movable Type の「ウェブサイト」と「ブログ」

• ウェブサイト…

いわゆる「 Web サイト」「ホームページ」全体を管理

するための仕組み

• ブログ…

Web サイト (ホームページ ) の中にある、更新頻度の高

いコンテンツを管理するための仕組み

「ブログ」「ニュースリリース」「 IR 情報」

「新製品紹介」など

Page 63: 20140524 hands on_upload

•サイト内のコンテンツの中で

「定期的な情報発信コンテンツ」

をブログとして構築

Page 64: 20140524 hands on_upload

小規模なウェブサイト

Page 65: 20140524 hands on_upload

中大規模なウェブサイト ( 複数事業部など )

Page 66: 20140524 hands on_upload

まとめ

•設計の際は「ウェブサイト」

「ブログ」の特徴を意識する

•サイト内の「固定的なページ」

「更新と蓄積があるページ」

を分けてコンテンツを整理する

Page 68: 20140524 hands on_upload

•ありがとうございました。