IT記事,Vue

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

Thumbnail of post image 122

IT記事,制作物

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

IT記事,Vue

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

AWS Amplify,IT記事

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

AWS Amplify,IT記事

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

IT記事

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

AWS Amplify,IT記事

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

IT記事

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

Thumbnail of post image 159

AWS Amplify,IT記事

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

IT記事

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