HTML/CSSマークアップ(コーディング)ワークフロー最速化の検討

HTML/CSSマークアップ(コーディング)ワークフロー最速化の検討

もっと効率化を測れないかを、いつもクライアント事業フローを見るように自分自身を見たことないなと改めて効率化を考えてみることにしました。

大まかな今のフロー

  1. 入稿(イラレ多し
  2. テキスト抽出(イラレで手作業)
  3. 画像スライス(イラレでアセットの書き出し,svgとpng)
  4. 画像のトリミング(PhotoShop)
  5. 一部画像のJPEG/GIF化(Th-MakerX)
  6. 画像の最適化(ImageOptim)
  7. HTMLマークアップ(PhpStorm/SublimeText)
  8. CSSスタイリング(sass記法+laravel-mix)

できそうな所。

  • 2はスクリプト or ショートカットでできそう。
  • 4〜5は自作アプリで自動化したい。+6へ自動で引き渡したい。