Dreamweaverを利用した
MTテンプレート制作の効率化
MeetupFUKUSHIMA2010
2010.11.6 ビッグパレットふくしま
dreamseeker 國分 亨
/ 20
自己紹介
2
• フリーランスでWeb制作してます
• 基本的に「マイペースで自由な人」
結構「ガンコ」らしいです
• 大学の講師や執筆活動なども
やってます
國分 亨(こくぶん とおる)
dreamseeker
gabs おしゃべり...
早速ですが・・・
/ 20
MTテンプレート制作を効率化するポイント
4
ブラウザ上で
編集するのが苦手 ファイルリンク
沢山あるMTタグを
覚えるのが大変 機能拡張
いつも同じコードを
ネットで検索してしまう コードスニペット
Dreamweaver 機能拡張
/ 206
Movable Type タグライブラリ
for Dreamweaver 機能拡張(MT 5対応)
http://goo.gl/XgWl4
/ 207
デモします
Dreamweaverのスニペット機能
/ 20
スニペット化しておくと便利なコード例
10
利用頻度の高いもの
お知らせ一覧、アセットの表示
条件分岐
n件目で●●をする
MTプラグイン
プラグインごとの専用コード
検索結果
ページナビゲーション、文書構造
スニペットの種類( 選択...
デモします
ファイルリンク
/ 20
ファイルリンクを利用するには
13
DreamweaverでMTテンプレートを編集
管理画面でファイルへのリンクを指定
ファイルをFTPでアップロード
ウェブサイトまたはブログの再構築
デモします
余談:再構築をちょっと効率化
/ 2016
http://goo.gl/ZrJb
Movable Type 再構築用ブックマークレット
/ 2017
まとめ
/ 20
まとめ
19
•Dreamweaver 機能拡張で、MTタグや
モディファイアのスペルミスを軽減
•よく使うコードをスニペットへ登録して
再利用
•テンプレートをファイルとリンクさせ、
Dreamweaverで編集
これらを組み合わせ...
ありがとうございました
bun@me.com 51439 BUN
Upcoming SlideShare
Loading in …5
×

MTDDC Meetup FUKUSHIMA:Dreamweaverを利用したMTテンプレート制作の効率化

960 views
934 views

Published on

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
960
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
12
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

MTDDC Meetup FUKUSHIMA:Dreamweaverを利用したMTテンプレート制作の効率化

  1. 1. Dreamweaverを利用した MTテンプレート制作の効率化 MeetupFUKUSHIMA2010 2010.11.6 ビッグパレットふくしま dreamseeker 國分 亨
  2. 2. / 20 自己紹介 2 • フリーランスでWeb制作してます • 基本的に「マイペースで自由な人」 結構「ガンコ」らしいです • 大学の講師や執筆活動なども やってます 國分 亨(こくぶん とおる) dreamseeker gabs おしゃべり担当
  3. 3. 早速ですが・・・
  4. 4. / 20 MTテンプレート制作を効率化するポイント 4 ブラウザ上で 編集するのが苦手 ファイルリンク 沢山あるMTタグを 覚えるのが大変 機能拡張 いつも同じコードを ネットで検索してしまう コードスニペット
  5. 5. Dreamweaver 機能拡張
  6. 6. / 206
  7. 7. Movable Type タグライブラリ for Dreamweaver 機能拡張(MT 5対応) http://goo.gl/XgWl4 / 207
  8. 8. デモします
  9. 9. Dreamweaverのスニペット機能
  10. 10. / 20 スニペット化しておくと便利なコード例 10 利用頻度の高いもの お知らせ一覧、アセットの表示 条件分岐 n件目で●●をする MTプラグイン プラグインごとの専用コード 検索結果 ページナビゲーション、文書構造 スニペットの種類( 選択範囲を囲む・ブロックを挿入 )を うまく使い分けて、さらに効率アップ!
  11. 11. デモします
  12. 12. ファイルリンク
  13. 13. / 20 ファイルリンクを利用するには 13 DreamweaverでMTテンプレートを編集 管理画面でファイルへのリンクを指定 ファイルをFTPでアップロード ウェブサイトまたはブログの再構築
  14. 14. デモします
  15. 15. 余談:再構築をちょっと効率化
  16. 16. / 2016
  17. 17. http://goo.gl/ZrJb Movable Type 再構築用ブックマークレット / 2017
  18. 18. まとめ
  19. 19. / 20 まとめ 19 •Dreamweaver 機能拡張で、MTタグや モディファイアのスペルミスを軽減 •よく使うコードをスニペットへ登録して 再利用 •テンプレートをファイルとリンクさせ、 Dreamweaverで編集 これらを組み合わせて、 効率的にMTテンプレートを作りましょう!
  20. 20. ありがとうございました bun@me.com 51439 BUN

×