2. [ 初心者向けワークショップ ]
初心者でもわかるカンタンカスタマイズの方法
2013 / 1 / 26
米家 克彦 Katsuhiko Komeie

3. 自己紹介
米家 克彦（コメイエ カツヒコ）
1972年 福岡生まれ
フリーランスでWeb全般をやってます。
（ただし、プログラムは書けません。← ここ重要です。）
blog：http://kome-kome.com ← 1年前で止まってます (_ _;)
twitter：@ricehouse ← これも1年前で止まってます(_ _;;)
facebook：komeie ← 楽しんでやってます 😁

4. [ 初心者向けワークショップ ]
初心者でもわかるカンタンカスタマイズの方法
ということで本日は、
MT(Movable Type)を

5. • 何となくは知っている！
• 触ろうとしたけどよく分からなかった！
• いや、全く触ったことがないよ！
• どんなことができるのかさえ知らない！

6. • MTとは？
• MTでどんなことができるのか？
• MTでサイトを構築する流れ（私の場合）
• 実際にやってみます（デモ）

7. ちょっと質問させてください。

8. MTとは？

9. Movable Typeは、2001年にアメリカ・サンフランシ
スコでブログツールとして始まりました。
もともと、自分で使っていたブログツールに満足で
きなかったミナの為にベンが作りました。
愛情たっぷりのプログラムなんです。

11. Movabe Typeは、10年以上続く世界標準のCMSパブリッシ
ングプラットフォームです。
2003年4月には米シックス・アパートが作られ、
同年12年には日本法人が作られました。
その後、幾つかの変遷を得て、現在、MovableTypeの
開発拠点は、日本・東京に置かれています。

13. MTでどんなことができるのか？

23. これら全てMTで作られています。

24. ちょっと宣伝させてください。

32. 私が作りました(^^)
もちろん全てMTです。

33. 話を戻します。
MTでどんなことができるのか？

34. • トップページに新着情報を自動的に表示。
• 記事をカテゴリごとに分類して表示。
• パンくずリストを自動的に作成。
• 著作権表示
（Copyright (C) 2013 MTDDC All Rights Reserved.）
を年が変わると自動的に更新。
• 共通部分を一括して更新。

35. プログラムを組まないと
できないんじゃないの？
というようなことが、
プログラマーじゃなくてもできま
す。

36. MTでの構築手順（私の場合）

37. 基本は3ステップです。

38. 1.普段通りHTMLでサイトを構築します。

39. 2.作成したHTMLを
MTの管理画面に貼り付けます。

40. 3.MTで制御したい部分に
MTタグを当てはめます。

41. 3.MTで制御したい部分に
MTタグを当てはめます。

42. MTタグを当てはめたところ
<div class="newsArea">
<h2>お知らせ</h2>
<div><a href="./05.html">5つ目のお知らせ記事はMTについてです。</a></div>
<div><a href="./04.html">4つ目のお知らせ記事はMTについてです。</a></div>
<div><a href="./03.html">3つ目のお知らせ記事はMTについてです。</a></div>
<div><a href="./02.html">2つ目のお知らせ記事はMTについてです。</a></div>
<div><a href="./01.html">1つ目のお知らせ記事はMTについてです。</a></div>
</div>
<div class="newsArea">
<h2>お知らせ</h2>
<mtEntries>
<div><a href=”<mt:EntryPermalink>"><mt:EntryTitle></a></div>
</mtEntries>
</div>

43. 今回当てはめたMTタグ
<mtEntries> </mtEntries>
記事の一覧を書き出します。
（HTMLと同じで開始タグと終了タグがありま
す。）
<mt:EntryPermalink>
記事の絶対 URL を表示します。
<mt:EntryTitle>

44. 制御する内容により
MTタグは変わりますが、

45. 基本的にはこの流れでOK！

46. 実際にやってみます！

47. その前に
MTのテンプレート構造について

48. MTには
ウェブサイトとブログがありま
す。

49. ウェブサイト http://AAAAA.com
ブログ ブログ記事
index.html ●●●.html
トップページ /news/
●●●.html
ウェブページ
/products/
company.
html
/blog/
ウェブページ
（静的html）

50. それでは実際にやってみます！

51. ご清聴
ありがとうございました。