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

Rapid Development for Everyone

Yohei Munesada
September 04, 2014

Rapid Development for Everyone

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

Yohei Munesada

September 04, 2014
Tweet

More Decks by Yohei Munesada

Other Decks in Technology

Transcript

  1. Rapid Development
    for Everyone
    HTML5 Beginners
    2014/9/4
    @yoheiMune
    ʙ։ൃऀҰਓҰਓ͕Ͱ͖Δ։ൃޮ཰Խʙ

    View full-size slide

  2. about:me
    • फఆ༸ฏʢΉͶͩ͞ Α͏΁͍ʣ
    • @yoheiMune
    • (ג)αΠόʔΤʔδΣϯτ
    • blog -> http://www.yoheim.net

    View full-size slide

  3. agenda
    1. Chrome Developer Tools ฤ
    2. Chrome Extensions ฤ
    3. Chrome Others ฤ

    View full-size slide

  4. Chrome Developer Tools
    ʙ։ൃऀπʔϧͷ͜Μͳ࢖͍ํʙ

    View full-size slide

  5. Elementsλϒ | Chrome Dev Tools
    ༻్ɿΨνͰHTML΍CSSΛίʔσΟϯά͠·͢

    View full-size slide

  6. Consoleλϒ | Chrome Dev Tools
    ༻్ɿϩά֬ೝɺϝιουͷςετɺϝιου໊ͷ֬ೝ

    View full-size slide

  7. Resourcesλϒ | Chrome Dev Tools
    ༻్ɿCookieͷ࡟আɺLocalStorageͷ֬ೝ/ฤू

    View full-size slide

  8. Chrome Extensions
    ʙ։ൃΛޮ཰ԽͰ͖Δ֦ுػೳʙ

    View full-size slide

  9. The QR Code Extension | Chrome Extensions
    ༻్ɿεϚϗͰURLೖྗͷखؒΛল͘
    https://chrome.google.com/webstore/detail/the-qr-code-
    extension/oijdcdmnjjgnnhgljmhkjlablaejfeeb

    View full-size slide

  10. PerfectPixel | Chrome Extensions
    ༻్ɿσβΠϯΧϯϓͱը໘ΛॏͶͯΈΔ
    https://chrome.google.com/webstore/detail/perfectpixel-by-
    welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi

    View full-size slide

  11. LiveReload | Chrome Extensions
    ༻్ɿϑΝΠϧอଘ࣌ʹϒϥ΢βΛࣗಈͰϦϩʔυ
    https://chrome.google.com/webstore/detail/livereload/
    jnihajbhpnppcggbcgedagnkighmdlei
    ※ผ్Gruntͱ͔΋ඞཁͰ͢
    http://www.yoheim.net/blog.php?q=20130409

    View full-size slide

  12. Chrome Others
    ͦͷଞʹ΋ศརͳػೳ͕ɾɾɾ

    View full-size slide

  13. Chrome User | Chrome Other
    ༻్ɿCookieͷҟͳΔϢʔβʔΛ࡞ͬͯෳ਺ΞΧ΢ϯτςετ
    chrome://settings ͰChrome্ʹϢʔβʔΛ࡞੒!!
    Cookie, LocalStorage, Extensions, Bookmark ͕ผʑͰςετར༻ʹ࠷ద

    View full-size slide

  14. http://github.com/yoheiMune
    http://www.yoheim.net
    http://twitter.com/yoheiMune
    Thank you

    View full-size slide