Vue.js

Vue Cliでプロジェクトを作ったとして、ビルド時にconsole.logを自動で取り除くにはどうしたらいいか。 参考 : terser-webpack-pluginを使う。 webpack5から一緒にインストールされるようだ。しかし自分 ...

アドレス 画像のような投票所を作れるサイトを作ってみました。聴衆がいる場面で使うイメージです。 コロナ禍のコミュニケーションツールの一つとして……と言いたいけどまだいろいろ出来てないのでアルファ版です。登録されたデータも予告なく消されること ...

毎日何時間かVueとVuetifyを個人プロジェクトで触っている。Formにバリデーションチェックをつけようと思った。 そこでまずテストを書こうと思い立つ。 以下にVuetifyでバリデーションのテストをする場合のポイントを書く。 バリデー ...

まずプラグインを公開してくれている方がいるので、こちらを使います。 npm install @aws-amplify-jp/vocabulary-ja importします。（typescriptなら、const ja = ...

この記事では AWS Amplify の@aws-amplify/ui-vueを使用したログインフォームの作り方を解説します。 routerで認証を確認して、ログインが必要なページにアクセスするとSignInページに遷移する作りを目指します ...

リストの中のオブジェクトを検索して、あればそのオブジェクトを更新するにはどうしようかな、となって以下のように書いた。 // listからidで探して更新する updateListItem2(list, value) { const idx ...

AWS Amplifyの認証まわり、ログイン画面からやってみる。amplify cliはバージョンアップで結構変わるようなので注意です。 (2020/07/20 追記 : npm installするライブラリが変わり、コード周りが変わったの ...

ソーシャルボタンをつけたくなった。公開されているコンポーネントで簡単に作れないだろうか。あまり凝らなくて良い。 検索すると以下のようなコンポーネントが出た。 vue-social-sharing : star数が多そう。icon等見た目は別 ...

AWS Amplify触ってみる。GraphQL形式のapiとそれを使ったVueアプリがサラッと作れる。 今回は公式ドキュメントのチュートリアルを試す。 まずはvue cliでプロジェクトを作る。 vue create amplifytes ...

Vue.jsを使ってファイル選択Formと画像のプレビュー機能を作った。以下は簡単なメモ まずVue cliを作ってプロジェクトを作る。 vue create nanntokaproject UIフレームワークを使うと楽に書ける。今回はBo ...