Upgrade to Pro — share decks privately, control downloads, hide ads and more …

デザイナーさんでもできる Browsersync からはじめる作業効率化・春

デザイナーさんでもできる Browsersync からはじめる作業効率化・春

Knock!Knock! Webデザイントレンド 2016(2016.03.12)のショートセッション発表資料です。

ShimiKumi

March 12, 2016
Tweet

More Decks by ShimiKumi

Other Decks in Programming

Transcript

  1. 自己紹介 • 浜松市を中心に活動しているWeb系おかん • デザイナー兼マークアップエンジニア • Web制作会社12年、現在フリーランス1年生 • 趣味はフィルム写真と映画鑑賞と猫 •

    Webアクセシビリティ興味のある方、お友達になりましょう 清水久美子 SHIMIZU Kumiko トトコトデザイン @oratnin jiumei32 Photo by @wbyn Photo by Hironobu Matsumura
  2. 導入の手順 STEP 1 Node.jsをインストール STEP 2 npm の設定ファイルを作る STEP 3

    Browsersyncをインストール STEP 4 起動のための設定をする
  3. 導入は明日からでも、 年度末で忙しい人は 新年度 からでも! 1. 日々の小さな作業は自動化できる 3. 導入は 意外 と

    簡単! Browsersyncの詳しい設定方法は、追ってブログで公開予定です。 2. Browsersync はファイル変更を検知・リロード