気ままに綴る独学メモ帳
以前TwitterでDreamweaverってどうよ？メモ帳でよくね？的なRTが回ったとき、
私が便利機能として挙げたのはサイト内全文検索と正規表現置換だったのだけど、もうひとつ、
140文字じゃ到底説明しきれないテンプレートパラメータについて熱く語ってみようと思う。
Dreamweaverのイメージといったらコードの自動補完の次にテンプレート機能っていう感じだから
ソフト使ったことがある人なら１００％に近い確率でdwtファイルを作成したり修正したりしたことがあるはずだ。
しかしテンプレートパラメータについては意外と知らない人の方が多い。
メニューを良く見ると「修正」の「ページプロパティ」の下にテンプレートプロパティっていうのがあったりするんだけども、
正規表現に似てプログラミングっぽいからとっつきにくいのかな。
エクセルの表をHTML保存したとき出力されるソースには属性・スタイル・ルビ・フォントタグなどが多量に含まれている。
それら不必要なHTMLソースをDreamweaverの正規表現置換で一掃する。
ファイルを保存した途端に強制終了を食らい、起動が途中で止まるようになる。再インストールをしても直らない…。その原因はサイトにあるファイルそのものにあった事が判明。
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含め他のアプリは止めておくと良い。
コードビューのカラーリングが違うと計り知れない違和感を感じる件…ってなわけで AptanaのコードビューをDreamweaverっぽい色にするcolファイルを晒してみるテスト。 完全に同じ色にはならないけど雰囲気は似てる … 続きを読む
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 回以上の繰り返し」という意味です。