Amplify

上記の AWS Amplify のチュートリアルで Background に GraphQL を追加するステップで TypeScript の型が生成されなかったりと色々とハマったのでメモ アプリが TypeScript かどうかは自動で判断してくれる訳ではない チュートリアルに従って amplify add api で Background に GraphQL の API を追加、amplify/backend/api/<myapi>/schema.graphql にスキーマを追加し amplify push --y でデプロイをしました。 デプロイが完了するとアプリで使えるファイルが生成され…

AWS Amplify のチュートリアルをしていてプロジェクトが削除できなくなってハマったのメモ ResourceNotFoundException 3S bucket にアクセスできない？ AWS のコンソールからプロジェクトを削除しようとしたら次のようなエラーが出て操作できなくなってしまった Delete backend dev failed with reason: ResourceNotFoundException - An error occurred while processing your request: S3 bucket amplify-XXXXXX-deployment…

概要 AmplifyでOverride機能を利用してAPIGatewayのAuthorizerにCognitoを指定する方法をご紹介します。 課題 2022/3/10現在、Amplify CLIでは、APIGatewayのAuthorizerにIAMしか利用できません。AWSのコンソールからCognitoを指定したとしても更新した際にテンプレートで上書きされてしまい、設定したAuthorizerの情報が消えてしまいます。 そのため、Override機能を利用してAPIのCFnテンプレートを修正する必要があります。 手順 APIGateway・Cognitoのoverride.ts作成 CLIで…

WEB+Androidアプリを作成するのに、サーバーレスにしたいということで、AWSが選定されました。なおわたしはAndroid担当。AWSもネイティブアプリも初めてなので手探りof手探り。 Amplifyで行きまーすと言われたのですが、チュートリアルに沿って手を動かしてみてもいまいちよくわからないので座学で復習。わかってそうなひとたちを探す。 なお手を動かしたのはこちらを参考に。 aws.amazon.com 所用時間60分って書いてるから、ふーん爆速ねぇ、って思ったんだけど、最初は全然できませんでしたよ。何日かかかりましたよ。 結局3回くらいこなしたけれど、まだ腹落ちしてないよ。 閑話休題…

はじめに はてなブログをAmplify+Nextjs環境に移行するためにまず初めに環境構築を行う。 Amplify CLI のインストール npm install -g @aws-amplify/cli AWSアカウントの紐付け amplify configure リージョンの選択 Follow these steps to set up access to your AWS account: Sign in to your AWS administrator account: https://console.aws.amazon.com/ Press Enter to continue Sp…

課題 Amplify CLIではAuthなどのCFnテンプレートを上書きするためのファイルとして、override.tsが提供されています。このoverride.tsはaws-cdk内の一部のメソッドのみを利用できるようになっています。 本来、getProjectInfo()でAmplifyのプロジェクトの詳細を取得することができるのですが、2022/2/28現在このメソッドはアクセス権限に関する以下のエラーが発生するため利用できません。 ⠇ Building resource storage/MyStorage🛑 Error: Skipping override due to VMError…

本記事はAmplify初心者の私が「AWSでReactアプリケーションする」のチュートリアルをやってみて、感想やはまったところなどをあくまでゆるーくまとめたものです ちゃんと調べずに感覚値で記載している部分等もあるのであくまでも参考まで🙏 aws.amazon.com 背景 やってみて はまったところなど ビルド失敗 内容 解決方法 ログアウトをカスタマイズ 内容 解決方法 その他 Material-UI 背景 フロントをJavascriptフレームワーク、バックエンドをAPIみたいな構成はよくあると思います ただ、それだと工数が膨らんで、開発費も膨らんでしまう・・・ Firebaseという選…

皆さん、こんにちは。Xイノベーション本部ソフトウェアデザインセンターの陳 欣瑩です。 デザイナーが作ったデザインカンプを実現するのが大変！という悩みを抱えているエンジニアは多いでしょう。 フロントエンド開発をラクにするために、世の中にはデザインをコードに変換するdesign-to-code ツールが多く存在しています。 しかしそれらのツールは本当にフロントエンド開発をデザインからシームレスに連携できるでしょうか。 この記事では、Adobe XDやFigmaをHTML、Reactのコードに変換するdesign-to-code ツールを紹介し、使ってみた感想をお伝えします。 コードを生成してみたツ…

