AWS Amplify

Amplify Gen2 がプレビュー版でリリースされました!

こんにちは。アプリケーションサービス部の河野です。 本稿は、サーバーワークス Advent Calendar 2023 の 9日目のエントリーです。 qiita.com 先日、新たな開発体験として、Amplify Gen2 がプレビュー版でリリースされたので、早速触ってみました! aws.ama…

@function ディレクティブを使用して、Lambda リゾルバを構築してみよう

こんにちは。アプリケーションサービス部 河野です。 今回は、 GraphQL の @function ディレクティブを使用して Lambda リゾルバを構築してみました。 概要 Amplify CLI は いくつかの GraphQL ディレクティブを提供しています。 デフォルトスキーマにある @…

【Amplify Studio 中級編】Collections Component をマスターしよう

こんにちは。アプリケーションサービス部の河野です。 今回は、UI Library の機能の一つである、Collections Component について紹介します。 Figma to Code (React) - Working with collections - AWS Amplify Docs 以下のような一覧画面を実装しながら、Co…

【Amplify Studio 初級編】 Data modeling の ビジュアルエディターを使ってみよう

こんにちは。アプリケーションサービス部の河野です。 Amplify Studio の Data modeling を使えば、アプリケーションで使用する GraphQL のリソース群を GUI 上で簡単にプロビジョニングすることができます。 今回は Data modeling の使い方について、簡単に…

【Amplify Studio 初級編】 Amplify UI Kit で UI コンポーネントをデザインしてみよう

こんにちは。アプリケーションサービス部の河野です。 Amplify Studio の目玉機能として、Figma と連携ができる UI Library があります。 https://docs.amplify.aws/console/uibuilder/figmatocode/#step-2-link-figma-file-in-studio これは、Figma でデザ…

AWS Amplify ホスティングでNext.jsをホスティング

こんにちは、屋根裏エンジニアこと 技術1課の折戸です。 屋根裏併設のバルコニーにもとうとう雪が降りました⛄ いよいよ暖房器具の購入を検討したほうがいいかもしれません。 今回は AWS Amplify ホスティングでNext.jsアプリケーションをホスティングしてみ…

Amplify Studioってホントにすごいの?

アプリケーションサービス部の千葉です。 『Amplify Studioすげぇ』の記事を目にしますが、どれも『チョット触ってみたけど良さそうでした』程度の内容で物足りないっすね。 公式ブログで謳っている 『最小限のプログラミングでFigmaからフルスタックのReact…

AWS Amplify × FastAPI でサクッと RESTAPI を構築する

はじめに こんにちは。アプリケーションサービス部の河野です。 今まで、RESTAPI を構築する場合は、FastAPI × Serverless Framework で作ることが多かったのですが、 Amplify Console が非常に便利なので、バックエンドも Amplify に寄せたいなと思い試して…

AWS Amplify で複数件登録できるカスタムリゾルバーを追加する

こんにちは。アプリケーションサービス部 河野です。 AWS Amplify(以下 Amplify) は CRUD 処理を含んだリゾルバーを自動的に生成することができますが、 それ以外の処理を実現したい場合は、カスタムリゾルバーを追加する必要があります。 例えば、一回のリ…

AWS Amplify で LINE Front-end Framework を実装してみた

【応用編①】LINE Front-end Framework で「ToDo」LINE Botを作る(フロントエンド編) - サーバーワークスエンジニアブログで、LINE Front-end Framework(以下LIFF)を紹介しましたが、 AWS Amplify(以下 Amplify) を使えばより早く、簡単に実装できるのでは…

【毎日AWS #176 トークスクリプト】【AWSアップデート 4/7】AWS Amplify Admin UIで新機能Data Managerが追加 他6件 【Data management is now generally available in the AWS Amplify Admin UI】

はじめに トークスクリプト ①AWS Amplify Admin UIで新機能Data Managerが追加 ②AWS SystemsManagerのParameter storeでパラメータラベルの削除をサポート ③Amazon CodeGuruの機能CodeGuru Reviewerで課金体系の変更を発表 ④Amazon Code Guru ReviewerのPyth…

