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のポストバックの開始と終了のイベントを設定するで紹介した方法で...

  ---

• TypeScript unknown型を安全に確認して使用する

  unknownは、どのような値が入っているか分からないことを表す型です。外部から受け取ったJSONやcatchした値を、確認せず操作したくない場合に使います。anyは型チェックを無効にしますが、unk...

  ---

• TypeScript typeとinterfaceの基本的な使い分け

  TypeScriptでは、typeとinterfaceのどちらでもオブジェクトの形を定義できます。似ている部分が多いため、最初はどちらを使えばよいか迷うことがあります。今回は基本的な書き方と、分かりや...

  ---

• TypeScript Problem DetailsをZodで検証してAPIエラーを扱う

  fetchは、サーバーが400や500を返してもPromiseをrejectしません。そのため、HTTPステータスを確認し、レスポンスの形式を検証してから、画面で扱いやすいエラーへ変換する必要がありま...

  ---