PSDからコーディングに必要な情報を抽出する技術がAdobeからCreative Cloud Extractとしてリリースされており、BracketsではExtract for Brackets (Preview)(以下Extract)というエクステンションとして、インストーラーに標準で組み込まれています。 Extractを使用することによりBrackets内でPSDを読み込み、各種コード・画像をその場でコードヒント(Ctrl+Space)で抽出・反映させることが出来ます。 コーディングの効率化に大きく貢献してくれるExtractのどのように使えばよいか、順を追ってご紹介していきます。 基本的な使い方はこちら→Bracketsの機能紹介、使い方解説 その他の便利エクステンション集はこちら→ Brackets おすすめエクステンション集・解説 下準備~起動 Extractを使用するには、Cr