概要エディタで保存して、いちいちブラウザに切り替えてリロード。この作業ってコーディングしていると腐るほどするので面倒くさくなりますよね。PCだけで完結するなら昔書いたエントリー(これは便利!エディタで保存と同時に3ブラウザを更新)に書いてあるようにWindowsならどうにかできます。スマホとかになるとリロードとか非常に大変!というわけで作ってみました。詳細は↓の動画を見てみてください。編集しているファイルにJavaScriptを1~2行挿入するだけ。src="http://kzms2.com/lab/realtimeReload/master.js"></script>※jQueryを既に使っている場合は1行ですね。実際に埋め込んであるページはこちらになります。※沢山見られてそうでしたこっそりリアルタイム更新してみたいと思います。使ってみたいという方はこちらからファイルを保存、もしくは以下のソースをコピペして、実際に編集してブラウザでひらいてみてください。[jQueryとhttp://kzms2.com/lab/realtimeReload/master.jsが必須です。[jQueryとhttp://kzms2.com/lab/realtimeReload/master.jsが必須です。</html>編集しているファイルにJavascriptを1~2行挿入するだけエディターを問わずファイルを保存するだけ相対で記載している外部ファイルの保存でもリロードされる※linkタグで参照しているCSSや、scriptタグで参照しているJavaScriptなどただ、スマホは前提としてサーバーにアップしないとなので、Dreamweaverのサイト機能を使って保存と同時にサーバーにアップしたりしないと恩恵を受けづらいかもしれません。→詳しくない方は「サイトの定義とサーバーへアップロードする方法」などをご参照ください。注意点などJavaScriptを記述してエラーにしてしまうと、リロードが行われなくなります。→HTML、CSSの編集に留めるのが安全です。サーバーにアップせずにローカルで作業して、PCでリロードを自動にさせたいという方は相対パスでCSSやJavaScriptなどを書いているとリロードされないので注意してください。→link・scriptタグの参照先が相対だとリロードされません。src="http://kzms2.com/lab/realtimeReload/js/master.js"></script>」の指定をはずし忘れないようにしてください。使っている技術や仕様など仕様言語JavaScript(jQuery)※今話題のnodejsは用いていません...なんかすみません...仕組みなどjQueryの$.ajaxを用いて、setIntervalでひたすら関連ファイルをGETして、ファイルに変更がなければそのまま。変更があればリロードという処理をしています。↓にスクリプトを一部抜粋。function(html){//ここにファイルに変更があったかをチェックするスクリプトを記載。//ここにファイルに変更があったかをチェックするスクリプトを記載。}ご意見ご要望などは@kzms2などに気軽にご連絡くださいませ。バグなどもあれば出来れば教えてください。完璧なスクリプトではないですが、マークアップ時の負担が減ると嬉しいです。RSSブログ内検索searchProfileZuma読み込みエラーです。経ってから確認してみてください。某ポータルWebデザイナー。世間的にはマークアップな人。html,css,javascript大好き。最近はcss3がお気に入り。phpとasも気になるお年頃。僕はどこへ向かうのか。dot3というユニットでも活動中。Tokyoに出演しました。かわいくってとってもおしゃまなウープスデザイン.。