javascript[javascript][bfcache]safariでブラウザバックの対応
safariで戻るボタンを押したら、bfcache(Back Forward Cache)が効いて、javascriptのloadingが消えない現象が起きていたので、対応してみました。 原因 chromeでは、特には問題が起きていなか...
javascript
javascriptjavascript[javascript]localStorageの使い方
localStorageの使い方が知りたいですか？ 本記事では、localStorageの使い方とsessionStorageやcookieとの違いを解説し、動作するサンプルコードを置いています。 localStorageを使用する際はご一読ください。
javascript[jquery]jquery toast pluginの使い方
jquery toast pluginを使い方を記載してみました。 jquery toast plugin jqueryを使うときに、簡単にトースト表示が導入できるプラグインです。 読み込んで、１行書くだけでトーストが表示されます。 ...
javascript[jquery]tagやformに値を設定する
jqueryは最近はもうあまり使うことがないですが、前回のこの記事とか見てくれている人が多いようなので、 jquery関連についても、ネタがない時に少しづつ書いてみます... 今回は、jqueryでフォーム(text/radio/sele...
javascriptNuxt.jsでpluginを使ってみた（郵便番号検索）
Nuxt.jsで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を使う時に、必要なメソッドやサンプルなどについて下...
Laravel[laravel]laravel(v6)でvue-routerを使う
前回に引き続いて、vue-routerを入れて動かしてみました。 ページを２つ作って、vue-routerに定義して、画面遷移できるところまで確認してみました🤔 vue-routerとは vue-routerはvueで、URLルーティン...
Laravel[laravel]laravel(v6)にvueを導入する(JS&CSSスカフォールド)
laravelスカフォールド？ 公式をみてみるとlaravelのフロントエンドでbootstrap、vueやreactなどを導入するための仕組みのようです。 今回はこれを使って、vueを導入してみました。 laravelはvertion...
javascript[javascript][typescript]配列の使い方まとめ
javascript, typescriptで配列を使うときのアレコレを比較してまとめてみました。 typescriptの公式ドキュメントはこちらになります。 配列の宣言 javascriptで配列宣言 文字列だけの配列 let n...
javascript[Nuxt.js]nuxtでtypescriptを使ってみた(todolist作成)
nuxtにtypescriptを入れて使ってみました。 typescriptをインストールする 公式のセットアップ手順によると、 @nuxt/typescript-buildと@nuxt/typescript-runtimeが必要そうで...