こんにちは、あるいはこんばんは(アーニャ声)。 突然ですが認証認可周りの設計・実装は毎回全然違った要件に沿って違った感じでやっていく感じになるのでおもしろいですよね。 この記事では、先日Musubi Insightチームが社内向けに作成したコンソールの設計・実装について認証認可周りに絞ってまとめたいと思います。 認証認可はCognito User Groupベースで実装したのですが、意外とネットの情報が少なかったので参考になれば幸いです！ なおブログ中に登場する画面のスクショについてなのですが、普段フロントエンドをほぼ触らない筆者がサクッと作ったものですので、デザインなどあれな部分もあるかと思…

Ver0.1.1のタグ切った時に更新しておけば良かったーーー👀 Ver0.1.1ってリリース内容なんだっけ、、、 いくつかのバグ修正とWin実行ファイル同梱👻？ 次のタグ切りはいつにしようかしら、、、 特に方針決めてないからイマイチタイミングが決まらない🤔 とりあえず前のリリースからは、 BRISQUEとQRコード検出追加しましたが🦔 地味なノードを追加している👀BRISQUEによる画質評価（数値が高いほど悪い） pic.twitter.com/TC6V7wHjkL — 高橋 かずひと@Amplify Studio駆け出しエンジニア (@KzhtTkhs) 2022年6月14日 並べると検出性…

本記事は わた推し～AWSアワードエンジニア編～ 2日目の記事です。 💻 1日目 ▶▶ 本記事 ▶▶ 3日目 💻 小西秀和です。 先日、2020、2021年に引き続き、2022年のAPN ALL AWS Certifications Engineer、APN AWS Top Engineer(Service)に選出されました。 今回はこれらの当社選出者達によるブログ企画「わた推し～AWSアワードエンジニア編～」の記事の一つとして、私が推すAWSサービスを紹介します。 「推し」というテーマということもあり、いつにも増して個人的、主観的な主張および長文となっていますので、その点はご了承ください。 …

寝る前、朝起きたときにYOUTUBEの瞑想を聴いているが最近、集中して聞けなくなったので、聞きながら英文科してみた。 英文化すると意味を考えるので頭に入ってくる。 が、意外と訳がわからない言葉が多いことに気がついた。例えば ・意識を骨盤の内側に向ける ・そうすれば私たちは今この瞬間の至福の中に入ることができます youtu.be 瞑想でよく使う言葉・力を抜く Relax ・息を吸ったり、吐いたり Take a deep breath or exhale・意識を置いて Stay conscious・純粋に～に集中します focus purely on・至福の中 into the bliss 、I…

Next.js と AWS Amplify を使ったプロジェクトで、TypeScriptのファイルに対してJestのテストを書いたら、 SyntaxError: Unexpected token 'export' エラーが発生。 このエラー自体はよくあるやつだが、設定を大きくいじらず解決する方法を調べるのに結構時間がかかったので、対処法をメモ。 環境 環境についての備考 事前設定 問題 対応 その他の問題 振り返り 環境 名前 バージョン Node.js 16.15.0 Next.js 12.1.5 TypeScript 4.6.3 Jest 28.1.0 aws-amplify*1 4.3.…

ゴン攻め（意外と流行らなかったですね）なヒップホップチューンです。 It's the T-O-R-A-N-D-O それはトルネード It's the prototype それはプロトタイプ It's the double strike それはダブルストライク 'Cause I'm get go 行くよ My head's in check, my word is legit この頭は思いのまま、この言葉は本物 I got three wishes on a two way split 私の３つの願いは２つに割れた Game ready, rock steady forever ゲームが始まる、…

初めて AWS Summit に参加した。 昨今の事情を踏まえてオンライン開催となっていたため、仕事の合間でも参加することができた。 「クラウドの今そして可能性について理解を深める 2 日間」と題して、基調講演をはじめ、さまざまなセッションが開催された。 基調講演の中で印象に残ったのは、国内で車の自動運転を手掛ける企業「Tier IV」のトーク。 車の自動運転がトレンドになっているのは知っていたが、国内に自動運転に取り組む企業があることを知らなかったので驚いた。 自動運転という開発題材を通して、イノベーターには 方向性（技術支援・業界特化型支援・勉強会コミュニティ・コネクションなど） スピード…

Firebase Hosting で公開するサイトに GoogleDomains で取った独自ドメインを割り当てたメモ 前提 Firebase でプロジェクトを作成済み Google Domains で独自ドメインを取得済み 1. Firebase Hosting でカスタムドメインの設定を行う Hosting → 「カスタムドメインを追加」を選択 カスタムドメインを追加の部分に GoogleDomains で取得したドメインを入力して次へ 所有権の確認が終わったらセットアップモードが表示される GoogleDomains を使っている場合 クイックセットアップに表示されているAレコードを追加…