本記事は、Edge Reflow Previewの内容をもとに執筆したものです。今後の開発において、機能や操作方法が変更となることがあります。Edge ReflowはCreative Cloudから入手でき、無償メンバーでも利用できます。 レスポンシブWebデザインの特徴 近年、スマートフォンやタブレットの普及に伴い、Webサイトを各デバイス向けに最適化することが求められるようになりました。当初は、PCや各デバイスごとに専用サイトを用意し、OSや画面サイズなどを判別して、該当する専用サイトへ誘導する方法が一般的でした。しかし、デバイスのサイズが多様化するにつれ、特定のサイズに向けた専用サイトを制作することが難しくなってきました。 そこで注目されるようになったのが、「レスポンシブWebデザイン（RWD）」という方法です。レスポンシブWebデザインでは、1つのHTMLを用い、解像度やサイズをベ

読者は、BracketsまたはEdge Codeに関する知識があり、JavaScriptを十分に理解している必要があります。 必要なアドビ製品 Brackets（JavaScript、HTML、CSSで記述されたオープンソースのWeb用コードエディター）。 新しいオープンソースのWeb用コードエディターであるBracketsでは、拡張性が重視されています。実際、Quick Open（すぐに開く）、Quick Edit（すぐに編集）、HTML Code Hinting（HTMLコードヒント）などの中心的な機能のいくつかは拡張機能として実装されています。 Bracketsのアーキテクチャは高度にモジュール化されており、Bracketsのメインコードをできる限り的を絞ったものに保ちながら、高いカスタマイズの可能性を提供することによって、問題点の分離を実現しています。これは、現代のWeb開発者のニ