意外と知らない?Dreamweaverの隠れ便利機能2013-06-01Webデザイン前回の更新から、少しスパンが空いてしまいましたが、いかがお過ごしでしょうか。前回の記事は、どちらかというと、Webデザイナー初心者や、非デザイナー向けの記事でしたが、今回は漸く、深く突っ込んだ内容になってます。あと、注意書きなのですが、僕は基本的に、全ソフト、CS5を使っているので、5の仕様を基準にしています。バージョンによって、項目の場所などに、若干の違いがあるので、ご了承ください。メニューで出す場合は、編集→環境設定(メニューの下の方にある)をクリック。ctrlで思い出しましたが、僕はwindowsです。macの方はcomma...とか、もうわかってると思うので、今後も、いちいち言わないで進めていきます。この中から、面白い!便利!と感じた項目をピックアップして紹介していきます。環境設定の画面から、コードフォーマットの項目をクリック。ここのCSSをクリックしてみましょう。すると、このような画面になるので、次に、タブというプルダウンを押してみましょう。スペースを選択します。画像の、プレビューという項目を見てもらうとわかるように、Dw(Dreamweaver)でコードを書いていて、改行した時にできるインデントの設定ができます。僕はタブ派なので、そのままにしておきます。スペースの左の数字が、1となってますが、これは「1つ分」という意味なので、5にすれば、5スペース空く、ということになります。デフォルトでは、「行ごとにプロパティ」という項目にチェックが入っていますが、これをはずすと、このように(プレビューの項目)、コードが横並びになります。テキストエディタでやってる人は、こっちの方が良いかもしれませんね。次に、これが今回の押しポイントでもある、フォントの設定。「フォント?何の?」って思った方もいるかと思います。これは別に、font-familyの話とかではありません。Dw自体のフォントの話です。Dwの画面って、まぁ普通こんな感じじゃないですか?これだと味気もないし、みんなと一緒です。そこで、自分好みに変えてしまいましょう!環境設定の、「フォント」の項目をクリックすると、下の画像のような画面になります。「コードビュー」の項目があるので、好きなフォントをまずは選んでみます。解りやすいように、しねきゃぷしょんを選んでみます。すると、コードのフォントが...かわいい!このように、好きなフォントに設定できます。イカした英字フォントにして、スタイリッシュにしたりもできます。「しねきゃぷしょん」や、有名フリーフォントの「みかちゃん」などといった手書き風フォントだと、コードを書くときの気が、ちょっとラクになると思いませんか?僕は普段、大好きなメイリオにしています。最初、フォントの設定を変えたばかりでは、見づらくて使いづらいですが、このブログで何度も言うように、慣れの問題です。2時間もコーディングしてれば、すぐに慣れてきます。いかがだったでしょうか?環境設定って、意外とおろそかだったりするので、これを機に、他にもいじいじしてみてはどうでしょう?(次の記事とは限りませんが)次回は、Dwの意外と知らないショートカット編を書きたいと思います。余談ありがたいことに、まさかの質問が来たので、こちらのよくある質問の一番下に追加しておきました。よろしければご覧ください。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。頼人(ライト)と申します。FANTASYロゴ風フリーフォントにグッと来た!(商用利用可)slackでチャンネルを削除。XDで「インタラクションが含まれていません」の警告が出て「開発者に共有」ができない邦ロックマニアが秋に聴きたくなる曲はこれだ気持ち悪い。POSTS社会人、恐いよー、なりたくないよー。