AWS Amplify
こんにちは、アプリケーションサービス部ディベロップメントサービス1課の外崎です。 今回は、AmplifyUILibraryを用いたAmazon Cognito認証画面を日本語にする方法についてご紹介します。 目的 I18nライブラリを使用する方法 I18nライブラリのインポート 辞…
こんにちは、アプリケーションサービス部ディベロップメントサービス1課の外崎です。 今回は、AmplifyUILibraryを用いたAmazon Cognito認証画面を実践的にカスタマイズする方法について紹介します。 ↓入門編はこちら blog.serverworks.co.jp componentsプロ…
こんにちは、アプリケーションサービス部ディベロップメントサービス1課の外崎です。 今回は、AmplifyUILibraryとAmazon Cognitoの連携について詳述します。具体的な設定手順やサンプルコードを通じて、Cognito UI画面の実装方法を解説します。 概要 Cognito…
こんにちは。アプリケーションサービス部の河野です。 本稿は、サーバーワークス Advent Calendar 2023 の 9日目のエントリーです。 qiita.com 先日、新たな開発体験として、Amplify Gen2 がプレビュー版でリリースされたので、早速触ってみました！ aws.ama…
こんにちは。アプリケーションサービス部 河野です。 今回は、 GraphQL の @function ディレクティブを使用して Lambda リゾルバを構築してみました。 概要 Amplify CLI は いくつかの GraphQL ディレクティブを提供しています。 デフォルトスキーマにある @…
こんにちは。アプリケーションサービス部の河野です。 今回は、UI Library の機能の一つである、Collections Component について紹介します。 Figma to Code (React) - Working with collections - AWS Amplify Docs 以下のような一覧画面を実装しながら、Co…
こんにちは。アプリケーションサービス部の河野です。 Amplify Studio の Data modeling を使えば、アプリケーションで使用する GraphQL のリソース群を GUI 上で簡単にプロビジョニングすることができます。 今回は Data modeling の使い方について、簡単に…
こんにちは。アプリケーションサービス部の河野です。 Amplify Studio の目玉機能として、Figma と連携ができる UI Library があります。 https://docs.amplify.aws/console/uibuilder/figmatocode/#step-2-link-figma-file-in-studio これは、Figma でデザ…
こんにちは、屋根裏エンジニアこと 技術1課の折戸です。 屋根裏併設のバルコニーにもとうとう雪が降りました⛄ いよいよ暖房器具の購入を検討したほうがいいかもしれません。 今回は AWS Amplify ホスティングでNext.jsアプリケーションをホスティングしてみ…
アプリケーションサービス部の千葉です。 『Amplify Studioすげぇ』の記事を目にしますが、どれも『チョット触ってみたけど良さそうでした』程度の内容で物足りないっすね。 公式ブログで謳っている 『最小限のプログラミングでFigmaからフルスタックのReact…
はじめに こんにちは。アプリケーションサービス部の河野です。 今まで、RESTAPI を構築する場合は、FastAPI × Serverless Framework で作ることが多かったのですが、 Amplify Console が非常に便利なので、バックエンドも Amplify に寄せたいなと思い試して…
こんにちは。アプリケーションサービス部 河野です。 AWS Amplify(以下 Amplify) は CRUD 処理を含んだリゾルバーを自動的に生成することができますが、 それ以外の処理を実現したい場合は、カスタムリゾルバーを追加する必要があります。 例えば、一回のリ…
【応用編①】LINE Front-end Framework で「ToDo」LINE Botを作る（フロントエンド編） - サーバーワークスエンジニアブログで、LINE Front-end Framework(以下LIFF)を紹介しましたが、 AWS Amplify(以下 Amplify) を使えばより早く、簡単に実装できるのでは…
はじめに トークスクリプト ①AWS Amplify Admin UIで新機能Data Managerが追加 ②AWS SystemsManagerのParameter storeでパラメータラベルの削除をサポート ③Amazon CodeGuruの機能CodeGuru Reviewerで課金体系の変更を発表 ④Amazon Code Guru ReviewerのPyth…
こんにちは、技術1課の加藤です。 re:Invnet 2020 の冒頭に、私の大好きな AWS サービス Amplify の新しい機能が発表されました。 これは気になる、、、！ ということで今回はその新機能、管理画面を提供する Admin UI について紹介していきます！ Amplify A…
はじめに こんにちは、技術1課の山中です。 暑くなってきましたね！いつも仕事をしている部屋にエアコンがなくてそろそろやばいなあと感じ始めています。。 というのはさておき！ 今回はこのアップデートについて見ていきます！ Amplify Console がすべての…
こんにちは、技術1課の加藤です。 またまた Amplify のお話。 今回は簡単に mock API サーバーが立てたられる Amplify のローカルモック機能のご紹介です！ Amplify CLI を使ったローカルモック 2019年8月に出た機能のようですが、つい最近使ってみてとても…
こんにちは、技術1課の加藤です。 昨日、弊社ブログを Amplify で検索していたら衝撃の記事を見つけてしまいました。↓ Serverless Framework で Amplify Console を使えるプラグインで SPA(Vue.js) をデプロイしてみる – 準備編 準備編で止まっている...だと…
こんにちは、技術1課の加藤です。 今日は、、、というか今日も Amplify のお話をしていきますw Amplify における UI Components の実装が変わったよ、という話。 新しいバージョンである@aws-amplify/ui-<framework> と Legacy 版である aws-amplify-&…
こんにちは、技術1課の加藤です。 今日も今日とて Amplify。 Amplify ではあらかじめ用意されているテンプレートから生成した CloudFormation スタック以外に、ユーザーが作成したテンプレートを流すことができる機能があります。 今回はこの機能を使ったチ…
こんにちは、技術1課の加藤です。 今回は、AWS Amplify のお話。簡単にアプリケーションが構築できちゃう超便利サービスな Amplify なわけですが、一定の型から外れようとするとなかなか苦労する印象がありました。 しかし機能の拡充は進み、今となってはバ…
こんにちは、技術1課の加藤です。 最近 Amplify にハマって色々と触ってみているのですが、 Amplify って複数のクライアントプラットフォームに対応しているんですよね。 マルチプラットフォームに対応しているからにはやっぱり複数のプラットフォームでバッ…
こんにちは、技術1課の加藤です。 Amplify 使ってますか？ とっても便利な Amplify ですが、ついに Amplify Console と Amplify CLI の紐付けがされたみたいです。 早速ご紹介していきます！ AWS Amplify とは？ 雑に書くと、AWS が提供する OSS の開発プラ…
こんにちは、技術1課の加藤です。 最近 Amplify を使ったアプリケーション作成をしているんですが、Amplify Console を使って SPA をデプロイしようとしたら 403 に引っかかってしまいました。 結局リダイレクト設定が問題だったわけですが、何が起こったの…
Day1に開催された、 "S.P.E.C. - Serverless Performance Empowerment Challenge" というワークショップをご存じでしょうか？ ※開催概要はこちら ざっくり言うとISUCONのようなパフォーマンスチューニングコンテストのサーバーレス版です。参加者にお題とな…
