Brackets に新しい拡張機能 Reflow Cleaner が公開されました。Reflow Cleaner は、Reflow で制作したデザインから、クリーンな HTML と CSS を生成する （ことを目的として開発された） 拡張機能です。
Reflow は、作業中のデザインをブラウザで表示確認するために HTML コードを生成します。しかし、生成されるコードの構造は、Reflow からの扱い易さを優先したもので、残念ながら、そのまま開発に利用するには適したものではありません。
Reflow はデザインツールである、という点からは、この仕様は理解できなくもないものですが、とはいえ、せっかく HTML ベースのデザインツールを使うのだから、その出力をコーディングに活かせないのかという期待も、Reflow が登場した頃からずっと聞かれてきた声でした。そこで、コーディング環境である Brackets の拡張機能として、Reflow が生成するコードを元に、開発に適した HTML や CSS を生成する機能が追加された、というのが背景のようです。
Reflow Cleaner はレジストリに登録されているので、ツールバーのアイコンをクリックすれば、後は、リストから選択するだけで使用できるようになります。使い方は以下のビデオが参考になるかと思います。
現在のバージョンは、まだ 「実験的」 と位置づけられています。実際に試してみると、ツール任せでそのまま使えるコードができるという域にはまだまだという感じです。
とはいえ、カンプを見ながらコードを最初から買うことを思えばずいぶんと楽ですし、今後が楽しみな機能です。
コメントする