DevOps Webプログラミング

2021/11/25

Traefikでデプロイ & Let's EncryptでTLS対応させる

今回はTraefikで実際にデプロイ & TLS対応について記事にしたいと思います。 少し前にTraefik入門の記事を書きましたが、そのプロジェクトをベースにLet's EncryptでTLS対応を行っていきます。 Traefik入門の記事はこちらから。 ↓↓↓ まえがき この記事の前提 この記事はTraefikの入門記事の続きになります。前回のTraefik記事のソースコードはこちらから。 今回の記事の完成版ソースコードはこちらから。 プロジェクトのコードは大きく分けて3つに分かれており、Tr ...

ReadMore

Webプログラミング

2021/11/22

React Router v6がリリースされたので端的にまとめます

React Routerの新たなバージョンがリリースされ、v6となりました。 今までのバージョンの「いいとこ取りをしたAPIを作った」とのことです。 今回の記事ではv5からの変更点などを含め、要点をまとめていきます。 v5からいくつかの破壊的な変更がありますので、アップグレードの際は注意して下さい。 こんな方におすすめ React Router v6について要点だけ知りたい方 React Router v5からの移行に関する情報が欲しい方 公式の移行ガイドが長すぎるという方 React Router v6 ...

ReadMore

DevOps Webプログラミング

2021/11/22

【入門】Traefikとは?基本的な使い方を解説

Traefikを使ってみる機会があったので、Traefikの入門記事を書いてみます。 長い記事ですので興味のあるところを読んでいただければと思います。下の目次も活用して下さい。 Traefikについて Traefikとは何か Traefikはオープンソースのエッジルーター(いわゆるリバースプロキシ・ロードバランサーの役割)で、サービスを簡単な設定で公開することが出来るのが特徴です。 リバースプロキシとしてのNginxの代替手段となります。 既存の技術(すなわちNginx)のリバースプロキシでは複数の設定フ ...

ReadMore

no image

Webプログラミング

2021/10/23

ReactのビルドでJavaScript heap out of memoryのエラー

VPS上でReactのビルド中にメモリ不足のエラーが発生しました。対処法のメモ記事です。     起こった問題   サーバー上で「Nginx + Reactプロジェクト」構成のDockerイメージをビルドしようとすると失敗。 Reactのyarn run buildのフェーズで以下のようなメモリ不足のエラーが出ました。 (react-scriptsのバージョンは"4.0.3")   <--- Last few GCs ---> [36:0x5f478e0 ...

ReadMore

Webプログラミング

2021/10/22

create-react-app環境での環境変数の扱い備忘録

create-react-app環境での環境変数の扱いを備忘録的にまとめます。大きく分けて「前提知識」「具体的な設定方法」に分かれています。 基本的な使い方や知識を知りたい方は「前提知識」を、設定方法や.envファイルの扱いについて知りたい方は「具体的な設定方法」を見て下さい。   基本的には公式ドキュメントを要約したものです。 正確な内容はドキュメントを参照して下さい。 Environment Variables   前提知識 環境変数の基本的な使い方   JSコード内では ...

ReadMore