JavaScript ネットワークがオフラインかどうか判定する

if (navigator.onLine) {
  // オンライン
} else {
  // オフライン
}

関連記事

• WEBアプリでプッシュ通知を実装する

  WEBアプリでプッシュ通知を実装する方法を紹介します。googleが紹介している以下のページを参考にしました。ウェブアプリへのプッシュ通知の追加 | Web | Google Develope...

---

• JavaScript WEBアプリのプッシュ通知の許可を取り消す方法

  WEBアプリでプッシュ通知を実装するでWEBアプリでプッシュ通知を実装する手順を紹介しましたが、ここでは逆にプッシュ通知削除する方法を紹介します。先のページで紹介したように、ページロード時に以下のよう...

---

• webpack-dev-serverでhttpsでのアクセスを可能にする方法

  webpack-dev-serverでhttpsでのアクセスを可能にする方法を紹介します。外部APIのテストや、メディアデバイスのテストなどで、開発中のlocalhostをhttpsにする必要があると...

---

• Dockerでwebpack-dev-serverを起動してホストからアクセスする

  Dockerコンテナ内でwebpack-dev-serverを起動して、ホスト側からアクセスを可能にする方法を紹介します。以下のように、webpack-dev-serverのオプションにhost: 0...

---

• Docker webpack-dev-serverをnginxのコンテナと連携する

  Dockerコンテナ内でwebpack-dev-serverを起動して、別のコンテナのnginxと連携する方法を紹介します。以下のような構成でコンテナを使用している場合を考えます。webコンテナはng...

---

• Vue.js ドラッグ＆ドロップで表示順を入れ替える

  Vue.jsで、ドラッグ＆ドロップで表示順を入れ替える方法を紹介します。まずは以下のように、v-forでリスト形式で一覧表示します。以下ではフルーツ（fruits）の一覧を表示しています。dataをそ...

---

• ASP.NET UpdatePanelでPostBack時にフォーカス状態を保持する

  ASP.NETのUpdatePanelでPostBack時にコントロールのフォーカス状態を保持する方法を紹介します。UpdatePanelのポストバックの開始と終了のイベントを設定するで紹介した方法で...

---

• Tensorflow.js 学習済みモデルを使って画像分類を行う

  TensorFlow.jsの学習済みモデルを使って画像分類を行う方法を紹介します。今回はMobileNetというライブラリ（学習済みモデル）を使用します。https://github.com/tens...

---

• Tensorflow.js 学習済みモデルを使って人物検出（人数）を行う

  TensorFlow.jsの学習済みモデルを使って人物検出を行い、画像に人物が何人いるかを判定する方法を紹介します。今回はBodyPixというライブラリ（学習済みモデル）を使用します。BodyPixは...

---

• stylelintで例外（無視）するタグを指定する

  cssで構文チェックを行うstylelintで任意のタグを無視してエラーとしない方法を紹介します。以下のようにruleのignoreTypesで無視するタグを指定します。以下の例ではamp htmlの...

---