JavaScript [javascript][bfcache]safariでブラウザバックの対応
safariで戻るボタンを押したら、bfcache(Back Forward Cache)が効いて、javascriptのloadingが消えない現象が起きていたので、対応してみました。原因chromeでは、特には問題が起きていなかったwe...
JavaScript
JavaScript JavaScript JavaScriptのlocalStorageの使い方(保存 / 取得 / 削除)
localStorageの使い方が知りたいですか？本記事では、localStorageの使い方とsessionStorageやcookieとの違いを解説し、動作するサンプルコードを置いています。localStorageを使用する際はご一読ください。
JavaScript [jquery]jquery toast pluginの使い方
jquery toast pluginを使い方を記載してみました。jquery toast pluginjqueryを使うときに、簡単にトースト表示が導入できるプラグインです。読み込んで、１行書くだけでトーストが表示されます。公式のgith...
JavaScript [jquery]tagやformに値を設定する
jqueryは最近はもうあまり使うことがないですが、前回のこの記事とか見てくれている人が多いようなので、jquery関連についても、ネタがない時に少しづつ書いてみます...今回は、jqueryでフォーム(text/radio/select/...
JavaScript [javascript]querySelectorでの要素取得・変更
bootstrap5系がそろそろリリースされるというニュースを見ていたんですが、bootstrapからjqueryが削除されるらしく、理由がjavascriptのクエリセレクタを使うと問題ないから...という一文を見てjavascriptの...
JavaScript [javascript][typescript]配列の使い方まとめ
javascript, typescriptで配列を使うときのアレコレを比較してまとめてみました。typescriptの公式ドキュメントはこちらになります。配列の宣言javascriptで配列宣言文字列だけの配列let nintendo_g...
JavaScript [javascript]vuetifyで使いそうなタグ４選
vuetifyゴリゴリの画面を触ったり触らなかったりしています。今回はv-btn, v-list, v-alert, v-iconを使ってみて、簡単な使い方を書いているのと属性でよく使いそうなものを載せてみました。v-btnこのタグを使うと...
JavaScript [javascript]vuetifyのtooltipについて
vuetifyでツールチップを使いました。基本的な使い方と属性などをまとめています。公式リンク：ツールチップ(v-tooltip)を使うv-tooltipで囲んで、templateの中にツールチップを反応させたい要素を書きます。iconやs...
JavaScript [javascript][typescript]連想配列を使う
typescriptで連想配列を使う時にちょっとハマったので、javascriptとtypescriptで連想配列を使う時についてまとめてみました。連想配列の宣言javascriptでの連想配列の宣言// 宣言して初期化const obje...
JavaScript [javascript]axiosの使い方(nodeコマンドから実行)
前回await/asyncでaxiosを使いましたが、業務でも使っていきそうなので、axiosのみにフォーカスして確認してみました。nodeコマンドで、ターミナルからjsファイルを実行して確認しています。前回：axiosとは？公式githu...
JavaScript [javascript]async / awaitを使ってみました。
こんばんは。前回に引き続き、async / awaitを使ってみました。（こっちが何かを知りたくて遠回り）コードはnodeを使ってコンソールで実行してみています。前回：async関数の頭につけることで、非同期関数を定義できます。これをつける...
JavaScript [jquery]セレクタ(要素・値)取得
概要jqueryでHTML要素をセレクトするときにいろいろな書き方例を記載します。要素を取得した後に値を取ったり、セットしたり、cssをつけたり、イベントを設定...etc で使います。jquery便利ですが、要素を指定するだけでもいろいろ...