javascript[bootstrap4]Toast(トースト)を使ってみる
bootstrap4でtoastの使い方などをまとめてみました。 公式のリンクはこちら 準備 CDNで使う準備 CDNを使う場合はbootstrapのトップページにある、CDNのパスをそれぞれ読み込んで使います。 toastはja...
javascript
javascript
javascript[javascript][bfcache]safariでブラウザバックの対応
safariで戻るボタンを押したら、bfcache(Back Forward Cache)が効いて、javascriptのloadingが消えない現象が起きていたので、対応してみました。 原因 chromeでは、特には問題が起きていなか...
javascript[javascript]localStorageの使い方
javascriptでブラウザにデータを保存できる、localStorageの使い方についてまとめてみました。 localStorageとは？ localStorageはブラウザにデータを保存するための仕組みです。 HTML5から登場し...
javascript[jquery]jquery toast pluginの使い方
jquery toast pluginを使い方を記載してみました。 jquery toast plugin jqueryを使うときに、簡単にトースト表示が導入できるプラグインです。 読み込んで、１行書くだけでトーストが表示されます。 ...
javascript[jquery]tagやformに値を設定する
jqueryは最近はもうあまり使うことがないですが、前回のこの記事とか見てくれている人が多いようなので、 jquery関連についても、ネタがない時に少しづつ書いてみます... 今回は、jqueryでフォーム(text/radio/sele...
javascript[Nuxt.js]nuxtでpluginを使ってみた（郵便番号検索）
前回はaxiosをnuxtに導入して、郵便番号apiやqiita apiを動かしてみました。 今回はnuxtで郵便番号検索プラグイン作ってみたので、自作プラグインの作り方を書いています。 公式のこちらのドキュメントを参考に作ってみました。...
javascript[Nuxt.js]axiosをnuxtで使う方法とproxyでのCROS制約回避
axiosをnuxtで使う方法です。 nuxtでのaxiosの導入方法と、実際に使ってQiitaからデータを取ってきてみています。 zipcloudという郵便番号サービスにアクセスを行うと、cros制約にかかったので cros制約をnux...
javascript[javascript]querySelectorでの要素取得・変更
bootstrap5系がそろそろリリースされるというニュースを見ていたんですが、 bootstrapからjqueryが削除されるらしく、 理由がjavascriptのクエリセレクタを使うと問題ないから...という一文を見て javascr...
javascript[jquery / php]jqueryでajaxを使う
最近、素のphpでajax通信をして、データ登録することがあったのですが 忘れていたことも結構あったので、いまさらですが復習の意味も込めて確認してみました。 jqueryとphpでajaxを使う時に、必要なメソッドやサンプルなどについて下...