PhpStorm/WebStormのLiveEditを活用しよう!リアルタイム反映でコーディング効率アップ!HTMLCSSPhpStormWebStorm HTMLやCSSの動作確認をしたい時、 ソースコードを書く ウインドウを切り替えてブラウザリロード この繰り返しが面倒くさい。 かと言ってGulpのようなタスクランナーを準備するのも面倒くさい。 そんな面倒マンにうってつけなのが、PhpStormやWebStormに搭載されている「Live Edit」。 この機能、ソースコードを書くと、ブラウザ側にリアルタイムで反映されます! 設定にかかる時間もわずか5分程度。 これから学習を始める方、サクッと動作確認をしたい時にめちゃくちゃ便利な機能をご紹介します。 この記事によって実現できること まずはこちらをご覧ください。 左側にPhpStorm、右側にChromeのウインドウを並べたものです。