taccuma note

Dreamweaverのコードビューを年寄りの目にも優しくしてみた

dw_codeview_coloring-1

Dreamweaverでサイトを作ってるときに目がチカチカするようになってきました。小さなフォントで、しかも背景が白いから・・・年寄りの目にはきつくてきつくて・・・Σ(゚д゚) エッ!?

コードビューのフォントをもう少し大きくして・・・
背景も黒っぽい方が疲れないかな??

あーでもない、こーでもないと・・・
いろいろググって最終的に参考にさせていただいたサイトはこちら

手順はそれほど難しくなくて・・・

       
  1. Webデザインのタネさんの記事を参考に、必要なファイルをダウンロード
  2. ダウンロードしたファイルを該当のフォルダにコピー
  3. Dreamweaverを起動して、環境設定からコードビューの背景を黒系に変更
  4. フォントサイズもちょちょっと大きく

こんな感じでスムーズに行けば10分もかからないで終わります。
そう・・・スムーズにいけばねw

注意点

注意したいところは2番め。DreamweaverのバージョンやOSの種類、WindowsやMacかなどで該当フォルダが違うのでそこを注意してください。僕の場合はWindows7でDreamweaverがDreamweaver CS5.5なんで・・・

C:\Users\ユーザー名\AppData\Roaming\Adobe\Dreamweaver CS5.5\ja_JP\Configuration\CodeColoring

このフォルダ内に初めからあるColors.xmlを
新しくダウンロードしてきたColors.xmlで上書きすればOKです。

ただ後で戻したくなったときのために上書きせずに、元々のColors.xmlというファイルをColors-backup.xmlみたいな感じでリネームしてバックアップしておくと良いかと思います。リネームすれば同じ名前のファイルを該当フォルダ内にコピーしても上書きされないですからね。

元に戻すときはコピーしてきたColors.xmlを削除して
リネームしたファイルのファイル名を戻せばOK。

謎の現象発生・・・w

実は2番目まではうまくスムーズに行ったんですが、謎の現象が起こったのは3番目。
コードビューの背景色をDreamweaverの環境設定から黒系に変更する作業。

dw_codeview_coloring-2
※変更前のデフォルトの画面

編集>環境設定>コードカラーリング からコードビューの背景色を変更できます。
赤枠部分のデフォルトの背景部分を黒系の色に変更すれば、コードビューの背景色が変更されるハズなんですが・・・

なぜか僕の環境では赤枠部分の【デフォルトの背景色】を変更すると
ライブコードの背景色が変更されますw

おかしいなぁ?といろいろ弄くってたら判明したんですが

デフォルトの背景→実際は【ライブコードの背景】

  • ライブコードの背景→実際は【読み取り専用の背景】
  • 読み取り専用の背景→実際は【デフォルトの背景】

になってるんですよね。
なんで僕のDreamweaverだけこんな変なことになってるのか?w

ググって調べてみたけど、同じようになってる人が見つからない(;^ω^)
もう1台サブで使ってるパソコンに入ってるDreamweaverでも試してみたけど、同じような現象でした。これはDreamweaverCS5.5のバグなのかなぁ?

まぁ、普段使いには特に困ったこと無いのでこのまま放っておこうか。
ということで背景色は・・・

dw_codeview_coloring-3

とこんな感じになりました。
まぁややこしいけど、これでいいや(投げやり)

ここまで設定すると、この記事の最初の画像のような
黒背景のコードビューになりました(`・ω・´)ゞ

コードビューのフォントサイズの変更方法

dw_codeview_coloring-4

Dreamweaverのコードビューのフォントサイズの変更方法は
編集>環境設定>フォント から。

赤枠部分の コードビュー 欄のフォントサイズを10ptから12ptに変更してみました。
フォントの種類も気に入らなかったら変更してもOKだと。

この記事のまとめ

Dreamweaverのコードビュー背景を黒にしてコードも見やすく色分け。
フォントサイズも大きくしたら、たしかに目の疲れは軽減されたような気がします。

ただ今使ってるモニターがグレア(光沢液晶)なので・・・黒背景にすると自分のイケメンの顔がハッキリ映ってしまって、困りますね(苦笑)

まだ一日しか使ってないので・・・もう少しこの状態で使ってみて慣れなかったら元に戻してみようかと思います。フォントの種類は今回変更してないのですが、暇があったらここもいじって見やすいフォント探してみたいです。

この記事をシェアする

コメント

コメントは管理人の承認後に公開されます...

Leave a Reply

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

最近の投稿

おすすめ

タグクラウド

カテゴリー