Amplify UI の新しい機能、Amplify Form を試してみた #reinvent | DevelopersIO
re:InventのEXPO会場のAWS Ask the ExpertsブースでAmplify Studio Form Builderのデモをやっていたので見学させていただきました。開発者の方ともお話しできてとても有意義な時間でした。 re:Invent では EXPO というT シャツがたくさんもらえるところ パートナー企業のブースがたくさん出展されるイベントがあり、その中の AWS Ask the Experts のブースでは開発者と直に話したり質問したりすることができます。 Expo をうろうろしていたら Amplify のブースがあったので立ち寄ってみたところ Amplify UI と Amplify Studio Form Builder についてデモをやっていたので見学したり質問したりすることができました。 Amplify UI とは Amplify UI は、クラウドに直接接
外部ユーザが安全かつ直接的に Amazon S3 へファイルをアップロードできるようにする方法 | Amazon Web Services
Amazon Web Services ブログ 外部ユーザが安全かつ直接的に Amazon S3 へファイルをアップロードできるようにする方法 このブログは 2022 年 3 月 24 日に Anderson Hiraoka (Solutions Architect) と、Rafael Koike (Principal Solutions Architect) によって執筆された内容を日本語化した物です。原文はこちらを参照して下さい。 企業では、ファイルや画像などのデジタル資産をリポジトリに保存することが求められることが多くあります。多くの場合、これらのファイルのソースは、社内システムに接続されていないパートナーまたは個人であり、ファイルをアップロードするためには、企業の認証が必要となります。お客様は従来、ファイルのアップロードを処理するためにサーバーを使用していましたが、大量のネットワー
AWS Amplifyを使ったReact NativeなアプリをBitriseでビルド - Sweet Escape
はじめに 今回、React Nativeで開発しているとあるアプリでAWS Amplifyを使ったのですがBitriseでビルドしたりチーム開発で使うにあたってちょっと困ったりしたのでメモ。 はじめに 前提 なぜAmplifyを使ったか Bitriseでビルドする ではどう対応するか Bitriseでどうやるか まとめ 前提 もともと自分は以前にこちらの記事でも書いたようにAWS Amplifyについてはそんなにポジティブではないです。なのでこの記事以降も基本的にはあまりwatchしてきませんでした。なので今回ちょっと苦労したのはAmplify弱者だったことも理由かも知れない。 www.keisuke69.net ただし、Amplify Consoleはいいぞ。これはプロダクションでも2,3使ってる。 また、React Nativeで開発したアプリはAndroid、iOSともにBitris
AWS Amplifyを無理して使わなくてもいいケースについて挙げてみる - Sweet Escape
AWS AmplifyといえばAWSが提供しているフロントエンド開発者向けのライブラリやツールセットです。今回はそんなAWS Amplifyについてです。 はじめに おさらい AWS Amplifyはフロントエンド開発者にとっての銀の弾なのか 無理して使わなくてもいいケース バックエンド側のライフサイクルや開発部隊が分かれてる場合 AWSのリソースに直接アクセスしない場合 認証・認可の手段としてCognito使わない場合 Server Side Rendering（SSR）の場合 AWS WAF使いたい場合 Amplify CLIに対応していないバックエンドを利用したい場合 AWS Amplifyがおすすめのケース まとめ はじめに この投稿は2020年10月22の21時から開催予定のイベント（ライブストリーミング）で話す内容です。 serverless-newworld.connpass
Amplify ConsoleでNode.jsのバージョンをアップデートする (追記あり) - Sweet Escape
（Update）このブログは最後の追記だけを見れば事足ります。 Amplify ConsoleでとあるReact、Next.jsベースのアプリケーションをホストしているんだけど、最新のプッシュで動いたデプロイがビルドのフェーズで落ちてしまった。 ログは以下。 2022-01-12T01:20:42.950Z [WARNING]: error @typescript-eslint/experimental-utils@5.9.0: The engine "node" is incompatible with this module. Expected version "^12.22.0 || ^14.17.0 || >=16.0.0". Got "12.21.0" 2022-01-12T01:20:42.958Z [WARNING]: error Found incompatible mod
Amplify UI – 新しいAuthenticatorコンポーネントのスタイル設定を試してみた | DevelopersIO
こんにちは！DA(データアナリティクス)事業本部 サービスソリューション部の大高です。 先日、新しくリリースされたAmplify UIのAuthenticatorコンポーネントを試してみました。 このコンポーネントはスタイル設定も簡単にできるようですので、今回はスタイル設定を試してみたいと思います。 前提 下記のエントリで実施したAuthenticatorコンポーネントの表示と日本語化までができていることを前提としています。 スタイル設定の方法 ドキュメントの下記の箇所に記載されている通りに対応すれば、うまく変更できそうです。 Authenticator | Customization | Styling Authenticator | Customization | Additional CSS Styling スタイル設定してみる では、実際にやってみます。今回やりたいポイントとしては
Amplify UIの新しいAuthenticatorコンポーネントを日本語化してみた | DevelopersIO
こんにちは！DA(データアナリティクス)事業本部 サービスソリューション部の大高です。 先日、下記エントリにて新しくリリースされたAmplify UIのAuthenticatorコンポーネントを試してみました。 このコンポーネントは国際化対応もしているようですので、今回は実際に日本語化を試してみたいと思います。 前提 下記のエントリで実施したAuthenticatorコンポーネントの表示までができていることを前提としています。 どうやって日本語化すれば良いのか？ ドキュメントを見てみると、対応方法としてはこれまでと同じ方法で対応できそうです。 Authenticator | Configuration | Internationalization (I18n) 以下のようなコードで、I18n.putVocabulariesでtranslationsを読み込ませてから、I18n.setLan
Amplify Console のカスタムドメインで www 付きドメインへのリダイレクトが勝手に設定されてしまう時の対処方法 | DevelopersIO
困っていた内容 Amplify Console でドメイン管理からカスタムドメインを設定しており、Zone Apex を設定すると、www 付きドメインにリダイレクトする設定が自動で追加されてしまいます。 www にリダイレクトしないようにする方法を教えて下さい。 どう対応すればいいの? Amplify Console でカスタムドメインを設定する際に、Route53 へ事前にドメインが登録されている場合は、Amplify がドメインの Zone Apex と www サブドメインを指定するように自動的に設定を行います。 そのため、カスタムドメイン登録の際に、www サブドメインへのリダイレクトルールが含まれた状態で登録された可能性があります。 Q: カスタムドメインに接続するにはどうすれば良いですか? Route53 にドメインが登録されている場合、ドロップダウンから選択するだけで、AW
AWS AmplifyでNext.jsのISRを試してみる | DevelopersIO
まえがき AWS AmplifyでついにNext.jsのISRに対応したようです。実際にやってみる。 Deploy and host server-side rendered apps with Amplify - AWS Amplify 少しハマったので備忘録も兼ねて。 Amplify + Next.jsをデプロイ Next.jsのプロジェクトを作成 yarn create next-app --typescript ✔ What is your project named? … next-sample-app Next.jsにISRのページを作成 サンプルでISRのページを新規作成します。簡単にタイムスタンプを表示し、5秒間キャッシュするようにします。 pages/isr.tsx import Head from 'next/head' import styles from '../s
MQTTメッセージでLambdaからブラウザを更新する 〜Vue+Amplify編 | DevelopersIO
1 はじめに CX事業本部の平内（SIN）です。 以前、下記のような記事を書きました。 こちらは、ブラウザ上で、aws-iot-device-sdkを使用して、AWS IoT Coreのメッセージブローカーをsubscribeし、特定のTopicが到着した時点で、ブラウザを更新するものでした。 やってることは、全く同じなのですが、今回は、これをAWS Amplify（以下、Amplify）で作成してみました。使用したウェブフレームワークは、Veu.jsです。 Amplifyでは、ライブラリAWSIoTProviderを使用することで、簡単にPub/Subが可能です。 Amplify Libraries AWSIoTProvider また、権限については、AmplifyにAuthカテゴリを追加することで、CognitoのFederated Identitiesが利用可能なので、未認証IDを許
Enhancing Web Apps with AmplifyJS | Envato Tuts+
There seems to be a new crop of special-purpose JavaScript libraries every week. Gone, it seems, are the days of using only one library per project. Today I’ll introduce you to a very cool component library, AmplifyJS, that offers just a few very specialized components. Devs, Meet AmplifyJS According to the website: AmplifyJS is a set of components designed to solve common web application problems
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amplify SNS Workshop