バックエンドリソースが GUI で作成できる! AWS Amplify Admin UI が登場

こんにちは、技術1課の加藤です。 re:Invnet 2020 の冒頭に、私の大好きな AWS サービス Amplify の新しい機能が発表されました。 これは気になる、、、! ということで今回はその新機能、管理画面を提供する Admin UI について紹介していきます! Amplify A…

Amplify Console がすべてのブランチデプロイに対するカスタムサブドメインの自動作成および削除をサポート

はじめに こんにちは、技術1課の山中です。 暑くなってきましたね!いつも仕事をしている部屋にエアコンがなくてそろそろやばいなあと感じ始めています。。 というのはさておき! 今回はこのアップデートについて見ていきます! Amplify Console がすべての…

【Amplify】Amplify のローカルモック機能が超便利!

こんにちは、技術1課の加藤です。 またまた Amplify のお話。 今回は簡単に mock API サーバーが立てたられる Amplify のローカルモック機能のご紹介です! Amplify CLI を使ったローカルモック 2019年8月に出た機能のようですが、つい最近使ってみてとても…

Serverless Framework で Amplify Console を使えるプラグインで SPA(Vue.js) をデプロイしてみる – デプロイ編

こんにちは、技術1課の加藤です。 昨日、弊社ブログを Amplify で検索していたら衝撃の記事を見つけてしまいました。↓ Serverless Framework で Amplify Console を使えるプラグインで SPA(Vue.js) をデプロイしてみる – 準備編 準備編で止まっている...だと…

【Amplify】AWS Amplify の UIコンポーネントが新しくなってた話

こんにちは、技術1課の加藤です。 今日は、、、というか今日も Amplify のお話をしていきますw Amplify における UI Components の実装が変わったよ、という話。 新しいバージョンである@aws-amplify/ui-<framework> と Legacy 版である aws-amplify-&…

【Amplify】 Amplify CLI を使ってカスタムリソースをデプロイする

こんにちは、技術1課の加藤です。 今日も今日とて Amplify。 Amplify ではあらかじめ用意されているテンプレートから生成した CloudFormation スタック以外に、ユーザーが作成したテンプレートを流すことができる機能があります。 今回はこの機能を使ったチ…

Amplify CLI を用いて定期実行の Lambda 関数をデプロイする

こんにちは、技術1課の加藤です。 今回は、AWS Amplify のお話。簡単にアプリケーションが構築できちゃう超便利サービスな Amplify なわけですが、一定の型から外れようとするとなかなか苦労する印象がありました。 しかし機能の拡充は進み、今となってはバ…

Amplify を用いてウェブとネイティブのマルチプラットフォーム対応する

こんにちは、技術1課の加藤です。 最近 Amplify にハマって色々と触ってみているのですが、 Amplify って複数のクライアントプラットフォームに対応しているんですよね。 マルチプラットフォームに対応しているからにはやっぱり複数のプラットフォームでバッ…

【Amplify】Amplify Console に CLI のインターフェースが追加されました!

こんにちは、技術1課の加藤です。 Amplify 使ってますか? とっても便利な Amplify ですが、ついに Amplify Console と Amplify CLI の紐付けがされたみたいです。 早速ご紹介していきます! AWS Amplify とは? 雑に書くと、AWS が提供する OSS の開発プラ…

Amplify Console でデプロイした SPA が403エラーになった原因と対策

こんにちは、技術1課の加藤です。 最近 Amplify を使ったアプリケーション作成をしているんですが、Amplify Console を使って SPA をデプロイしようとしたら 403 に引っかかってしまいました。 結局リダイレクト設定が問題だったわけですが、何が起こったの…

S.P.E.C. - Serverless Performance Empowerment Challenge の裏側の話

Day1に開催された、 "S.P.E.C. - Serverless Performance Empowerment Challenge" というワークショップをご存じでしょうか? ※開催概要はこちら ざっくり言うとISUCONのようなパフォーマンスチューニングコンテストのサーバーレス版です。参加者にお題とな…