IT記事,Vue

インストール vue cliを使い、vueプロジェクトにTestツールをインストール vue add unit-jest ・jestとというJS用テストツールと、Vue Test UtileというVue用のツールがインストールされる。 VS ...

IT記事,Vue

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

IT記事,Vue

v-containerのmax-widthを変えたくなった。 公式ドキュメント vuetifyではvue cliでインストールしておいた場合、自動でsrc/sass/variables.scss(またはsrc/styles/variable ...

AWS Amplify,IT記事

追記(2021/12/11)----- Amplifyの更新によりGraphQL Transformerはv2になり記述が大きく変わりました。以下のリンクを参考にしてください。 この記事も前のバージョンのやり方として残しておきます。 --- ...

IT記事,Spring Boot

サーバー側で画像ファイルを受け取る際に正しい画像データかチェックします。 こちらの記事(ホワイトハッカーへの道 二歩目)を参考にすると以下をする必要があります。 ファイル名にパスが含まれていないかチェックする。ファイルにスクリプトタグが含ま ...

IT記事,Spring Boot

Spring Boot開発環境をVisual Studio Code (以下 VS Code)で作成する。 1. jdk8と11をインストール オススメはAmazon Corretto 自分の環境ではjdkの8と11が必要だったので、両方イ ...

AWS Amplify,IT記事

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

AWS,IT記事

Ligtsail で PHP のバージョンアップをしたいと思い調べてみました。 PHPのバージョンアップならコマンド一つかなと思ったら、Lightsail ではインスタンス丸ごとアップデートという方法しかないようです。つまり新しいインスタン ...

AWS Amplify,IT記事

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

AWS Amplify

AWS Amplifyでサイトを公開するには、amplify hosting というコマンドを打つか、AWS Amplify Consoleにブラウザでアクセスして、githubのレポジトリを登録する方法の2つがある。 githubレポジト ...

Thumbnail of post image 072

AWS Amplify,IT記事

AWS Amplifyで(Zoom とか Google Meet併用前提の)マーダーミステリー用Webツールを作ってみた。 α版です。カードを配ったり、グループ内で見せあったりすることができます。 申し訳ないけど、まだ機能がないので登場人物 ...

AWS Amplify,IT記事

AWS Amplifyで匿名掲示板を作ってみた 以下のURL いろんな機能がまったくない。そのうち追加するかも 開発録 APIの型は以下のようになっておりまーす type Thread @model { id: ID! title: Str ...

AWS Amplify,IT記事

AWS Amplifyで作ってみたプロジェクトを2つほどgithubに公開している。これはソースコードなどを読んでもらう目的で公開している。 公開する場合、{Project Folder}\amplify\team-provider-inf ...