Adobeの嬉しいキャンペーン情報＆使えると便利なDreamweaverの最新機能紹介

2017年3月14日

Adobe社から素敵なニュースです！
Dreamweaverの20周年を記念して、お気に入りの機能をTwitterでツイートしたらAdobeの特製グッズが当たるというプレゼントキャンペーンをAdobeが実施しています！

Dreamweaverといえば、プロのWebデザイナー・コーダー・プログラマー必携のオーサリングソフト（制作補助ソフト）です。 Dreamweaverを使えば、Web制作をスムーズに、そして効率よく制作・管理ができて、作業効率を圧倒的に早くすることができます。
インターネット・アカデミーでも、ホームページ講座の基礎からしっかりと授業で学習しているので、皆様もおなじみですよね！

そんなDreamweaverは、発売されてから20年の間にたくさんの機能が追加され、バージョンアップされてきました。
今回のキャンペーンでは、その進化の中で、Dreamweaver CC 以降のバージョンでの 20 機能と、Dreamweaver CS 以前の 20 機能の中から、好きな機能を最大3つまで選んで専用のツイートボタンを押してツイートすれば、抽選でAdobeのオリジナルグッズが当たるというものです。

そのグッズもどれも素敵なのですが、個人的には「Adobe特製　工具ペン」が一番ほしい！です。気になる方はぜひ投票をしてみてくださいね。

Dreamweaver CC 2017の最新機能といえば...

今回の投票の中で、今最新のDreamweaver CC 2017の最新機能が加えられていたので、いくつかご紹介します！

プリプロセッサーのサポート

新しいDreamweaver CC 2017では、一般的な CSS プリプロセッサー（Sass、LESS、SCSS など）がサポートされるようになりました。それにより、作業時間を節約しながら、より見やすいコードを作成することができるようになりました。

CSSプリプロセッサーとは

CSSプリプロセッサーとは、シンプルにいうとCSSを効率よく、かつ便利に記述するために生まれたものです。 CSSにはない変数やネスト構造でのコーディング、関数や四則演算などを行うことができます。

CSSプリプロセッサーの種類には、SaasやLESS、SCSS などがあります。
ある程度知識がある方は、「CSSで変数を使えるメリットって何？」と思われるかもしれませんね。たとえば、CSSでコーポレートカラーやよく使うカラーコードを変数に設定しておけば、カラーコードを何度も書かずに済むなどの効率化を図ることができます。

リアルタイムプレビュー

今までのDreamweaverでは、コードを入力したら、更新をしなければプレビュー画面を見れませんでした。それが当たり前だったのですが、CC 2017からは、Dreamweaver をブラウザーに接続できるようになったので、コードの変更内容をブラウザーでリアルタイムにプレビューし、確認しながら作業を進めることができます。

私はこれが直近で一番嬉しいアップデートでした！