vuex-persistedstateを使ってみる
Vue.jsでの状態(データ)管理に使用されるVuexですが、ブラウザのリロードなどを行うとデータは消えてしまいます。 ...
JavaScriptの記事一覧
Vuexを使ってみる
Vue.jsでの状態(データ)を一括で管理するためのライブラリ「Vuex」を使ってみます。 今回はVue CLIの環境で...
Vue.jsでコンポーネント間でデータのやり取りをする
Vue.jsで親子のコンポーネント間でデータのやり取りをする方法を試してみます。 使用しているVueのバージョンは2系に...
v-forで複数の要素をループする
Vue.jsで単一要素のループではなく、複数要素のブロックをループさせたいということがたまにあるので、その際のループ方法...
Vue CLIでTailwind CSSを使用する
Vue CLIとTailwind CSSを組み合わせて使ってみます。...
Vue CLIを使ってみる
Vue.jsのアプリケーション開発環境として、Vue.js公式から提供されているコマンドラインツール「Vue CLI」を...
Fullscreen APIを使ってみる
要素のフルスクリーンでの表示自体は以前記事を投稿していますが、フルスクリーン表示に合わせていろいろ対応をする機会があった...
Vue.jsのwatchを使ってみる
Vue.jsのwatchを簡単に試してみます。...
Nuxt.jsでRSSフィードを作成する
RSSフィードを作成する機会があったので、@nuxtjs/feedの設定方法を試してみます。...
Nuxt.jsでsanitize-htmlを使ってみる
Nuxt.jsでサニタイズすることがあったので、sanitize-htmlの設定方法をメモ。 sanitize-html...
JavaScriptで履歴に残さないでリダイレクトする
JavaScriptでのリダイレクトで別ページに移動した際、ブラウザバックなどでリダイレクト元に戻らないようにする方法を...
JavaScriptのsort()を使ってみる
配列のソートを行えるsort()メソッドを使ってみます。...
VeeValidateでバリデーションのタイミングを変更する
Vue.jsのライブラリのVeeValidateを使用した際、バリデーションのタイミングを調整したいということがあったの...
Nuxt.jsでエラーページの対応をする
Nuxt.jsでエラーページの設定をする方法をメモ。...
VeeValidateのValidation Observerを使ってみる
VeeValidateのValidation Provideを使ったバリデーションは以前Vue.jsの記事やNuxt.j...
Nuxt.jsでお問い合わせフォームを作成する
Nuxt.jsを使って、確認画面を挟むタイプのお問い合わせフォームの処理を実装してみます。...
Nuxt.jsでdate-fnsを使ってみる
@nuxtjs/date-fnsを使って、Nuxt.jsで日付の処理を行ってみます。...
JavaScriptのincludes()・same()・find()・findIndex()を使ってみる
JavaScriptで配列内の検索方法を検討することがあったので、その際に試したincludes()・same()・fi...
Nuxt.jsでGTMを追加する
Nuxt.jsでサイトを構築する際に、Googleタグマネージャ(GTM)を追加する方法をメモ。...
JavaScriptのreduce()を使ってみる
JavaScriptのreduce()メソッドを使ってみます。...