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

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

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>…

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

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

React Native+ExpoでTypeScriptを使用する

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

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

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

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

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

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

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

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

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

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

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

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

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

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

"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.

Solved, "No userPool" error at aws-amplify

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

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

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

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

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

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

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

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