【vue-router】NavigationDuplicated Avoided redundant navigation to current locationの対処法
開発環境vue-cli 5.0.4エラー内容このエラーは、vue-routerでの遷移時、現在いるrouteと同じrouteに移動しようとすると発生する。NavigationDuplicated: Avoided redundant navigation to
開発環境vue-cli 5.0.4エラー内容このエラーは、vue-routerでの遷移時、現在いるrouteと同じrouteに移動しようとすると発生する。NavigationDuplicated: Avoided redundant navigation to
実行環境AWS CodeCommit@vue/cli 4.5.15問題AWS CodeCommitで管理しているvueのソースをローカルリポジトリにpullした際に下記のエラーが発生$ git pullfatal: unable to access &
npm install実行時に、下記のエラーが発生する際の対処法。自分用にメモ書き。Does your workplace require a proxy to be used to access the internet?if so you must configure the htt
今回はVue.js(vue-cli)で作成したアプリケーションをFirebase Hostingにデプロイする手順をまとめました。開発環境Vue.jsvue-cliFirebase HostingGitHub手順Firebase Host
JavaScriptで「12:30」などの時間をソートする場合に正常にソートできない方は、記事で問題を解決できます。大事なポイントは、コロンを除去した上でソートしているのかどうかです。これから解説するソースコードはVue.jsを使って記述していますが、Vue.jsを知らなくても理解できる内
「vue-quill-editor」はVue.js製のリッチテキストエディタを実装するライブラリです。その内部構造は、GitHubで★32,685を誇る有名なテキストエディタライブラリ「Quill」で構築されています。Quillは、シンプルなAPIで構成されているので開発者向けにも使いやす
開発環境@vue/cli 4.5.15vue@2.6.14vuetify@v.2.6.6vue-pdfとはvue-pdfは、vueコンポーネントを使ってPDFを簡単に表示・閲覧できるようにするためのVue.js用ライブラリです。vue-pdfを使えば、た
アプリケーションを構築する過程で、データの保存日時や更新日時を保存したり、UI上に表示したりする場面があると思いますが、Unixタイムスタンプから「2022/05/17 10:00」のような見やすい形式に変換する必要があります。今回は、JavaScriptでUnixタイムスタンプを日時形式
アプリケーションを構築する上でファイルサイズを表示する場面があるかと思いますが、全てのファイルがバイト数のまま表示されているとユーザービリティはとてつも無く下がります。KB・MB・GBなど適切な単位に変換して表示すればファイルサイズを把握しやすいと思います。今回は、JavaScriptでフ
開発環境vue@2.xvuetify@2.x検証環境機種:Mac mini (M1, 2020)ブラウザ:Chrome, Firefox※safariは挙動が異なるので、動作検証中です。全角入力の変換完了と同時に送信されるアンチパター
JavaScriptでforEachやfilterなどのループ処理を実行した結果、"object.forEach is not a function"や"object.filter is not a function"のエラーが発生するケースがあると思います。原因は、forEachやfil
今回はFirebase CLIを使って、Storageのセキュリティルールを変更します。当記事は、2022年5月時点での動作確認内容です(随時更新予定)下記の初期設定が既に完了している前提で、解説を進めていきます。Firebaseのプロジェクトを作成しているNode.js
今回はVue.jsでテキスト検索(絞り込み)機能を実装してみました。ソースはコピペで動きます。もし不明な点や質問、ご指摘がありましたら、記事下のフォームからコメントをお願いします。実際の挙動と仕様当機能の仕様は、何らかの飲食店のリストがあったと仮定して、ユーザーが自分の興味のある検
自動デプロイを設定する背景当ブログテーマに使用しているWordPressテーマファイルの変更・本番環境へのデプロイをコマンド1つで完了できるようにしたい。わざわざFileZillaを起動してデプロイするのが面倒なため。GitHubの「GitHub Actions」を使用して自動デプ
開発環境vue@2.xvuetify@2.x実装イメージ1.初期画面2.ドラッグ中3.ドロップ時ドラッグ&ドロップを開始した際にデザインを変更したり、ドロップされたファイルの情報を表示し
実装イメージチャットなどの機能で「ユーザーを選択して追加する」的な場面を想定して実装をしました。選択済みのレコードの背景色が変わるようになっています。ソースはコピペで動きますので、コードだけ欲しいという人は次のCodePenから持っていってくださ
今回の記事では、JavaScriptを使用して、記事の目次を作成するコードを解説します。実装では、要素の作成・描画などの基本的なDOM操作や、ループ処理を用いています。もちろん、フレームワークは使用せず、素のJavaScriptを使用しております。目次についてサイト(記事)
今回の記事では、JavaScriptを使用して「スワイプ」を無効にする方法について解説します。JavaScriptを使用した実装になります。スワイプは、スマートフォンで使用されるイベントになりますが、ユーザーにとって便利な反面、WEBサイトの動作不良の原因になることもあります。スワ
今回の記事では、外部JavaScriptファイルを、async / defer属性を使用して非同期で読み込む方法について解説します。JavaScriptは、何もしなければ基本的には同期的に読み込み・実行がされます。この同期的なJavaScriptが、WEBサイトのパフォーマンスにおいて障害になる場
今回の記事では、JavaScriptでアコーディオンメニューを作成する方法を解説します。アコーディオンは、WEB制作の場面でよく使用される技術になります。特に、スマートフォンなどの表示領域が限られたデバイスでは、効果的に使用することができます。※実装では、jQueryなどのライブラリは使用