技術ブログ

プログラミング、IT関連の記事中心

Docker

Dockerを使用してMySQL環境をセットアップする方法

目次 Dockerを使用してMySQL環境をセットアップする方法 1. Docker イメージをPull 2. Docker コンテナを作成 3. MySQLに接続 Docker Composeを利用する方法 Dockerを使用してMySQL環境をセットアップする方法 Dockerを使用すると、数分でMySQLの環境をロー…

React(TypeScript、Docker、WebPack)のプロジェクトのサーバーデプロイ方法

目次 はじめに Dockerの本番環境用意 package.jsonの内容を修正 webpack.config.jsの出力先指定 ビルド実行 ビルド後のファイルをローカルで実行 サーバーへのデプロイ はじめに 以下の記事を参考に、DockerとWebPackを使用したプロジェクトを用意してくださ…

React(TypeScript)プロジェクトの作成方法(Docker、ESLint、Prettier、WebPack)【4/4】

目次 事前準備 WebPack 完成 スポンサードリンク (adsbygoogle = window.adsbygoogle || []).push({}); 事前準備 以下の記事の内容が完了している前提で本記事を記載しています。 まだの方は、以下から進めてください。 React(TypeScript)プロジェクトの作成…

React(TypeScript)プロジェクトの作成方法(Docker、ESLint、Prettier、WebPack)【3/4】

目次 事前準備 Prettier ESLintの設定修正 コマンドでPrettierの整形を行う VSCodeでPrettierを実行する Prettierのルール設定 Prettierの除外ファイル スポンサードリンク (adsbygoogle = window.adsbygoogle || []).push({}); 事前準備 以下の記事の内容が…

React(TypeScript)プロジェクトの作成方法(Docker、ESLint、Prettier、WebPack)【2/4】

目次 事前準備 ESLintの組み込み ESLintの設定ファイルに任意の設定を行う コマンドでESLintのチェックを行う VSCodeでESLintのチェックを起動する スポンサードリンク (adsbygoogle = window.adsbygoogle || []).push({}); 事前準備 以下の記事の内容が完了…

React(TypeScript)プロジェクトの作成方法(Docker、ESLint、Prettier、WebPack)【1/4】

目次 前提 Reactのプロジェクト作成環境の用意 Reactプロジェクトに「TypeScript」の設定をしてプロジェクト作成 Dockerの組み込み 「docker-compose up」でエラーが出た場合 スポンサードリンク (adsbygoogle = window.adsbygoogle || []).push({}); 前提 N…

ReactをDockerで実行する方法【React/Docker】

■はじめに ReactとDockerの環境構築は完了している前提で記載します。 まだの方は、それぞれの環境構築を行ってからご覧ください。 ■手順 以下のコマンドを実行し、Reactプロジェクトを作成します。 create-react-app dockersample 以下のコマンドを実行し、…

Dockerの環境構築(mac)【Docker】

■はじめに 本記事は、macでの環境構築です。 dockerに関する詳しい説明などは記載しておりません。 ■手順 こちらの公式サイトより、Docker Hubのアカウントを作成します。 こちらの公式サイトで「Get Docker」を押下して、Dockerのdmgファイルをダウンロード…

Dockerコマンド集【Docker】

コマンド説明docker ps -aコンテナを全て表示docker ps起動中のコンテナを全て表示docker rm [コンテナ名]コンテナの削除docker build -t [任意の名前] .イメージの作成(ビルド)docker run -it --name [任意のコンテナ名] -p 3000:3000 -v $PWD:/usr/src/a…