Rapid Development for Everyone

at 第7回 HTML5ビギナーズ LT
フロントエンドにおいて開発者一人一人ができる開発効率化を紹介します。

Transcript

1. Rapid Development for Everyone HTML5 Beginners 2014/9/4 @yoheiMune ʙ։ൃऀҰਓҰਓ͕Ͱ͖Δ։ൃޮ཰Խʙ
2. about:me • फఆ༸ฏʢΉͶͩ͞ Α͏΁͍ʣ • @yoheiMune • (ג)αΠόʔΤʔδΣϯτ • blog -> http://www.yoheim.net
3. agenda 1. Chrome Developer Tools ฤ 2. Chrome Extensions ฤ 3. Chrome Others ฤ
4. Chrome Developer Tools ʙ։ൃऀπʔϧͷ͜Μͳ࢖͍ํʙ
5. Elementsλϒ | Chrome Dev Tools ༻్ɿΨνͰHTML΍CSSΛίʔσΟϯά͠·͢
6. Consoleλϒ | Chrome Dev Tools ༻్ɿϩά֬ೝɺϝιουͷςετɺϝιου໊ͷ֬ೝ
7. Resourcesλϒ | Chrome Dev Tools ༻్ɿCookieͷ࡟আɺLocalStorageͷ֬ೝ/ฤू
8. Chrome Extensions ʙ։ൃΛޮ཰ԽͰ͖Δ֦ுػೳʙ
9. The QR Code Extension | Chrome Extensions ༻్ɿεϚϗͰURLೖྗͷखؒΛল͘ https://chrome.google.com/webstore/detail/the-qr-code- extension/oijdcdmnjjgnnhgljmhkjlablaejfeeb
10. PerfectPixel | Chrome Extensions ༻్ɿσβΠϯΧϯϓͱը໘ΛॏͶͯΈΔ https://chrome.google.com/webstore/detail/perfectpixel-by- welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi
11. LiveReload | Chrome Extensions ༻్ɿϑΝΠϧอଘ࣌ʹϒϥ΢βΛࣗಈͰϦϩʔυ https://chrome.google.com/webstore/detail/livereload/ jnihajbhpnppcggbcgedagnkighmdlei ※ผ్Gruntͱ͔΋ඞཁͰ͢ http://www.yoheim.net/blog.php?q=20130409 →
12. Chrome Others ͦͷଞʹ΋ศརͳػೳ͕ɾɾɾ
13. Chrome User | Chrome Other ༻్ɿCookieͷҟͳΔϢʔβʔΛ࡞ͬͯෳ਺ΞΧ΢ϯτςετ chrome://settings ͰChrome্ʹϢʔβʔΛ࡞੒!! Cookie, LocalStorage, Extensions, Bookmark ͕ผʑͰςετར༻ʹ࠷ద
14. http://github.com/yoheiMune http://www.yoheim.net http://twitter.com/yoheiMune Thank you