JavaScript cookieが有効か判定する
JavaScriptでcookie（クッキー）が有効か判定をします。
navigator.cookieEnabledで簡単に判定できます。
if (navigator.cookieEnabled) {
console.log('有効');
} else {
console.log('無効')
}- 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 Union型を条件分岐で安全に使い分ける
APIの結果が成功または失敗のどちらかになる場合、両方の項目を任意にした1つの型へ詰め込むと、存在しない値を読みやすくなります。Union型なら、あり得る状態を別々に表せます。statusはどの型かを...
- TypeScript typeとinterfaceの基本的な使い分け
TypeScriptでは、typeとinterfaceのどちらでもオブジェクトの形を定義できます。似ている部分が多いため、最初はどちらを使えばよいか迷うことがあります。今回は基本的な書き方と、分かりや...