52 「関連ファイル」バーで目的のファイルにすばやくアクセスする - WEBの作業が楽になるテクニック総まとめ 第7回 | デザインってオモシロイ -MdN Design Interactive-

52 「関連ファイル」バーで目的のファイルにすばやくアクセスする - WEBの作業が楽になるテクニック総まとめ 第7回

2024.9.16 MON

【サイトリニューアル!】新サイトはこちらMdNについて

WEBの作業が楽になるテクニック総まとめ 第7回



Tips 52
「関連ファイル」バーで
目的のファイルに
すばやくアクセスする


文=神森 勉(アンカーテクノロジー(株)/T-STUDIO)


Dreamweaver CS4から搭載されている便利な機能に「関連ファイル」バーというものがある【1】【2】。この機能は、HTMLファイルから呼び出されているJavaScriptやCSSファイルがドキュメントウインドウの上部にリストされ、必要に応じて簡単にアクセスできるようになっているというものだ。この機能により、分割ビューを使ってデザインビューを見ながらCSSコードを編集したり【3】、ライブビューを見ながらJavaScriptコードを編集したりできる。

従来と同じデザインとコードの分割ビュー。余談だがCS4からは分割ビューで縦分割を選べるようになっている
【1】従来と同じデザインとコードの分割ビュー。余談だがCS4からは分割ビューで縦分割を選べるようになっている

ドキュメントとツールバーの間にある「関連ファイル」バー
【2】ドキュメントとツールバーの間にある「関連ファイル」バー

デザインビューはそのままで、コードビューがCSSコードに変わった。CSSコードを変更して保存することもできる
【3】デザインビューはそのままで、コードビューがCSSコードに変わった。CSSコードを変更して保存することもできる


POINT コードナビゲータという機能も役立つ


[INDEX]
>>> 47 立体的に見せたいパーツを簡単にシャープな印象に仕上げる
>>> 48 デフォルトのパターン機能を有効利用してオブジェクトをつくる
>>> 49 クリップ機能でコーディングのスピードを上げる
>>> 50 開発サーバでAjaxやPHPファイルを効率よく確認する
>>> 51 スクリプトの固定で複数のアクションを同時に編集する
>>> 52 「関連ファイル」バーで目的のファイルにすばやくアクセスする



【バックナンバー】WEBの作業が楽になるテクニック総まとめ
[第1回を見る][第2回を見る][第3回を見る][第4回を見る][第5回を見る][第6回を見る]
twitter facebook このエントリーをはてなブックマークに追加 RSS
【サイトリニューアル!】新サイトはこちらMdNについて

この連載のすべての記事

アクセスランキング

8.30-9.5

MdN BOOKS|デザインの本

Pick upコンテンツ

現在