Webデザイン制作【初心者さん】にオススメのDreamweaverの魅力

Dreamweaverは、無料で利用することができないので、お手軽ではないのですが、その分使い勝手が良いところもあるんです。

Dreamweaverの回し者ではありません。

むしろ回し者になりたいWebデザイナーMarieです。

ではいきませう〜！

ユーザーの少ないAdobeのDreamweaver

と、コーダーさんに聞いてみてください。

と答える人は、多分超少ないでしょう。

わたし自身、周りでバリバリDreamweaver使ってる人、見たことがないです。

スクール講師をしていた時も、周りの先生に聞いても誰もいませんでした。

よく出てくるのは、VS Code・コーダー・Atom等です。

なぜ使わないのかという理由の1つに、「有料だから」というのと、「重いから」と言われる方がいます。

10年程愛用していますが、遅いと感じることはないですし、便利なので今後も変更するつもりは今のところございません。

Dreamweaverというと、「ビジュアル」で編集すると思っている方も多いですが、ビジュアルは一切使用しません。

と言っても、他のエディタは、ほとんど触ったことがないので、もしかしたら、「え、こんなことできるの！？」ということがあるのかもしれません。

でも、今現在わたしのところにはそんな声は届いておりませんので、Dreamweaverを心からオススメします。

Dreamweaverをオススメする1番の理由

なんと言っても、1番の理由は、「FTPソフトがくっついている」こと。

Dreamweaver1つで、コーディングとFTPアップロードをこなすことができるという万能仕様

コードを書き換えたら、「shift + command + U」を押すだけでアップロードまで完了するんです。

これはめちゃくちゃ便利！

初心者さんの場合は、エディターでコードを書いた後に、FTPソフトを立ち上げてアップロードしてって、慣れるまで大変です。

また、Dreamweaverの場合は、あらかじめサイト設定をしておくと、アップロードする場所を間違えることがないんです。

昔はアップロードよくミスって焦りまくってました（汗）

Dreamweaverでわたしがよく使う機能

ではここから、Dreamweaverを愛するわたしがよく使う機能を紹介してみます。

command + D

行選択したものを行ごと複製することができます。

これは何気に超便利。

1行複製する場合は、行中のどの場所でcommand + Dを押しても次の行に複製されます。

例：<li>〜</li>までとか、<tr>〜</tr>までを行選択してcommand + Dで複製

めちゃくちゃ効率UPになります。

各種Emmet

Emmetは他エディタでもある機能。

コーディング速度をUPさせる為に必須の機能と言っても過言ではない！！！！！

もちろんドリちゃん（Dreamweaver）もしっかり使うことができますよ〜！

例えば、section とだけ入力し、tabキーを押すと、<section></section>と入ってくれます。

他にも、ul>li*3と入力し、tabキーを押すと、

<ul>
	<li></li>
	<li></li>
	<li></li>
</ul>

こんな感じで入力できるんです。

すっごく時短になる便利機能がEmmet。

他にもたくさんあるので、興味がある方は「Dreamweaver Emmet」で検索してみてください。

縦選択機能

マジで便利！

縦に選択して、複数行一気に編集できる機能。

↓こちらをご覧ください。

この投稿をInstagramで見る

Marie | webデザイナー(@chiiweb_)がシェアした投稿

このムービーにあるように、一気にclass追加したい場合や消したい場合などに便利です。

複数箇所の同時編集機能

↓こちらをご覧ください。

この投稿をInstagramで見る

Marie | webデザイナー(@chiiweb_)がシェアした投稿

縦選択の方が古くからあったのですが、なんと離れた場所でも同時入力が可能にっ！！！！

これはclass書き換える時とか追加する時に結構便利。

ソースコードの展開

<section>〜</section>というようなコードを閉じておくことができるんです。

例えば、こんな風にコードがあったとしますよね。

今はここは使わないのでスッキリしよう！という場合に、

でん！

こんな風に閉じちゃうことができます。

他のエディタでもできるんかも知らんけどね。w

Dreamweaverだけとは言ってないので許して♡

他にもDreamweaverの好きな機能は色々あって、「サイトの管理」とか。

また思い出したら書こうと思います。

最後に

Dreamweaverの魅力伝わりましたか？

でもこんなに書いててあれなんですけど、ぶっちゃけコーディングに使うエディタってなんでも良くて。

自分が使いやすいのが一番ですよね。

ほんで究極はメモ帳でいい。

Dreamweaverは初心者さんに優しいと思うので、これからコーディング始めるぞーって方は、ぜひ検討してみてくださいね＾＾

またねーっ！