ヒロフミ)株式会社イノーヴWEBクリエイター。キャンペーンサイト・コーポレートサイト・ECサイトを中心に手がける。土日はWEBの学校クスールで非常勤講師としてJavaScriptなどを教えています。個人ブログ「Deconcepter」ではWEBに関わる人が押さえておきたい情報の発信に務めています。Reflowを使ったワークフローを交えつつ、具体的に紹介しました。本稿では、node.jsアプリケーションとして実装されているGeneratorプラグインを自作し、機能拡張する方法を詳しく解説します。Cloudで提供が開始されました。多様な制作ニーズへ柔軟に対応できるよう、psdファイルの状態変化の補足やファイル情報の取得などをJavaScriptから操作可能なプラットフォームとして提供されています。本稿ではGeneratorの搭載でどのようなことが可能になったのかを見ていきます。Codeで使うことができます。Codeにはないデバッグ機能が備わっており、効率的な開発を行うためにも、Bracketsで拡張機能を開発することをお勧めします。Codeはエディタ自体がHTML5で構築されており、拡張機能もHTML5で作成されています。Codeでもほぼそのまま利用可能です。「ほぼ」と書いたのは、Bracketsはバージョンアップの頻度が高く、最新のBrackets用の拡張機能が使えない場合もあるためです。Previewの内容をもとに執筆したものです。今後の開発において、機能や操作方法が変更となることがあります。Cloudから入手でき、無償メンバーでも利用できます。Code)基本操作について網羅していきたいと思います。ツール自身がHTML5とJavaScriptで、一からオープンソースプロジェクトとして制作されており、オープンで拡張性が高いことも魅力の一つ。本連載では、この最新ツールの導入手順から基本操作、使いこなしテクニック、拡張手段まで、短期集中でその魅力を解きほどいていきます。ReflowのPreview版の内容をもとに執筆したものです。今後の開発において、機能や操作方法が変更となることがあります。Cloudから入手でき、無償メンバーでも利用できます。圧縮・解凍UNIX基本講座@CodeZine『CodeZine(コードジン)』の公式アカウントです。【NEW】デブスト2019デブサミ2019福岡・関西デブサミ2019夏デブスト関西デブサミ2019×ログインEメールパスワード※旧SEメンバーシップ会員の方は、同じ登録情報(Eメール&パスワード)でログインいただけます。イラストの無断転載を禁じます。記載されているロゴ、システム名、製品名は各社及び商標権者の登録商標あるいは商標です。