Dockerのマルチステージビルドを利用して、Reactアプリの開発環境と本番環境(ビルド環境)を作成する。 ※以下の記事の続きとなります。 maya313.hatenablog.com Dockerで利用するファイル Dockerfile FROM node:18.12.1-alpine as common # Develop FROM comm…

前提条件 ・Docker Composeがインストールされている。 ・Reactプロジェクトを作成している。 1. 必要なファイルを作成する 以下の内容で「Dockerfile」と「docker-compose.yml」を作成し、Reactプロジェクトと同じフォルダ階層に配置してください。 ※React…

Former2を利用して既存のAWSリソースのCloudFormationテンプレートを生成し、CloudFormationでAWSリソースを管理できるようにする。 1. Former2で利用するIAMユーザーの作成 以下の設定でIAMユーザーを作成する。 ・AWS アクセスの種類：プログラムによるア…

1. SFTPユーザーの作成とパスワード設定 $ useradd test-user1 $ passwd test-user1 2. chroot用のディレクトリの作成 chroot用のディレクトリは所有者をroot:root、パーミッションを755にする必要があります。 $ sudo mkdir /var/sftp $ chown root:root /v…

1. Docker Desktop for Windowsのインストール 以下のURLからDocker Desktop for Windowsをダウンロードしてインストールする。 docs.docker.com 2. Nginxコンテナの作成と起動 サンプルとしてNginxコンテナの作成と起動を行う。 PowerShellで以下のコマンド…

サンプルコード <div className="box-image"></div> .box-image { width: 200px; height: 200px; border-radius: 50%; background-image: url("https://example.com/image/example.jpg"); background-position: 40% 70%; /* 切り抜く位置の指定 */ } 完成イメージ

何も設定を行わないとCloudFrontとS3を利用したReactAppで「/」ページ以外にアクセスするとAccessDeniedが発生する。 対策としてはCloudFrontの「エラーページ」の設定でHTTP エラーコードが403の時に「/」ページへ遷移させるようにする。

1. 環境変数ファイルの作成と配置 「.env」ファイルを作成し、Reactプロジェクトのルートディレクトリに配置する。 ※「package.json」ファイルと同じ場所 .env REACT_APP_API_HOST=https://api.example.com 2. 環境変数の使用 const login = () => { ... con…

サーバー側

サイトを公開した後にGoogleの検索結果にhttps://www.example.comではなく、 https://XXX.XX.XXX.XXXというようにApplication Load BalancerのIPアドレスが表示されてしまうことがある。 これを回避するにはロードバランサーの設定で指定したホスト(例：www.…

以下のパラメータを変更する。 ・max_concurrent_requests：同時リクエストの最大数 ・max_queue_size：タスクキュー内のタスクの最大数 $ aws configure set default.s3.max_concurrent_requests 100 $ aws configure set default.s3.max_queue_size 10000

インストール 1. ダウンロード 下記のリポジトリからダウンロードするバージョンを指定してください。 https://repo.anaconda.com/archive/ $ wget https://repo.anaconda.com/archive/Anaconda3-2021.11-Linux-x86_64.sh 2. インストール 下記のコマンドを…

import datetime value_string = '2022/2/19 14:00' value_datetime = datetime.datetime.strptime(value_string, '%Y/%m/%d %H:%M')

application/x-www-form-urulencoded URLエンコードされたデータで送信する。 id%3D1%26name%3Dmaya // id=1&name=mayaをエンコード application/json jsonフォーマットでデータを送信する。 { "id": 1, "name": "maya" }

package main import ( "net/http" "encoding/json" "fmt" ) type Item struct { Id int `json:"id"` Name string `json:"name"` } type Items []Item func itemList(w http.ResponseWriter, r *http.Request) { items := Items{} items = append(items, Ite…

作成したバッチをタスクスケジュールで管理すれば、1つ1つCronにバッチを設定する手間がなくなります。 1つ1つCronにバッチを設定する場合 cron 0 7 1 * * cd /var/my-project; php artisan sendsalesfile 0 1 * * * cd /var/my-project; php artisan delete…

Ubuntuは初期状態ではrootのパスワードが設定されていないので、自分で設定する必要があります。 $ sudo passwd root

解決方法1 「php.ini」ファイルの「memory_limit」を変更する。 ... memory_limit = 256M ... 解決方法2 ini_set関数を使用して一時的に変更する。

Reactで作成したサイトをGitHub Pagesで公開する。 前提条件として、公開するプロジェクトはすでにGitHubのリポジトリにアップロードされていることとします。 1. gh-pagesをインストール $ npm install gh-pages --save-dev 2. package.jsonファイルに設定…