DreamweaverでSmarty テンプレートをイケてる感じで編集しよう。

Posted on 6月 2, 2006
Filed Under Smarty |

久々のblog更新。
もうここのblogは技術系に特化させようと思います。

はい、本題。

webデザインを行うときって結構Dreamweaver使うと思うのね。

あたくしは普段バリバリプログラマーなので、PHPでゴリゴリとプログラム開発。
だからデザインなんてほとんどしません。

じゃぁデザインどーすんのっ!?って感じだけど、
そこは、ロジックは俺、デザインは他の人、って分業。

デザインはwebデザイナーが作ったほうが綺麗に決まってるものね。

だけど、たまぁに一人で両方やんなきゃいけないときがあるの。
まじデザインセンスないのに。
センスないのわかってるのにやんなきゃいけないってマジ鬱だよね。

で、PHPで開発するとき、HTMLテンプレートとして決まって使うのがSmarty。

 ※Smartyに関してはここ見てね。
   http://sunset.freespace.jp/smarty/

でも、「SmartyのテンプレートファイルってDreamweaverで編集しにくいよ・・・」
なんて思ったりするわけです。

そこでGoogleさんの力を借りて、いろいろと情報をかき集めます。
すると・・・いくつかでてきましたよ!パパ!

★1つ目
 http://www.contactlensesprice.com/smarty/

おっ!これは!なかなかいい感じじゃないですか!?
すっきりした感じになりますね!
でも、なんか、、いちいち「Configuration\ThirdPartyTags」に
ファイルを置くのがめんどくさいよ。

★2つ目
 http://smartydwt.klitsche.org/

おぉっ!!これはイカス!!
ツールバーなんかもつけてくれちゃって!!ステキ!!
しかもExtensionだからインストールも楽チン!!!
でも、、、このSmartyタグのつけ方だと、添付されてるPHPファイルの
フィルター通さないとダメじゃん・・・。。
普通のSmartyタグで作られたファイル編集する機会のほうが多いから使えないよ・・・。

★3つ目
 http://smarty.incutio.com/?page=SmartyDreamweaver

えっと、これは、、んー、、、include命令で別のテンプレートファイルを
呼んでるときに、読み込んでくれるスクリプトね。
へーこんなこともできるんだ。便利ね!Dreamweaver!!
でも、、いちいち「Configuration\Translators」に
ファイル置くのめんどくさいよ・・・。

★4つ目
 http://www.adobe.com/jp/support/dreamweaver/ts/documents/dw0396.html

これは拡張子TPLとかを関連付ける方法ね。
えーっと、、、、、
手順がなげーよ、めんどくせーよ。
読む気しねーよ。ばかあほまぬけ。

★5つ目
 http://www.scottwilburn.com/?cat=9

んー、、なんか、イマイチ。

★6つ目
 http://tikiwiki.org/tiki-list_file_gallery.php?galleryId=8

