Uploaded byKumiko SHIMIZU
デザイナーさんでもできる Browsersync からはじめる作業効率化・春
Knock!Knork! Webデザイントレンド2016（2016年3月12日開催）の発表資料です。
デザイナーさんでもできる Browsersync からはじめる作業効率化・春
- 1. デザイナーさんでもできる Browsersyncからはじめる作業効率化・春 Knock!Knock! Webデザイントレンド 2016/ 2016.03.12 sat SHIMIZU Kumiko
- 2. 自己紹介 • 浜松市を中心に活動しているWeb系おかん • デザイナー兼マークアップエンジニア •Web制作会社12年、現在フリーランス1年生 • 趣味はフィルム写真と映画鑑賞と猫 • Webアクセシビリティ興味のある方、お友達になりましょう 清水久美子 SHIMIZU Kumiko トトコトデザイン @oratnin jiumei32 Photo by @wbyn Photo by Hironobu Matsumura
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13. なにができる？ • モバイル端末のデバッグ • 低速回線のシミュレート •CSSの可視化 • グリッドの表示 など Responsive Web Design Testerが便利 ほかに
- 15.
- 16.
- 17.
- 18.
- 19.
- 20. 導入の手順 STEP 1 Node.jsをインストール STEP2 npm の設定ファイルを作る STEP 3 Browsersyncをインストール STEP 4 起動のための設定をする
- 21.
- 22.
- 23.
- 24. 導入は明日からでも、 年度末で忙しい人は 新年度 からでも！ 1.日々の小さな作業は自動化できる 3. 導入は 意外 と 簡単！ Browsersyncの詳しい設定方法は、追ってブログで公開予定です。 2. Browsersync はファイル変更を検知・リロード
- 25.
- 26. ご清聴ありがとうございました！ Thank You @oratnin jiumei32 http://totoco.org/ AllPhotographs by SHIMIZU Kumiko
- 27. Thank You All Photographsby SHIMIZU Kumiko https://creativemarket.com/pixelbazaar/ Thanks to FLATILICIOUS by Pixel Bazaar