以前TwitterでDreamweaverってどうよ？メモ帳でよくね？的なRTが回ったとき、
私が便利機能として挙げたのはサイト内全文検索と正規表現置換だったのだけど、もうひとつ、
140文字じゃ到底説明しきれないテンプレートパラメータについて熱く語ってみようと思う。
Dreamweaverのイメージといったらコードの自動補完の次にテンプレート機能っていう感じだから
ソフト使ったことがある人なら１００％に近い確率でdwtファイルを作成したり修正したりしたことがあるはずだ。
しかしテンプレートパラメータについては意外と知らない人の方が多い。
メニューを良く見ると「修正」の「ページプロパティ」の下にテンプレートプロパティっていうのがあったりするんだけども、
正規表現に似てプログラミングっぽいからとっつきにくいのかな。
エクセルの表をHTML保存したとき出力されるソースには属性・スタイル・ルビ・フォントタグなどが多量に含まれている。
それら不必要なHTMLソースをDreamweaverの正規表現置換で一掃する。
原因が判明したっぽいのでメモっておく。
主な症状：
原因：
@mediaを使用しているCSSファイル内で、
@media screen {
}
セレクタだけ書いた状態で保存しようとすると発生する。
@media screen {
#hoge
}
カッコが足りないからなのか@mediaだからなのかは不明。
対策：
問題のあるスタイルシートファイルを別のエディタで開いて修正（カッコを正しく書く）する。
検索しても同じ症状が出てこなかったから私が使っているＤＷだけなのかもしれない…。
Dreamweaverで新規作成から新しいファイルを作成すると、自動的にいくつかのタグが追加されますが
いちいちメタ追加するの面倒だから使用頻度高いのを予め入れてしまおう、という話です。
初期は上記の様にシンプルな感じだと思います。bodyの上にある変な空行も気になるところ。
で、適当にあると便利そうなタグを入れてカスタマイズすると次の様になる。
headの他にbodyの中にも色々入れておくことが出来ます。
また、htmlファイルの他にもCSSとかJavascriptとかPHPとか、
Dreamweaverから作るファイルの初期設定は全て変更する事が出来る。
ローカルにTrac入れたりDreamweaverにSVNエクステンション入れたりしたメモ。
ついでにAptanaStudio1.2も入れてみた。（PC変えたから新規）
Tracはメジャーかつフリーなプロジェクト管理ツール。
Trac？なんぞそれ→WordPressのTrac
タスク管理だけならxfy Plannerもよさげ（主に見た目が）だけど、
バージョン管理が便利だと思う。あとチケット機能も。
こういうのは自前で入れるよりGoogleCodeとかSourceForge.jpとか使う方が楽なので
公開しても問題ないものならサービス利用してもいい。
既にXAMPPがインストール済みでも後からTrackを入れることは出来た。
Tracのセルフインスコは果てしなく面倒くさそうなので迷わずTrac Lightningを選択する。
ダウンロード後、Trac Lightningのインストーラーを起動してインストールする。
完了したら再起動が必要になるので事前にXAMPP含め他のアプリは止めておくと良い。
“Trac & XAMPP & Dreamweaver & Aptana & SVN” の続きを読む
コードビューのカラーリングが違うと計り知れない違和感を感じる件…ってなわけで
AptanaのコードビューをDreamweaverっぽい色にするcolファイルを晒してみるテスト。
完全に同じ色にはならないけど雰囲気は似てると思います。
使い方は、ウィンドウ→設定から各言語の設定（Colors）でインポートするだけ。
HTML、CSS、PHP、Javascriptのcolファイルが入ってます。気に入らないとこは適当に変更してください。
ダウンロード：
PHPはコメントの色が変わらないところがあるので、気になるなら
Colors:PHPDocもオレンジ色に変更しとくといいかもしれない。
Javascriptのcolファイル追加 細かいところ変更。
“Aptana DW colors” をダウンロード Aptana_DW_col.zip – 1594 回のダウンロード – 4 KB
Dreamweaverの検索と置換って何気に凄い。
色々出来る中でもかなり便利だと思う正規表現を使った置換のサンプルを挙げてみる。
スパゲッティなソースの修正も、これと特定のタグ検索知ってれば作業スピードが格段に上がるかも。
「特定のタグ」で出来るじゃんというのも中にはありますが、正規表現を使うことに意味があるので突っ込みは受け付けませんｗ
微妙に間違ってたところ修正入れつつ加筆。
Ctrl+F（コマンド+F）押して表示されるダイアログの右下にある正規表現を使用にチェックを入れるだけです。
ＨＴＭＬ→ＸＨＴＭＬで一番多い作業がこれだと思う
置換対象：
<td width="397"><font size="2">テキスト</font></td>
置換後：
<th scope="row">テキスト</th>
検索パターン：<td width="397"><font size="2">(.+)</font></td>
置換パターン：<th scope="row">$1</th>
fontタグに挟まれてる文字列を記憶して、置換で記憶した文字列を変更したタグに出力しています。
記憶と置き換えについては最後の方で説明いれてるのでここでは省略。
ドットとプラスの意味はそれぞれ、
なので、『改行以外の文字を何文字あっても記憶』という意味になります。
この場合プラスはアスタリスク*でも構いません。アスタリスクは「直前の文字の 0 回以上の繰り返し」という意味です。
“Dreamweaverの正規表現置換サンプルと解説” の続きを読む