PSDからコーディングに必要な情報を抽出する技術がAdobeからCreative Cloud Extractとしてリリースされており、BracketsではExtract for Brackets (Preview)(以下Extract)というエクステンションとして、インストーラーに標準で組み込まれています。 Extractを使用することによりBrackets内でPSDを読み込み、各種コード・画像をその場でコードヒント(Ctrl+Space)で抽出・反映させることが出来ます。 コーディングの効率化に大きく貢献してくれるExtractのどのように使えばよいか、順を追ってご紹介していきます。 基本的な使い方はこちら→Bracketsの機能紹介、使い方解説 その他の便利エクステンション集はこちら→ Brackets おすすめエクステンション集・解説 下準備~起動 Extractを使用するには、Cr
![PSDをテキストエディタで開く時代!次世代ツールExtract for Bracketsの使い方 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/59f4327836f6a3346f380265d74344ac6cc6e694/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9UFNEJUUzJTgyJTkyJUUzJTgzJTg2JUUzJTgyJUFEJUUzJTgyJUI5JUUzJTgzJTg4JUUzJTgyJUE4JUUzJTgzJTg3JUUzJTgyJUEzJUUzJTgyJUJGJUUzJTgxJUE3JUU5JTk2JThCJUUzJTgxJThGJUU2JTk5JTgyJUU0JUJCJUEzJUVGJUJDJTgxJUU2JUFDJUExJUU0JUI4JTk2JUU0JUJCJUEzJUUzJTgzJTg0JUUzJTgzJUJDJUUzJTgzJUFCRXh0cmFjdCUyMGZvciUyMEJyYWNrZXRzJUUzJTgxJUFFJUU0JUJEJUJGJUUzJTgxJTg0JUU2JTk2JUI5JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz01MmE3MjI2OGI4NDQ0Y2IyMWRhNWZmOTJjNzg1MWJiZA%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwYXNzaWFsaWhvbGljJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0yYzhmZTZmOTE2NjY4MGRmZmI3NGNkM2M4NTRiYWRmNw%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Db1cadb14f8387b1fb0d8fb658e3314be)