Thumbnail of post image 088

AWS Amplify,IT記事,React,制作物

ホロライブ名前当てゲームを趣味で作りました。 ホロライブの名前覚えてるか確認できます。

AWS Amplify,IT記事

追記(2021/12/11)--- 更新によりAdmin UIはAdmin Studioへと名前を変えています。 --- AWS AmplifyのAdmin UIを使ってゲーム内のコンテンツデータを管理してみる。データを変更しやすくなったり ...

IT記事,Next.js

前にReactで作った掲示板をNextにしてみる。SSRをまず使ってみる。 nextでプロジェクトを作成 npx create-next-app amplify init ? Enter a name for the project nex ...

Thumbnail of post image 038

AWS Amplify,IT記事

AmplifyのNext.jsへの対応が進んでいる。NextのSSRやさらにISRに対応したらしく話題に(?)なっている。 試してみようと思ったが自分はNext関連は全く触ったことがない。なので前回のコードをReactで書いてみて次回Nex ...

Thumbnail of post image 037

AWS Amplify,IT記事

前にAws Amplifyで匿名掲示板を作った。だが、古くなってきたのと自分の理解も進んだので最初から書き直すことにした。 作成環境は、@aws-amplify/cli@5.1.0、@vue/cli@4.5.13、vue3(Composit ...

AWS Amplify,IT記事

前回公開したアプリでは、ログインした人たちが投稿と投票をできて、ログインしていない人もどういう投稿がされているか見ることができます。つまり、認証と公開(パブリック)設定の複数認証になっています。 今回はその部分、AWS AmplifyのAP ...

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ページに遷移する作りを目指します ...

AWS Amplify,IT記事

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

Thumbnail of post image 159

AWS Amplify,IT記事

aws amplify の勉強を兼ねてリンクを投稿できるだけのサイトを作ってみた。 ページ下のフォームから登録できる。 タグをクリックすると、タグ検索ができる。

Thumbnail of post image 075

AWS Amplify,IT記事

100日後に死ぬワニを見ていると、今この文章を書いたり読んだりしている自分こそワニであり、高次元から見ると自身にも漫画のように死まであと何日、なんて書かれているのではないか、ということを考える。 最近aws amplifyを触っているので、 ...

AWS Amplify,IT記事

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

Thumbnail of post image 028

AWS Amplify,IT記事

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