タグ

LiveEditに関するs99e209のブックマーク (2)

  • LiveEditを使ってみよう - Qiita

    LiveEditは「ブラウザをリロードせずにファイルを動的に書き換えて表示する」という機能です。 が、対象がHTMLCSS、JSということもありどちらかいうとコーダ、デザイナ、フロントエンドエンジニア向けの機能です。 事前準備 まずはPhpStorm用のプラグインとブラウザ用のExtentionをインストールします。 最新のPhpStorm7.1にはLiveEditのプラグインがデフォルトで含まれていないので、そちらをインストールします。 [Preferences] - [Plugins] - [Browse repositories...]から[Live Edit]プラグインを選択してインストールします。 また、ブラウザはここではGoogle Chromeを使用します。 Chrome上で以下のプラグインをインストールしておきます。 JetBrains IDE Support 事前準備は

    LiveEditを使ってみよう - Qiita
    s99e209
    s99e209 2015/12/06
    LiveEditでHTMLやCSSなどを書き換えるとGoogle Chromeが動的にリロードされるように設定する。
  • ブラウザのリロード要らず? WebStorm/PhpStormのLiveEdit機能 | バシャログ。

    全然Hotな話題ではなくなりましたがiPhone5をようやく手に入れました。LTEは速いです。リリースから1ヶ月以上経っていて、同じバシャログ。メンバーから「あ、まだ手に入れてなかったんだ」的な目で見られた…などということはありません。 日はまだまだマイナーなWeb系IDE WebStorm / PhpStormの便利機能 LiveEditを紹介します。 LiveEditとはどんな機能か PhpStorm 5.0で組み込みの機能になったもので、もともとは"Instant HTML Editing" プラグインと呼ばれていたものだそうです。大きく分けて2つの機能があります。、1つ目はHTML/CSS/JavaScriptの修正を即座にブラウザ表示に反映させる機能、2つ目は、エディタのカーソルがある位置の要素をブラウザ上でハイライトさせる機能です。現時点ではChrome専用です。文で説明する

    ブラウザのリロード要らず? WebStorm/PhpStormのLiveEdit機能 | バシャログ。
    s99e209
    s99e209 2015/12/06
    WebStorm/PhpStormのLiveEdit機能の使い方。
  • 1