Dreamweaver

Dreamweaver CC 2018でのソースフォーマットの場所

更新日:

ベータ版からつかっているDreamweaver CC 2018でのソースフォーマット(コードの整列機能)の場所がわかりづらかったのでメモしました。

Dreamweaver CC 2017でのソースフォーマットの場所

ソースフォーマットとは

  • コードを整頓してくれる機能
  • インデントなどをキレイに揃えてくれる
  • 可読性を高めてくれる

Dreamweaver の機能で、ソース内の改行やインデントをいろいろきれいに整頓してくれるので、ぐちゃぐちゃになったあとに適用するととても使い勝手が良かった機能です。

コードの整列機能としてとても有能で、いつもお世話になっていました。

制作の現場でもコードの整列を最後にかならず工程としていれている会社さんは多いのではないでしょうか。

Dreamweaver CC 2017のソースフォーマットの場所

  • 以前のDreamweaverからコマンドの場所が変更された
  • ソースフォーマットの場所は編集メニューへ移動に

どうやらDreamweaver CC 2018からメニューの場所が変更になったらしい。

コードの整列をしようとしたときにちょうど発見しました。

編集メニュー>コード>ソースフォーマットの適用

Dreamweaver CC 2017のソースフォーマットの場所

Dreamweaver CC 2017のソースフォーマットの場所

ソースフォーマットの適用 ショートカット

ソースフォーマットの適用ができるショートカットは、Alt+E +D +Aですね。

Dreamweaver CC 2018でのソースフォーマットやってみた

Dreamweaver CC 2018でのソースフォーマットを実行します。

上記のコマンド順に入力します。

ソースフォーマット適用前

dw1


編集メニュー>コード>ソースフォーマットの適用

もしくは、
Alt+E +D +A
の入力ですね。

ソースフォーマット適用後

dw2

ソースフォーマットにより、ソースがキレイに整列されました。

まとめ

  • Dreamweaver CC 2018ではメニューの位置が変更されました
  • 編集メニューの中にあります
  • ソースフォーマットはコードを整頓してくれる機能
  • ソースフォーマットはインデントなどをキレイに揃えてくれる
  • ソースフォーマットは可読性を高めてくれる

Dreamweaver CC 2018ではメニューの位置が変更になった機能がいくつかあるようです。

ソースフォーマットのように全然違うところに移動になった(左遷!?)機能がもしあればピックアップしていきたいと思います。

おすすめWeb系転職記事

30代未経験からイケイケWeb系企業に転身できた理由 1

32歳でSIerを退職し、未経験からWebエンジニア兼Webデザイナーとして零細企業に転職。 転職から2年が経ち、札幌の …

中途未経験からWeb系企業に入る 2

僕は大手SIer勤務を経て、Web業界未経験から、転職2社目にして札幌のとあるイケイケWeb系企業への転職を成功させまし …

中途未経験から高収入Web系企業に入る 3

僕は大手SIer勤務を経て、Web業界未経験から転職2社目にして札幌のとあるイケイケWeb系企業への転職を成功させました …

未経験からTechAcademyでエンジニアになる 4

TechAcademyは様々なプログラミング言語が学べる、オンラインプログラミングスクールです。   僕は未経 …

ドットインストールでWebデザイナー 5

  ドットインストールはプログラミング動画講座サービスです。 ドットインストールを3行で説明 ソフト開発の言語 …

-Dreamweaver

Copyright© バイラシー , 2019 All Rights Reserved Powered by AFFINGER5.