・・・おっ!?XOOPS用もあるの!?
・・・と思ったら、1つ目のと機能があんまり変わんないよ。
これじゃ満足できないよ、もう。
((内心:だんだんコメントを書くのが面倒になってきた

で、

以上のことから察するに、使いやすいSmarty用のExtensionがないと推測した。

一番イケてた「★2つ目」にLGPLライセンスでソースがくっついてたので、
改造して上記を全部まとめた感じのExtenstionを作ることにした。

以下の機能を実現する。

・拡張子TPLの関連付け
・標準のSmartyタグ({~})に対応
・include命令あったら読み込んで表示(直接編集は不可)
・インストール楽チンなようにmxpファイルで実現

ソース適当にいじったら出来たっぽいんで公開しときます。

 
smartydwt_hack.zip

解凍したらMacromedia Extension Managerをインストールしてる環境で
「smartyDWT.mxp」をダブルクリックしてインストールしてください。

あ、既にsmartyDWTインストールしてる人は先にアンインストールしないとだめかも。

変なとこあったら遠慮なく言ってください。

Comments

Leave a Comment

If you would like to make a comment, please fill out the form below.

Name (必須)

Email (必須)

ウェブサイト

コメント

What's a blog without spam? WP-Hashcash.

10 Comments so far
  1. yossy 6月 2, 2006 14:17:12

    いろいろと勝手に参考にしたサイト。

    脳内研究所: dreamweaverで、Smartyを使う場合
    http://it-laboratory.seesaa.net/article/18317041.html

    DreamweaverでSmartyタグをスッキリ編集: とりあたま(ブログ) - images
    http://www.images.jp/mt/archives/2005/01/dreamweaversmar.html

    Dreamweaver + Smarty 連携|squikole
    http://ameblo.jp/squikole/entry-10012738564.html

    DreamweaverでSmartyを扱う - アイデアマンズブログ[創業編]BETA版 - アイデアマンズ株式会社
    http://blog.ideamans.com/monta/dreamweaversmarty.php

  2. snowin 6月 16, 2006 21:25:16

    よくやった!!こういうの欲しかったんだよねぇ。
    使わしてもらいまっす。

  3. 夏ミカン 9月 6, 2006 16:06:47

    はじめまして!夏ミカンといいます。
    自分もこんなの探してました!w
    ぁ、でもファイルのリンク切れてます^^;
    もしよろしければもう一度あげてもらえませんか??
    ヨロシクお願いします。

  4. yossy 9月 19, 2006 23:56:47

    >夏ミカンさま

    はじめまして!
    ・・・ほんと、、リンク切れしてましたね。。
    ちょっと今手元にソースがないもので、近々アップしなおします。
    (プラスアルファの機能も追加したいので)

    お手数をおかけしますがもうしばらくお待ちくださいませ。

  5. いで 10月 9, 2006 10:32:11

    mixiから飛んできました。
    ぜひ使わせてもらえませんでしょうか。

    非常に楽しみにしています!

  6. 夏ミカン 10月 16, 2006 23:28:51

    わざわざありがとうございます!w
    自分もDreamweaver大好き人間なもので
    (のわりには全く使いこなせてないですが^^;)
    非常に助かります。
    楽しみにお待ちしています^^

  7. KEN 2月 17, 2007 16:45:41

    DreamWeaverとSmartyで検索しててたどり着きました。

    smartydwt_hack.zip リンクが切れているようで・・・

    記事の通り、私もいろいろなExtや、タグ関連付け等の方法を試しているのですが、Extとしても http://smartydwt.klitsche.org/ が使いやすそうですが、実際にはなかなか使い物にならず、ぜひ作られた(Hackされた!?)smartydwt_hack.zip使わせてもらえたらなと思いました。

    残念ながらリンク切れていたので、もしこのコメントに気づかれましたら、現状でも結構ですのでアップしていただけたらなと思います。

    よろしくお願いします。

  8. KEN 2月 24, 2007 14:31:34

    うぅ・・・
    やはりこちらのコメント読まれてなかったのでしょうか・・・

    期待して毎日見に来ているのですが・・・
    要望出すのもおかしな話ではありますがやはり期待してます(^^;

  9. yossy 3月 20, 2007 1:00:53

    >皆様
    お返事が遅れまして誠に誠に申し訳ございません。
    ハードディスク上から探しても探しても見つからなかったもので
    紛失したのかと思っていたのですが、バックアップファイルを
    探したところ発見することができました。。。

    http://yossy.iimp.jp/wp/wp-content/uploads/smartydwt_hack.zip

    臨時的な感じですがお許しください。

  10. kemworld 5月 14, 2008 21:49:05

    こちらの記事を足がかりに、さらに考えをすすめて

    DreamweaverテンプレートとSmartyテンプレートを同時に使うかつ、Dreamweaverで快適に編集する。
    http://d.hatena.ne.jp/kemworld/20080514/1210768303

    ていうのをまとめてみました。

Recently


Categories


Archives


Wordpress Themes