javascript
javascriptjavascript
Nuxt.js[Nuxt.js]Moment.jsの使い方
Nuxt.jsでMoment.jsの使ってみた Nuxt.jsでMoment.jsを使ってみました。 本記事では導入する手順と使い方について記載しています。 載せているサンプルは日付変換と、現在日付取得、日付の加算・減算です。 Mome...
Nuxt.js[Laravel]Laravel Sanctumの使い方(フロントエンド編)
Laravel Sanctumの使い方(フロントエンド編) 本記事では、掲示板アプリを想定して、ユーザー登録とログインのサンプルコードと解説を載せています。 サンプルコードについては、完全版ではなく検証程度のものです。 sanctumで...
javascript[javascript]Lityの使い方（画像ポップアップ）
Lityの使い方（画像ポップアップ） Lityは画像や動画などをポップアップ表示してくれる、javascriptライブラリです。 githubを見るとファイルが3kbと軽いところを推しているようです。 本記事では、Lityの使い方と実際...
javascript[javascript]Enterキーを無効化・制御する方法
javascriptとjqueryでenterなどのキー制御をする方法を記載しています。 formのテキストボックスでenterを押した場合に勝手にsubmitされるような現象に対応できます。 Enterキーを無効化・制御する方法(ソース...
javascript[javascript][jquery]ブラウザバックを禁止する
この記事では、javascriptとjqueryを使用した場合に、ブラウザバックを禁止するサンプルを書いています。 javascriptのhistoryインターフェースを使うと実現できますが、chromeだけ挙動が少し違いました。 ブラウ...
javascript[bootstrap4]Toast(トースト)を使ってみる
bootstrap4でtoastの使い方などをまとめてみました。 公式のリンクはこちら 準備 CDNで使う準備 CDNを使う場合はbootstrapのトップページにある、CDNのパスをそれぞれ読み込んで使います。 toastはja...
javascript[javascript][bfcache]safariでブラウザバックの対応
safariで戻るボタンを押したら、bfcache(Back Forward Cache)が効いて、javascriptのloadingが消えない現象が起きていたので、対応してみました。 原因 chromeでは、特には問題が起きていなか...
javascript[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...
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...