1. Dreamweaverを利用した
MTテンプレート制作の効率化
MeetupFUKUSHIMA2010
2010.11.6 ビッグパレットふくしま
dreamseeker 國分 亨

2. / 20
自己紹介
2
• フリーランスでWeb制作してます
• 基本的に「マイペースで自由な人」
結構「ガンコ」らしいです
• 大学の講師や執筆活動なども
やってます
國分 亨（こくぶん とおる）
dreamseeker
gabs おしゃべり担当

3. 早速ですが・・・

4. / 20
MTテンプレート制作を効率化するポイント
4
ブラウザ上で
編集するのが苦手 ファイルリンク
沢山あるMTタグを
覚えるのが大変 機能拡張
いつも同じコードを
ネットで検索してしまう コードスニペット

5. Dreamweaver 機能拡張

6. / 206

7. Movable Type タグライブラリ
for Dreamweaver 機能拡張(MT 5対応)
http://goo.gl/XgWl4
/ 207

8. デモします

9. Dreamweaverのスニペット機能

10. / 20
スニペット化しておくと便利なコード例
10
利用頻度の高いもの
お知らせ一覧、アセットの表示
条件分岐
n件目で●●をする
MTプラグイン
プラグインごとの専用コード
検索結果
ページナビゲーション、文書構造
スニペットの種類( 選択範囲を囲む・ブロックを挿入 )を
うまく使い分けて、さらに効率アップ！

11. デモします

12. ファイルリンク

13. / 20
ファイルリンクを利用するには
13
DreamweaverでMTテンプレートを編集
管理画面でファイルへのリンクを指定
ファイルをFTPでアップロード
ウェブサイトまたはブログの再構築

14. デモします

15. 余談：再構築をちょっと効率化

16. / 2016

17. http://goo.gl/ZrJb
Movable Type 再構築用ブックマークレット
/ 2017

18. まとめ

19. / 20
まとめ
19
•Dreamweaver 機能拡張で、MTタグや
モディファイアのスペルミスを軽減
•よく使うコードをスニペットへ登録して
再利用
•テンプレートをファイルとリンクさせ、
Dreamweaverで編集
これらを組み合わせて、
効率的にMTテンプレートを作りましょう！

20. ありがとうございました
bun@me.com 51439 BUN