• Facebook
  • Twitter
  • RSS
月別
コツコツあつめるWeb作りのためのたね たねっぱ!Web系情報ブログ Webのお役立ちネタ配信中!

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

投稿者アイコン
2013/01/22
書いた人:
yukappa!(INO)
カテゴリ:
Dreamweaver
16,154 views

便利なDreamweaverの拡張機能、使いこなせるととっても作業効率が上がりますよね! 今回はソースをきれいにしてくれる拡張機能をご紹介いたします!

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

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

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

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

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

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

さっそく使ってみよう!

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

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

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

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

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

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

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

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


この記事を読んだ人はこんな記事も読んでいます