Amplify

Amplify ドキュメント https://docs.amplify.aws/start/q/integration/next/ https://docs.amplify.aws/cli/ ■15. 投稿ページの下準備 uuidというのを利用するので、インストール yarn add uuid pages/create-post.jsを作成。 まずは、第一段階目のコーディング。 import { withAuthenticator } from "@aws-amplify/ui-react"; import { useState, useRef, React } from "react"; i…

Amplify ドキュメント https://docs.amplify.aws/start/q/integration/next/ https://docs.amplify.aws/cli/ ■0. AWSのセットアップ アカウントだけは先に作っておくこと。それ以外は何もしなくても大丈夫。I AMユーザーの管理者権限も一応念のために先にあると良いが、このプロジェクトのセットアップには必要ない。 ■1. Amplify CLIのインストール ローカル端末にAmplify CLIのインストール 【mac】sudo npm install -g @aws-amplify/cli 【windows →…

ほぼ答えに近いコードが掲載してるのが以下。Amplify graphQL Clientを使ったデータフェッチの、 https://qiita.com/otanu/items/2c522a652e5843a5e2c5 また、Amplifyの、getStaticPropsやgetServerSidePropsを使わない、データフェッチのやり方が以下。 https://docs.amplify.aws/lib/graphqlapi/query-data/q/platform/js/ じゃあ、そういう「答え」になる理由は何なのか？ということになると、大前提に「非同期通信のプロセスについて」がある。 以…

まずは、package.jsonに、デプロイに必要な修正を加える。

タイトルの通りですが、Next.jsのアプリケーションをAWS Amplifyでホスティングする機会があったので試してみました。 また趣味ですがAmplify自体はCDKで実装しています。

最近仕事でNext.jsを使い始めたのですが、一番ハマったことなので記事にしておきます。 ネットで解決方法を探したのですが、やりたいことと一致する記事には会えなかったのでもしかしたら参考になるかもしれません。 まず結論 最終的に設定したこととしては、 画像 画像のurlを設定する際に、amplifyのURLが設定されるようにしてあげる この記事が、コードも書いてあり参考になりました maku.blog cssやjsファイル CloudFrontのビヘイビアで、パスパターンに/_next/*を設定しオリジンにはAmplifyのURLを設定してあげる （今回これで解決はしましたが、割と無理矢理な気…

AmplifyでPythonのfunctionを追加し amplify push をして、プログラムを修正後、もう一度、 amplify push したらエラーがでてpushできなかったときの対処方法の備忘録📝 環境 エラー内容 対処方法 懸念点 補足：エラーが出た場合の復帰方法 環境 macOS Ventura バージョン13.5.2 @aws-amplify/cli：12.4.0 エラー内容 $ amplify push ✖ There was an error pulling the backend environment dev. 🛑 ENOENT: no such file or d…

ファッションのニーズとヒロイン 一言英語: ファッションアイテムが選ばれる時 英語 "Fashion is the armor to survive the reality of everyday life." 和訳 ファッションは日常生活の現実を生き抜くための鎧だ。 英語の長文: ファッション業界の新たなヒロイン 英語 In the world of fashion, there is a growing need for a new kind of heroine. She is not defined by her looks or her status, but by her crea…

テーマ的に名古屋開催は珍しい！と思って参加しました。 stmn.connpass.com コロナ前に名古屋でもフロントエンド系の勉強会は開催されていましたが、どちらかというと Vue.js が優勢な印象でした。 ころちゃんさんのお話からスタート。App Router使おうと思ってるけどどうなんだろ？（特にテストまわりとか）#nagoya_react— hmatsu47(まつ) (@hmatsu47) 2023年11月17日 テストの話は出ませんでしたが、後で懇親会のときに周囲に聞いてみたところ「E2E 中心」が多かったです。 SSRとかServer Components要らなくてもやっぱりNe…

こんにちは。エムスリーエンジニアリンググループのコンシューマチームでアーキテクトをしている園田です。 本日はコンシューマチームのブログリレー 1 日目です。 2023/11/20 (日本時間だと本日) に AWS の Amplify Hosting で Next.js/Nuxt.js 以外の SSR サポートが発表されました。 aws.amazon.com aws.amazon.com さっそく Astro の node アダプターを使った SSR な Web サイトを Amplify Hosting できるかやってみました。 現在公式でサポートされているのは Nuxt のみですが、以下のドキ…

はじめに 確認した更新情報のソースは以下 Microsoft Ignite 2023 Book of News なお、まだ実際に手を動かして確認したわけではなく、単にドキュメントを読んで理解した限りでの認識を書いているため、実際の挙動と異なる可能性があるのはご容赦願いたい。 気になった発表・更新内容 1.1 Azure AI Service 1.1.1. AZURE MACHINE LEARNING UPDATES STREAMLINE AND OPERATIONALIZE AI 半年ほど前に素の Open AI Service が出てきたと思っていたら、もう prompt flow なる開発…

Strapi Cloudにトライアル（Proプランの１４日間が一部制限付きで無料）が追加されていました。 これまで有償プランしかなく、興味深い所が何点かあったのでレポートしていきます。 利用手順、基本的な操作 まずは何といってもアカウント登録から。 strapi.io ログインはGoogleとGitHubアカウントの２つが選べますが、Strapi Cloudでアプリを動かすためにはGitHubからリポジトリを参照する必要があるので、ここでGoogleを選択してもGitHubの連携も必要になります。 登録するとこんな感じでシンプルなトップ画面になります。早速プロジェクトを作成してみます。 プロジ…

さて今日の日本🗾と日本人を守れる知識を一緒にお勉強しましょう🤗✨💕🍀 🔴左翼テレビ見ている暇があるなら、大自然の再生で 遊びませんかhttps://fb.watch/ocJMJjOjO0/ １００倍楽しいと思うよ🤗💚✨ 🔴維新は無能集団 維新が力を持ったら 気持ち悪い朝鮮人クソ企画で全く発展しないどころか 大阪万博同様赤字の金食い虫政治になるだろう 🔴無能維新の会は日本に要らない外国人生活保護をガンガン受け取り 受けさせる大阪維新の会は全員落とそう👍❗❗❗ 🔵半日朝鮮人支那人は 迷惑なので 自国から出るなhttps://youtu.be/hNgX2wWWZXc?feature=shared 【…

中編から続きます。 懇親会（1 次） 懇親会スタート！！！#AWSStartup + #JAWSUG + #AWSAmplifyJP = #aws_carnival pic.twitter.com/tn8r1xfKpy— TakumiAbe@10/7(Sta.)JAWS FESTA 2023 (@east_takumi) 2023年11月4日 懇親会始まりました！#aws_carnival pic.twitter.com/MbK6LzrCw0— hmatsu47(まつ) (@hmatsu47) 2023年11月4日 司会は kato さん！ @numaguchi さん！ビデオレターはしっかりと…

本ページでは、英語で「financial stability」と呼ばれる概念について考えてみたい。日本語では「金融安定化」と訳される場合もあるが、「金融システムの安定」と表現されることが多い。 Financial stabilityとは Financial stability とはどのような概念か。例えば米国FRBのパウエル議長は2018年のスピーチでこのように言っている。 A stable financial system is one that continues to function effectively even in severely adverse conditions. A …