LiveReloadというツールがとても便利。 一言で言うと、ファイルの変更を監視して、変更があったらブラウザーをリロードしてくれる、ものです。 Web系の開発やっているとブラウザーのリロードは年中やってます。 だけど、これをしなくていいというのがこんなにも幸せなこととは知りませんでした。 LiveReloadの使い方は簡単です。 LiveReloadを起動する 開発中のプロジェクトのフォルダを監視対象に追加する 開発中のプロジェクトにコードスニペットを忍ばす(あるいはブラウザーエクステンションをインストールする) こうすると、監視対象のファイルが更新された時にブラウザーがリロードされるようになります。 2の監視対象の追加は、ディレクトリをドラッグアンドドロップすれば巻単位追加できます。 3のスニペットはLiveReloadの画面に表示されているものをコピペするだけです。 次のようなスニペ
![LiveReloadが便利すぎる - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/9082378c0fcfa3bd2545ed1f4c2b189511720e8c/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9TGl2ZVJlbG9hZCVFMyU4MSU4QyVFNCVCRSVCRiVFNSU4OCVBOSVFMyU4MSU5OSVFMyU4MSU4RSVFMyU4MiU4QiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NDJjNWE0MjIzOGY4NDQxNjU5MDg2YWNhOTY3N2NkODg%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwbWFydGluaTNveiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MjU2M2I5Yzk3OGY4NjEwYTA3NzE3NDZkZjgzYmMyNWY%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D43a1c80f2c42e0efd219cf5895a2b126)