MTDDC Meetup KYUSHU 2013 初心者向けワークショップ

792 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
792
On SlideShare
0
From Embeds
0
Number of Embeds
135
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

MTDDC Meetup KYUSHU 2013 初心者向けワークショップ

  1. 1. [ 初心者向けワークショップ ] 初心者でもわかるカンタンカスタマイズの方法 2013 / 1 / 26 米家 克彦 Katsuhiko Komeie
  2. 2. 自己紹介米家 克彦(コメイエ カツヒコ)1972年 福岡生まれフリーランスでWeb全般をやってます。(ただし、プログラムは書けません。← ここ重要です。)blog:http://kome-kome.com ← 1年前で止まってます (_ _;)twitter:@ricehouse ← これも1年前で止まってます(_ _;;)facebook:komeie ← 楽しんでやってます 😁
  3. 3. [ 初心者向けワークショップ ] 初心者でもわかるカンタンカスタマイズの方法 ということで本日は、 MT(Movable Type)を
  4. 4. • 何となくは知っている!• 触ろうとしたけどよく分からなかった!• いや、全く触ったことがないよ!• どんなことができるのかさえ知らない!
  5. 5. • MTとは?• MTでどんなことができるのか?• MTでサイトを構築する流れ(私の場合)• 実際にやってみます(デモ)
  6. 6. ちょっと質問させてください。
  7. 7. MTとは?
  8. 8. Movable Typeは、2001年にアメリカ・サンフランシスコでブログツールとして始まりました。もともと、自分で使っていたブログツールに満足できなかったミナの為にベンが作りました。愛情たっぷりのプログラムなんです。
  9. 9. Movabe Typeは、10年以上続く世界標準のCMSパブリッシングプラットフォームです。2003年4月には米シックス・アパートが作られ、同年12年には日本法人が作られました。その後、幾つかの変遷を得て、現在、MovableTypeの開発拠点は、日本・東京に置かれています。
  10. 10. MTでどんなことができるのか?
  11. 11. これら全てMTで作られています。
  12. 12. ちょっと宣伝させてください。
  13. 13. 私が作りました(^^)もちろん全てMTです。
  14. 14. 話を戻します。MTでどんなことができるのか?
  15. 15. • トップページに新着情報を自動的に表示。• 記事をカテゴリごとに分類して表示。• パンくずリストを自動的に作成。• 著作権表示 (Copyright (C) 2013 MTDDC All Rights Reserved.) を年が変わると自動的に更新。• 共通部分を一括して更新。
  16. 16. プログラムを組まないと できないんじゃないの? というようなことが、プログラマーじゃなくてもできま す。
  17. 17. MTでの構築手順(私の場合)
  18. 18. 基本は3ステップです。
  19. 19. 1.普段通りHTMLでサイトを構築します。
  20. 20. 2.作成したHTMLをMTの管理画面に貼り付けます。
  21. 21. 3.MTで制御したい部分にMTタグを当てはめます。
  22. 22. 3.MTで制御したい部分にMTタグを当てはめます。
  23. 23. 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>
  24. 24. 今回当てはめたMTタグ<mtEntries> </mtEntries> 記事の一覧を書き出します。 (HTMLと同じで開始タグと終了タグがあります。)<mt:EntryPermalink> 記事の絶対 URL を表示します。<mt:EntryTitle>
  25. 25. 制御する内容によりMTタグは変わりますが、
  26. 26. 基本的にはこの流れでOK!
  27. 27. 実際にやってみます!
  28. 28. その前にMTのテンプレート構造について
  29. 29. MTにはウェブサイトとブログがありま す。
  30. 30. ウェブサイト http://AAAAA.com ブログ ブログ記事 index.html ●●●.html トップページ /news/ ●●●.html ウェブページ /products/ company. html /blog/ ウェブページ (静的html)
  31. 31. それでは実際にやってみます!
  32. 32. ご清聴ありがとうございました。

×