
ホロライブ名前当てゲーム
ホロライブ名前当てゲームを趣味で作りました。 ホロライブの名前覚えてるか確認できます。
AWS Amplify Admin UI を使ってゲームデータを管理してみる
追記(2021/12/11)--- 更新によりAdmin UIはAdmin Studioへと名前を変えています。 --- AWS AmplifyのAdmin UIを使ってゲーム内のコンテンツデータを管理してみる。データを変更しやすくなったり ...
[Amplify + Next.js] 簡単な掲示板を作成
前にReactで作った掲示板をNextにしてみる。SSRをまず使ってみる。 nextでプロジェクトを作成 npx create-next-app amplify init ? Enter a name for the project nex ...

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

[AWS Amplify・Vue 3] AWS Amplifyで匿名掲示板を作ってみる
前にAws Amplifyで匿名掲示板を作った。だが、古くなってきたのと自分の理解も進んだので最初から書き直すことにした。 作成環境は、@aws-amplify/cli@5.1.0、@vue/cli@4.5.13、vue3(Composit ...
[AWS Amplify] API(Graphql)のパブリック設定。複数認証。subscriptionまで。
前回公開したアプリでは、ログインした人たちが投稿と投票をできて、ログインしていない人もどういう投稿がされているか見ることができます。つまり、認証と公開(パブリック)設定の複数認証になっています。 今回はその部分、AWS AmplifyのAP ...
[AWS Amplify] ログイン画面を日本語化する
まずプラグインを公開してくれている方がいるので、こちらを使います。 npm install @aws-amplify-jp/vocabulary-ja importします。(typescriptなら、const ja = ...
[ AWS Amplify + Vue.js ] Authでログイン画面作る
この記事では AWS Amplify の@aws-amplify/ui-vueを使用したログインフォームの作り方を解説します。 routerで認証を確認して、ログインが必要なページにアクセスするとSignInページに遷移する作りを目指します ...
AWS AmplifyのプロジェクトをGithubで公開するときにteam-provider-info.jsonを消す
AWS Amplifyで作ってみたプロジェクトを2つほどgithubに公開している。これはソースコードなどを読んでもらう目的で公開している。 公開する場合、{Project Folder}\amplify\team-provider-inf ...

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

100日後まであと何日か表示する Webアプリを作ってみた [AWS Amplify]
100日後に死ぬワニを見ていると、今この文章を書いたり読んだりしている自分こそワニであり、高次元から見ると自身にも漫画のように死まであと何日、なんて書かれているのではないか、ということを考える。 最近aws amplifyを触っているので、 ...
AWS AmplifyとVue.jsで認証画面
AWS Amplifyの認証まわり、ログイン画面からやってみる。amplify cliはバージョンアップで結構変わるようなので注意です。 (2020/07/20 追記 : npm installするライブラリが変わり、コード周りが変わったの ...

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