vueでtestメモ
インストール vue cliを使い、vueプロジェクトにTestツールをインストール vue add unit-jest ・jestとというJS用テストツールと、Vue Test UtileというVue用のツールがインストールされる。 VS ...
[Vue & Vuetify] VuetifyのFormのバリデーションをテスト
毎日何時間かVueとVuetifyを個人プロジェクトで触っている。Formにバリデーションチェックをつけようと思った。 そこでまずテストを書こうと思い立つ。 以下にVuetifyでバリデーションのテストをする場合のポイントを書く。 バリデー ...
[Vuetify]v-containerのmax-widthを変える
v-containerのmax-widthを変えたくなった。 公式ドキュメント vuetifyではvue cliでインストールしておいた場合、自動でsrc/sass/variables.scss(またはsrc/styles/variable ...
[AWS Amplify API] createdAtでソートした結果を返す
追記(2021/12/11)----- Amplifyの更新によりGraphQL Transformerはv2になり記述が大きく変わりました。以下のリンクを参考にしてください。 この記事も前のバージョンのやり方として残しておきます。 --- ...
[Spring Boot] 画像のバリデーション
サーバー側で画像ファイルを受け取る際に正しい画像データかチェックします。 こちらの記事(ホワイトハッカーへの道 二歩目)を参考にすると以下をする必要があります。 ファイル名にパスが含まれていないかチェックする。ファイルにスクリプトタグが含ま ...
Spring Boot 開発環境をVisual Studio Codeで作成する
Spring Boot開発環境をVisual Studio Code (以下 VS Code)で作成する。 1. jdk8と11をインストール オススメはAmazon Corretto 自分の環境ではjdkの8と11が必要だったので、両方イ ...
[AWS Amplify] ログイン画面を日本語化する
まずプラグインを公開してくれている方がいるので、こちらを使います。 npm install @aws-amplify-jp/vocabulary-ja importします。(typescriptなら、const ja = ...
[AWS Ligtsail + WordPress] PHPなどインスタンスをバージョンアップするには
Ligtsail で PHP のバージョンアップをしたいと思い調べてみました。 PHPのバージョンアップならコマンド一つかなと思ったら、Lightsail ではインスタンス丸ごとアップデートという方法しかないようです。つまり新しいインスタン ...
[ AWS Amplify + Vue.js ] Authでログイン画面作る
この記事では AWS Amplify の@aws-amplify/ui-vueを使用したログインフォームの作り方を解説します。 routerで認証を確認して、ログインが必要なページにアクセスするとSignInページに遷移する作りを目指します ...
AWS Amplify を公開する前に SPA 用のリダイレクト設定を行う
AWS Amplifyでサイトを公開するには、amplify hosting というコマンドを打つか、AWS Amplify Consoleにブラウザでアクセスして、githubのレポジトリを登録する方法の2つがある。 githubレポジト ...
![Thumbnail of post image 026](https://opvel.com/wp-content/uploads/2020/05/madamisutool-0-300x104.png)
AWS Amplifyでマーダーミステリー用Webツールを作ってみた
AWS Amplifyで(Zoom とか Google Meet併用前提の)マーダーミステリー用Webツールを作ってみた。 α版です。カードを配ったり、グループ内で見せあったりすることができます。 申し訳ないけど、まだ機能がないので登場人物 ...
AWS Amplifyで匿名掲示板を作ってみた
AWS Amplifyで匿名掲示板を作ってみた 以下のURL いろんな機能がまったくない。そのうち追加するかも 開発録 APIの型は以下のようになっておりまーす type Thread @model { id: ID! title: Str ...
AWS AmplifyのプロジェクトをGithubで公開するときにteam-provider-info.jsonを消す
AWS Amplifyで作ってみたプロジェクトを2つほどgithubに公開している。これはソースコードなどを読んでもらう目的で公開している。 公開する場合、{Project Folder}\amplify\team-provider-inf ...