一期一会 株式会社webtech 執行役員 川邊英之の公式ブログ

株式会社webtechのべーやんこと川邊英之が日々の想いを綴る公式ブログ

Dreamweaver インデント

ボタン1つでコードにインデントをつける最高の方法!

Dreamweaver インデント

コーディングの上で人のコーディングデータ程、途中から触るのは嫌なものです。でも、複数の人間で進めるような大きなプロジェクトになれば、そうも言ってられません。
そんな時に重要なのが何と言ってもインデント。このインデントがないと、並列に並んだコードは非常に見づらく、コードの切れ目を理解するのに時間がかかってしまいます。

特に、divタグなどの閉じがなされていない可能性が出てきてしまいます。見た目に崩れてくれればまだいいのですが、見た目にわからない場合もあるので、やはりインデントやコメントアウトも必要でしょう。
私は念のため、更に先日ご紹介した「HTMLエラーチェッカー」を利用しております。これで納品時に最低限のクオリティは保てるでしょう。

で、肝心のその方法ですが、Dreamweaverを用いて行います。もちろんご存じの方も多いと思いますが、意外と知らない人が多かったので、ご紹介させておこうかと。知ってる人は、本当に他愛もないエントリで恐縮です(汗)。

Dreamweaverで、対象となるコードを読み込み、全選択した上で「コマンド」の「ソースフォーマットの適用」を選択するだけで自動的にインデントが適用されます。しかも、システムによってタブでのインデントを嫌われる事もあると思います。そこもご安心ください。
この方法だと、すべて半角スペースのインデントが適応されます。是非、これからのコーディングを行う際は、ご活用ください。

NEWS

政治経済芸能など様々な時事ネタを取り上げたカテゴリ

記事一覧

WEB

webtechが制作したホームページや制作時に苦労した内容を記述するカテゴリ

記事一覧

FASHION

実際に自分が購入したアイテムや注目しているアイテムを紹介するカテゴリ

記事一覧

NOTES

プライベートな内容を雑記的に記述したカテゴリ

記事一覧