【adobe】DreamweaverCCの作業環境を整えよう

デザイン

どうもどうも。
shiromaruです。

ご無沙汰です。生きてました。
気づけば春ですね。
皆様はお花見は行かれましたか?
私は近所に桜で有名なお寺があっていこうかと思ったのですが、
日中行けず夜桜でもと思い立ったけど、寺とセットの墓におびえ結局見に行けずじまいでした。

さてさて、今回はDreamweaverを使う前にしておきたい設定を
自分の備忘録で紹介します。

Dreamweaver

ソフト:Dreamweaver CC

作業環境:Mac OS X 10.9.5

作業環境の設定

コードビューのカラーや機能の設定を行います。
メニュー[Dreamweaver CC]→[環境設定]を開きます。
(ショートカット⌘+U)

以下初期設定以外でカスタマイズした部分と変更する可能性のあるもののみ紹介しています。

■ 一般

 ・ドキュメントオプション
[ようこそ]画面
表示が不要な方はここで表示有無を設定できます。
・編集オプション
アクション尾取り消しをアクティブなドキュメントまでに制限する
「作業の取り消し」をした場合に、cssもいじったけどhtmlだけ直したい場合が多い方はここもチェックするとよいと思います。

■ コピー/ペースト

 ・[編集]-[ペースト]で他のアプリケーションからデザインビューへペースト
読んだままなのですが、他のアプリケーションから文字をコピペした際に、デザインスタイルを反映させるかどうかという設定ができます。
私は[テキストのみ]に設定しました。
まぁデザインビューにコピペしたりあまりしませんが。

■ コードカラーリング ・コードのカラーを選択できます。私は、[RecognEyes]に設定しています。
基本テーマを選んで、色を個別でも設定できます。
好みの色や他のツールで慣れ親しんだ配色だと落ち着いて効率もあがりますね。

■ コードフォーマット
インデントの設定やコードの入力ルールなどを設定します。
・インデント
字下げする数を設定します。
初期設定は、4ですが、rubyにほんのちょっと(ほんとちょっと)触れていた私は、2に設定しています。
また[タブ][スペース]は、もし複数で作業する場合、人によってインデントの設定が違っていたりするので、[スペース]にするかとよいと思います。
・タブサイズ
[tab]を押したときに字下げする数を設定します。
こちらも同じくどの環境でも表示に差異がないように[スペースを挿入]にチェックしてます。

・高度なフォーマット
・CSS ソースフォーマットオプション
自動でコードの改行やスペースの挿入をしてくれるように設定します。
(私は初期のままですが、お好みで)
・タグライブラリーエディター
htmlやcssなどの改行やインシデント、大文字小文字の指定などをカスタマイズできます。(こちらも私は初期のまま)

■ サイト
こちらは、DwでFTPに接続してサーバーへ編集したファイルをアップする際の設定です。
私は、Dwではサーバーにアップは行っていない(簡単すぎて誤爆しそうなので..)
特に変更はしていませんが、もしDwを使ってアップッされる場合はここで設定できます。複数のサイトを管理する場合は、
[移動オプション]の[サイトの管理]ボタンを押すと[サイトの読み込み][新規サイト]の設定がそれぞれできるので、お試し下さい。(また設定してみたら、投稿しますー。今回は割愛)

■ テクノロジープレビュー ・コードハイライトを有効にする
選択した部分の同じすべての箇所がハイライトされて確認できる機能です。
私は、無効にしていますが、必要な方はお好みで。

■ フォント
 ・フォント設定
初期設定の[Unicode(UTF-8)]に設定しましょう。
・プロフェッショナルフォント、等幅フォント、コードビュー
これはDw内で表示されるフォントの選択です。macでは、初期[Osaka][Source Code Pro]に設定されており、変更の必要はないかと。

■ ブラウザーでプレビュー
メニュー[ファイル]→[ブラウザでプレビュー]でブラウザ表示できるブラウザを設定できます。
よく使うブサウザを選択して[プライマリブラウザー]にしておくとショートカットで表示できます。
(ショートカットoption+F12)

すべて設定し終わったら、[適用]をして反映します。
中にはソフトを再起動しないと反映されないものもあるので、一度再起動します。(設定する際に通知もあります)

と、だいたいこんな感じかと思います。

さいごに

DwCCを使う前は、Dreamweaver8という化石を5年前くらいに半年使っていました。
Dw自体も機能を使いこなせないし、Dreamweaver8→DwCCをいきなり使うのに、平安時代から平成にいきなり飛ばされた感覚(分かりづらい)で「わーなんなのー!意味わかんなーい」状態です。
正直今まではDwなんて使えないものと思っていたので、あまりできなくても他のエディタさんさえいてくれたらいいかなと思っていました。
でも「○○のことちゃんと知りもしないのに、勝手に嫌ってあいつのこと傷つけてた」と気づいた少女漫画の主人公のように心入れ替えてちゃんとDwを勉強しようかなと思い立ちました。
今後も自分メモ用に投稿していけたらいいな。

それでは、ここまで読んでくださりありがとうございました。
Dreamweaverのある充実した生活を!

タイトルとURLをコピーしました