新しくなったDreamweaver2019を触ってみました|VS Codeから浮気しそう

今の仕事では、Winメインにコーディングも多いので、今まではMac専用のCODAを使っていたのですが、卒業しました。
そこでMacとWindowsで同じ環境を使えるソフトを探して選んだのがVS Code。

ところが、最近になってDreamweaverに触る機会があったのですが、これがすごい!!!!

・早い!!!
・軽い!!!(会社のマシンが速いというのもある)
・かっこいい!!!!(すいません、形から入る人なので・・・)

素人の感想みたいになってしまいましたが、使用してみたレポートを書いてみます。



Dreamweaverの初期設定

Dreamweaverがすごくなってる

まず起動すると以下の画面が表示されて、ワークスペースの選択が行なえます。
デベロッパーモード(開発)、スタンダード(標準)の選択肢が行なえます。
デベロッパーとスタンダードから選択できます。

コーディングに慣れている人はデベロッパーのほうが良いと思います。
そして、PhotoShopやIllustratorでもおなじみ、色も変更できます。
色の変更もできます。ダークモードがかっこいいですね。

今、両方操作してますが、やっぱりデベロッパーのほうが見慣れた画面が表示されるので良いですね。
デベロッパーはコーディングメインで行う人向けで、余計なGUIが省かれているので、作業もサクサク行えます。

スタンダードの場合は、コーディングに慣れていない方や練習中の人向けにプレビューで途中経過を見ながら作業を勧めることができるようになっています。
さらに、テーブルやリストタグなども直感操作で入れることができるので、コードがわからなくてもワードで文章や表を作る感覚で勧めることができます。

切り替えは画面右上で標準とデベロッパーとすぐできますので、どちらも触ってみて自分にあってる方で良いと思います。

個人的にはぜひデベロッパーモードで

Dreamweaverは今までは重たい・遅いとよく言われていました。
しかし、Dreamweaver2017からはBracketsの機能が統合されています

Bracketsとは?

AdobeのHTML/CSS/JSエディターです。
一番の特徴は無料で使えるという点です。しかもDreamweaverのように多機能ではない。
多機能ではないからこそ軽くて早い。
Bracketsはそれ自体がHTML/CSS/JSで書かれているため、動作が非常に軽いです。
さらに機能も最低限しかなく、必要な機能は全部拡張機能として公開されています。

ブラウザのリアルタイムプレビューとかAdobeソフトとの連携など、無料とは思えない非常に優れたエディターです。

Bracketsを受けいだDreamweaver

Bracketsの動作が軽い部分、Adobeとの強力な連携機能を受け継いだDreamweaver。
VS Codaもまだ使い慣れてない今日このごろですが、さっそく浮気しそうですw

今のDreamweaverにはEmmetの機能も最初から入っています。
しかもEmmetのショートカットキーはTab(Vs CodeもTab)なので、違和感なく入り込めます。

Dreamweaverのオススメ機能

個人的に最強だと思っているのが、Windwos(ctrl + E)・Mac(⌘ + E)です。
これを押すとその場でCSSが開いてその場で修正できます。
最強のショートカットはこれだ!

この機能があるから使いたいといっても過言ではないくらいオススメ機能です。
コレ使わないならソフトは何でも良いと思ってしまうくらいですw

ライブプレビュー見ながら、CSSもリアルタイムに変更していけるとか最強すぎます。

さらにSass/LESSのコンパイル機能も搭載してます。
自分は使い慣れてないためあまりご縁がないのですが、今は使ってる人もたくさんいますよね。
慣れたらすごく早いというのはわかるので、機会があれば勉強してみようと思います。(多分)

まとめ|今のDreamweaverはすごい!!

5年以上Dreamweaverは触ったこともなかったですが、今使ってみるとソフトの進化に驚きました。
今はテキストエディタもたくさんあります。
たくさんあるからこそ、原点に帰ってみると面白い発見があったりします。

・Mac(Coda)、Windows(Dreamweaver)
・Mac(VS Code)、Windows(VS Code)
・Mac(Dreamweaver)、Windows(Dreamweaver)

どれかの環境になると思います。
Dreamweaverはまだ触り始めたばかりなので、久しぶりにテンプレート機能とかも確認しながらもう少し触ってみてどうしようか決めようと思います。

↓ポチッと押してくれると嬉しいです↓

  • にほんブログ村 IT技術ブログ Tipsへ
  • にほんブログ村 IT技術ブログ WordPressへ
  • ブログランキング・にほんブログ村へ