React Native+Expo+AmplifyでCognito認証を行う

React Native + Expo でも Amplify はサポートされています。 下記記事は、Expo で Amplify を使用する公式の解説になっています。 blog.expo.io この記事では、React Native + Expo + Amplify で Cognito 認証を行う方法をご紹介します。なお、言語は TypeS…

Solved,[Unhandled promise rejection: Error: No credentials, applicationId or region]

Expo + Amplify で iOS Simulator を実行しところ以下のエラーが表示されました。 [Unhandled promise rejection: Error: No credentials, applicationId or region] - node_modules/@aws-amplify/analytics/lib/Providers/AWSPinpointProvider.js:189:76 in <unknown></unknown>…

React Native+ExpoでTypeScriptを使用する

React Native + Expo で TypeScript を使用するのは、以前は面倒だったようですが、今の Expo のバージョンだと簡単ですね。 Expo をインストールします。 $ npm install expo-cli --global $ expo --version 3.0.2 Expo のプロジェクトを作成します。 $ exp…

ndenvが時代遅れになったのでnodenvにNode.jsのバージョン管理を移行する

久しぶりにndenvに新しいNode.jsのバージョンをインストールしようと思ったら使い方を忘れてて、ndenvのサイトにアクセスしたら、こんな記述が。 [Deprecated] nodenv is better alternative Please consider to use nodenv. ndenv repository is not mainta…

React+AmplifyのCognitoサインアップで電話番号を無効にする方法

React + Amplify + Cognito のサインアップ画面では、デフォルトで電話番号が必須項目になってしまいます。 Congnito のユーザープールでは、必須項目になっていないのにもかかわらず。 ですが、この電話番号を無効にする方法があります。 その方法は簡単で…

React+Amplify+Cognito認証のアプリでExcelをS3にアップロードしLambda(C#)で読み込む

はじめに 前の記事で、React+Amplify+Cognito認証のアプリで画像ファイルをS3にアップロードするまで行いました。 www.aruse.net この記事では、Excel ファイルを S3 にアップロードし、S3 のトリガーで Lambda 関数(C#)を起動し、Excel ファイルを読み込ん…

React+Amplify+Cognito認証のアプリで画像ファイルをS3にアップロードする

はじめに 前の記事で、React+Amplify+Cognito認証のアプリで自動デプロイするところまでご紹介しました。 www.aruse.net 今度は、Amplify の Storage という機能を使用して S3 にファイルをアップロードする方法をご紹介します。 前の記事のプロジェクトに機…

AWS Amplifyのデプロイ先に基本認証を追加する方法

AWS

AWS Amplifyのデプロイ先には、ID とパスワードの基本認証を追加することが簡単にできます。 [アクセスコントロール] > [アクセスの管理] から、基本認証の設定ができます。 すべてのデプロイ先か、ブランチごとに基本認証を設定することができます。 これ…

AWS Amplifyのデプロイ先に独自ドメインを指定する方法

AWS

はじめに AWS Amplify では、リモートリポジトリにコミットしたら自動デプロイできますが、デフォルトでは amplifyapp.comのサブドメインにデプロイされます。これを独自ドメインにデプロイすることもできます。 ですが、ドメインのDNSプロバイダーが ANAME…

React+Amplify+Cognito認証のアプリを自動デプロイまで行う

はじめに React のSPA(Single Page Application)アプリに、AWSのAmplifyライブラリとCognito認証を組み合わせたものを、BitbucketというGit サービスにコミット後、Web アプリとして自動デプロイする方法を見ていきたいと思います。 事前に、Bitbucket で de…

Solved, "No userPool" error at aws-amplify

"No userPool" error at aws-amplify is soloved below. import Amplify from 'aws-amplify'; import * as aws_exports from './aws-exports'; - Amplify.configure(aws_exports); + Amplify.configure(aws_exports.default); in index.tsx.

「機能するUIを作れるようになる本-基本のキ編-」を読んだ感想

技術書典6で入手した「機能するUIを作れるようになる本-基本のキ編-」(20頁)を読んだので感想などを書いてみたいと思います。 ダウンロード版はBOOTHで販売されています。ありがたいですね。 booth.pm さて、自分で Web サービスを作ってみたいと思ってはい…

プロジェクト管理の名著『ゆとりの法則』を再読した感想

『ゆとりの法則 - 誰も書かなかったプロジェクト管理の誤解』は、2001年に出版されたトム・デマルコの名著ですが、久しぶりにこの書籍を再読してみて、20年近くたった今でもその内容はあせることなく教訓に富んでいるなと感心しました。 みなさんの職場では…

ReactのSPA解説本『ネコミミでもわかるシングルページアプリケーション』の感想

技術書典6で入手した、React の SPA (Single Page Application)の解説本である『ネコミミでもわかるシングルページアプリケーション』(60ページ)を読み終わりました。 この本は BOOTH での再販がないので、技術書典でしか入手できない貴重な本になります。 …

メモ帳のデフォルト保存がUTF-8 BOMなしになった(Windows 10 May 2019 Update 1903)

Windows 10 の May 2019 Update (1903) で、メモ帳のデフォルトの保存形式が UTF-8 BOMなしになりました。 これはうれしいアップデートですね。 BOM というのは、Byte Order Mark の略で、UTF-8 の BOM ならの3バイトがファイルの先頭に付きます。主にプロ…