アプリケーション開発 MUIを使って、Reactでモーダルウインドウを簡単に作成する
本記事では、ReactとMUIを使ってモーダルウインドウ上で入力フォームを作成する方法をご紹介します。 本記事上で具体的なソースコードを載せてますので、そのまま利用することが可能です。 なので、 Z-...
プログラミングや自動テストなどシステム開発用のカテゴリー
アプリケーション開発 
awsアプリケーション開発 Draw.ioをVSCodeで使う
今回は、Draw.ioというツールを使って、アプリケーションの構成図を作成する方法をご紹介していきます。 Z-A-K-I VSCodeでAWSの構成図とかかきたいなー 構成図を書くのに無償で利用できる...
awsアプリケーション開発 ReactとMUIでWebアプリの作成
こんにちは、ITエンジニアのz_a_k_iです！^^今回はReactで作成されたWebアプリをCSSフレームワークである「MUI」を利用して画面デザインをオシャレにしていきます。以下の記事で作成したW...
awsアプリケーション開発 LambdaとDynamoDBでCRUDするWebアプリ構築
こんにちは、ITエンジニアのz_a_k_iです！^^ 今回はクライアントから送信されたデータをLambdaでDynamoDBに登録・更新するWebアプリを作成します。 以下の記事でLambdaを利用し...
awsアプリケーション開発 LambdaとDynamoDBを活用したサーバレスアーキテクチャの構築
こんにちは、ITエンジニアのz_a_k_iです！^^ 今回はLambdaでDynamoDBのデータを取得しクライアントへ返却するWebアプリを作成します。 以下の記事でLambdaを利用したWebアプ...
awsアプリケーション開発 LambdaでサーバレスWebアプリ構築
こんにちは、ITエンジニアのz_a_k_iです！^^ 昨今では、サーバレスサービスを使ってアプリケーションを構築する手法がトレンドとなっています。 本記事ではAWSのサーバレスサービスであるLambd...
アプリケーション開発 FlaskでバックエンドAPIを作成する（入門編）
こんにちは、ITエンジニアのz_a_k_iです！^^ 今回はPythonのFlaskを使ってバックエンドAPIを作成します。Pythonの開発環境の構築に始まり、簡単なバックエンドAPIを作成する方法...
アプリケーション開発 Reactで開発環境用と本番環境用でバックエンドのAPIを変更する方法
こんにちは、ITエンジニアのz_a_k_iです！^^ 今回はReactで作成したアプリケーションを開発環境や本番環境といったように環境別にバックエンドの通信先を変更する方法についてご紹介します。 Re...
アプリケーション開発 ソフトウェアをインストールせずにAPIを実行する
こんにちは、ITエンジニアのz_a_k_iです！^^ 今回は、ソフトウェアをインストールせずにWebAPIを実行する方法を記載します。 WebAPIの実行は有名どころでPostmanというツールが存在...
アプリケーション開発 MaterialUIのDataGridで1ページに100件以上表示されない。
こんにちは、ITエンジニアのz_a_k_iです！^^今回はReactでMateriaulUIのDataGridを利用していた時に発生した問題と、その解消方法を検証した内容を紹介します。 Materia...
アプリケーション開発 MaterialUIのDataGridでmaxlengthを設定する
こんにちは。ITエンジニアのz_a_k_iです！^^今回はReactでよく利用されるCSSフレームワークであるMaterialUI(別名：MUI)について記載します。materialUIでDataGr...
アプリケーション開発 IPアドレス制限で安全なウェブサービスを構築
こんにちは、ITエンジニアのz_a_k_iです！^^今回は、AWSにデプロイしたアプリケーションへのアクセスをIPアドレスで制限する方法を記載した記事となります。以下の記事でAWSのS3上にVue.j...