Dreamweaverさんと仲良くなれそうな拡張機能とショートカットのお話

皆さんは便利機能がた～っぷりなDreamweaverさんと仲良くお仕事してらっしゃいますか？
私は…まだちょっと微妙な距離感を感じています。。。
コーディング作業もまだちょっと自信がないという方におススメの
Dreamweaverと少し仲良くなれそうな拡張機能とショートカットをご紹介いたします。

もう</div>で迷わない！閉じタグコメントを自動生成してくれる拡張機能

今だに入れ忘れてしまったり、いちいち入れるのが面倒だったりする</div>なんかの閉じタグコメント。
なんと自動生成してくれる拡張機能が！さすがですカヤックさん！

コメントを生成して挿入するDreamweaver用の拡張機能を作成しました
(KAYAC DESIGNER’S BLOGさんより)

上記ブログ記事よりEnd_comment.mxpをインストールします
問題なくインストールが完了するとAdobe Extention Managerに拡張機能が追加されます

さっそく使ってみよう！

①Dreamweaverを起動し、閉じタグコメントを挿入したい部分にカーソルを合わせます

②コマンド(C)→「閉じタグコメントを挿入」をクリック

③コメントが挿入されました！　class指定してたので「.main02」と表示されています

④ID指定だと「#」が表示されています

この拡張機能のおかげでうっかり迷子が減りそうです！
ショートカット登録しておくととっても便利です！！

もうひとつ、基本の機能ですが、ソースをきれいにしてくれる「ソースフォーマットの適用」機能

Windowsのデフォルト設定だと「Alt」→「C」→「A」
作業の区切りで押しておくと、いつでもすっきりソースを見ることができますね。
これもショートカット登録しておくととっても便利！

コーディングの際、謎の</div>があったり、フォーマットされていないソースを開くと
まず「うわっ…とっつきにくい…」と思ってしまいますよね。

すっきりしたきれいな机で作業をするように、まずはソースもきれいにして作業していきたいですね(*＾v＾*)