====== Dreamweaver ======

===== 拡張機能 =====

==== 閉じタグコメント挿入 ====

こういうやつです

  <div id="container">
  ～～～
  <!-- /#container --></div>

手で挿入すると面倒ですが自動でやってくれるそうです。

=== インストールがうまくいかない ===

インストールで「メニューを更新できませんでした」というメッセージが表示されてインストールが失敗する

http://forums.adobe.com/thread/417467

  C:\Users \<ユーザー名>\AppData\Roaming\Adobe\Dreamweaver CS6\ja_JP\Configuration\Menus\ 

ここにあるmenus.xmlを移動してからインストールする。

うちではうまくいかなかったので、プラグインファイル(( 拡張子mxp))をExtentionManagerでzxpに変換、解凍して中身のmxiからメニューを書き換える部分を抜き出して「menus.xml」を直接書き換えてしまいました。

		<separator />
		<menuitem id="insertEndComment2" name="閉じタグコメントを挿入" enabled="true" file="ExtensionData/MM/End_comment.html" />

=== 参考 ===


[[http://design.kayac.com/topics/2010/05/dreamweaver-extention.php|閉じタグコメントを自動挿入：End_comment.mxp]]

==== imgタグに”alt”を挿入 ====

altが入っていないimgタグを探し、自動的にalt=””を入れてくれます
[[http://blog.sakurachiro.com/2011/04/dreamweaver-no-alt-no-future-dwr/|altの入っていない画象にとりあえず(空)を入れる.dwr]]


==== 参考 ====

[[http://cappee.net/adobe/dreamweaver/dreamweaver-cs6-extension|Dreamweaver CS6 でオススメの拡張まとめ]]

===== SCSS,Compass =====
==== SCSSファイルを開けるようにする ====

Dreamweaverの環境設定 ⇒ ファイルタイプ/エディター を選択
「コードビューで開く」という項目に「.scss」を追加

==== コードヒントを使えるようにする ====

=== Extensions.txt ===
Windows

  C:/Users（ユーザー名）/AppData/Roaming/Adobe/Dreamweaver （バージョン）/ja_JP/Configuration

Mac
  /Applications/Adobe Dreamweaver （バージョン）/Configuration

ここにある Extensions.txt を編集
  HTM,HTML,...CS,CSS,SCSS,...,SVG:All Documents
  ......
  CSS,SCSS:Style Sheets
  ......

:All Documentsに「SCSS」を追加\\
:Style Sheetsの項目にも「SCSS」を追加

=== MMDocumentTypes.xml ===
Windows
  C:/Users（ユーザー名）/AppData/Roaming/Adobe/Dreamweaver （バージョン）/ja_JP/Configuration/DocumentTypes/
Mac
  /Applications/Adobe Dreamweaver （バージョン）/Configuration/DocumentTypes/
ここにある MMDocumentTypes.xml を編集

160行目あたり

  <documenttype id="CSS" internaltype="Text" winfileextension="css" macfileextension="css" file="Default.css" writebyteordermark="false" mimetype="text/css" >

ここに「,scss」を追記
  <documenttype id="CSS" internaltype="Text" winfileextension="css,scss" macfileextension="css,scss" file="Default.css" writebyteordermark="false" mimetype="text/css" >

==== 自動コンパイル ====
通常はsassのwatchオプションを使う

  sass --watch path/to/scss : path/to/css

うちの環境だと、なぜかうまくウォッチしてくれなかったので[[development:ide:netbeans:compass|NetBeans]]を立ち上げっぱなしにしてそっちに任せてる。((ftpなんかも設定しているので、まぁ良いかと…))