アプリケーション開発 MUIを使って、Reactでモーダルウインドウを簡単に作成する
本記事では、ReactとMUIを使ってモーダルウインドウ上で入力フォームを作成する方法をご紹介します。 本記事上で具体的なソースコードを載せてますので、そのまま利用することが可能です。 なので、 Z-A-K-I 細かい説明はいいから、コピペ...
アプリケーション開発 
awsアプリケーション開発 WebアプリにAmazon Cognitoでログイン画面を簡単に作成する
当記事ではAmazon Cognitoを使って、Reactで作成したフロントエンドアプリに簡単にログイン機能を設定する方法を紹介します。 Z-A-K-I ログイン機能に時間をかけたくないな〜 簡単に自分のアプリに組み込いたいな〜 と、思って...
awsアプリケーション開発 APIGatewayに認証機能を設定する
こんにちは、ITエンジニアのz_a_k_iです！^^ 今回は、Amazon API Gatewayで公開しているAPIへのアクセスを認証付きで公開する方法についてご紹介します。Amazon API GatewayでAPIを公開すると、グロー...
awsアプリケーション開発 Draw.ioをVSCodeで使う
こんにちは、ITエンジニアのz_a_k_iです！^^今回は、Draw.ioというツールを使って、アプリケーションの構成図を作成する方法をご紹介していきます。Draw.ioは、Webのサービスでブラウザで利用する方法が有名ですが、VSCode...
awsアプリケーション開発 ReactでMUIを利用したWebアプリの作成
こんにちは、ITエンジニアのz_a_k_iです！^^今回はReactで作成されたWebアプリをCSSフレームワークである「MUI」を利用して画面デザインをオシャレにしていきます。以下の記事で作成したWebアプリにMUIを適用していきます。 ...
awsアプリケーション開発 LambdaとDynamoDBでCRUDするWebアプリの構築
こんにちは、ITエンジニアのz_a_k_iです！^^ 今回はクライアントから送信されたデータをLambdaでDynamoDBに登録・更新するWebアプリを作成します。 以下の記事でLambdaを利用したWebアプリを作成しました。 今回はこ...
awsアプリケーション開発 LambdaとDynamoDBを活用したサーバレスアーキテクチャの構築
こんにちは、ITエンジニアのz_a_k_iです！^^ 今回はLambdaでDynamoDBのデータを取得しクライアントへ返却するWebアプリを作成します。 以下の記事でLambdaを利用したWebアプリを作成してます。今回はこちらで作成した...
awsアプリケーション開発 LambdaでサーバレスWebアプリ構築
こんにちは、ITエンジニアのz_a_k_iです！^^ 昨今では、サーバレスサービスを使ってアプリケーションを構築する手法がトレンドとなっています。 本記事ではAWSのサーバレスサービスであるLambdaを利用してWebアプリを作成する方法を...
awsアプリケーション開発 Amazon S3からファイルを効率的にダウンロードする方法
こんにちは、ITエンジニアのz_a_k_iです！^^ 今回はAmazon S3から一括でファイルをダウンロードする方法を記載します。 Amazon S3は、データのバックアップやアーカイブ、ウェブサイトのコンテンツ配信など、多岐にわたる用途...
アプリケーション開発 FlaskでバックエンドAPIを作成する（入門編）
こんにちは、ITエンジニアのz_a_k_iです！^^ 今回はPythonのFlaskを使ってバックエンドAPIを作成します。Pythonの開発環境の構築に始まり、簡単なバックエンドAPIを作成する方法をご紹介します。 Flaskの開発環境構...
awsアプリケーション開発 AWS S3 Glacierを利用したデータのバックアップ
こんにちは、ITエンジニアのz_a_k_iです！^^ 今回はAWS S3上のデータをバックアップする方法を記載します。 バックアップで重要なのはデータの安全性とアクセスが確保されてることです。そのため、信頼性の高いストレージソリューションが...
アプリケーション開発 Reactで開発環境用と本番環境用でバックエンドのAPIを変更する方法
こんにちは、ITエンジニアのz_a_k_iです！^^ 今回はReactで作成したアプリケーションを開発環境や本番環境といったように環境別にバックエンドの通信先を変更する方法についてご紹介します。 Reactとは Reactは、ユーザーインタ...