JavaScript 【javascriptライブラリ】Lityの使い方(画像ポップアップ) Lityは画像や動画などをポップアップ表示してくれる、javascriptライブラリです。 githubを見るとファイルが3kbと軽いところを推しているようです。 本記事では、Lityの使い方と実際に使った場合のデモページを用意しています。... 2020.10.21 JavaScript
JavaScript javascriptでEnterキーを無効化・制御する方法 javascriptとjqueryでenterなどのキー制御をする方法を記載しています。 formのテキストボックスでenterを押した場合に勝手にsubmitされるような現象に対応できます。 検証した環境はchromeです。 Enterキ... 2020.10.07 JavaScript
JavaScript javascriptまたはjqueryでブラウザバックを禁止する この記事では、javascriptとjqueryを使用した場合に、ブラウザバックを禁止するサンプルを書いています。 javascriptのhistoryインターフェースを使うと実現できますが、chromeだけ挙動が少し違いました。 ブラウザ... 2020.10.05 JavaScript
JavaScript [javascript][bfcache]safariでブラウザバックの対応 safariで戻るボタンを押したら、bfcache(Back Forward Cache)が効いて、javascriptのloadingが消えない現象が起きていたので、対応してみました。 原因 chromeでは、特には問題が起きていなかった... 2020.08.19 JavaScript
JavaScript JavaScriptのlocalStorageの使い方(保存 / 取得 / 削除) localStorageの使い方が知りたいですか? 本記事では、localStorageの使い方とsessionStorageやcookieとの違いを解説し、動作するサンプルコードを置いています。 localStorageを使用する際はご一読ください。 2020.08.14 JavaScript
JavaScript [jquery]jquery toast pluginの使い方 jquery toast pluginを使い方を記載してみました。 jquery toast plugin jqueryを使うときに、簡単にトースト表示が導入できるプラグインです。 読み込んで、1行書くだけでトーストが表示されます。 公式の... 2020.08.12 JavaScript
JavaScript [jquery]tagやformに値を設定する jqueryは最近はもうあまり使うことがないですが、前回のこの記事とか見てくれている人が多いようなので、 jquery関連についても、ネタがない時に少しづつ書いてみます... 今回は、jqueryでフォーム(text/radio/selec... 2020.08.03 JavaScript
JavaScript [javascript]querySelectorでの要素取得・変更 bootstrap5系がそろそろリリースされるというニュースを見ていたんですが、 bootstrapからjqueryが削除されるらしく、 理由がjavascriptのクエリセレクタを使うと問題ないから...という一文を見て javascri... 2020.07.10 JavaScript
JavaScript [javascript][typescript]配列の使い方まとめ javascript, typescriptで配列を使うときのアレコレを比較してまとめてみました。 typescriptの公式ドキュメントはこちらになります。 配列の宣言 javascriptで配列宣言 文字列だけの配列 let ninte... 2020.05.13 JavaScript
JavaScript [javascript]vuetifyで使いそうなタグ4選 vuetifyゴリゴリの画面を触ったり触らなかったりしています。 今回はv-btn, v-list, v-alert, v-iconを使ってみて、簡単な使い方を書いているのと 属性でよく使いそうなものを載せてみました。 v-btn このタグ... 2020.02.26 JavaScript
JavaScript [javascript]vuetifyのtooltipについて vuetifyでツールチップを使いました。 基本的な使い方と属性などをまとめています。 公式リンク: ツールチップ(v-tooltip)を使う v-tooltipで囲んで、templateの中にツールチップを反応させたい要素を書きます。 i... 2020.02.24 JavaScript
JavaScript [javascript][typescript]連想配列を使う typescriptで連想配列を使う時にちょっとハマったので、 javascriptとtypescriptで連想配列を使う時についてまとめてみました。 連想配列の宣言 javascriptでの連想配列の宣言 // 宣言して初期化 const... 2020.02.22 JavaScript