やること Node.jsとExpressの環境構築をDocker上で行います。 また、TypeScriptでの開発を行うためにTypeScript環境のインストールも行います。 まずNode.js×Expressの環境構築後、TypeScriptをインストール、設定します。 準備 Docker Desktopのインストール こちらからDocker Desktopをインストールします。 Mac/Windows/Linuxに対応しています。 VSCodeのインストール こちらからVSCodeをインストールします。 他のエディタでも問題ないですが、諸々使いやすいのでおススメします。 MacやLinuxをお使いの方であればvimでも問題ありません。
なぜこの記事を書いたのか ReactとTypeScriptは相性が良いといわれており、この二つを組み合わせて開発する人も多いため、Dockerfile と docker-compose.ymlを一から作成して環境構築する方法を記事としてまとめておきたかった。 環境構築完了(ゴール)の確認 この記事のゴールは以下のようにReactのページが起動すること。 環境構築の手順 ①Docker、nodeのインストール ②Dockerfile、docker-compose.ymlの作成 ③ビルド ④TypeScriptで動くReactアプリの作成 ⑤コンテナの実行 ①Docker、nodeのインストール Dockerのインストール https://www.docker.com
まえおき やりたいことはタイトル通り。まっさらな状態からやっていく。調べてみると意外とまとめてある記事がなかったので、書き留めておく。 正直微妙だなと思う点もあるけど、誰かの参考になれば幸いです。 環境 Docker: 3.3.3 前提条件 Docker のインストール & セットアップ済み プロジェクト・ディレクトリの作成 手順 Dockerfile作成 docker-compose.yml 作成 docker-compose run --rm app sh -c 'npx create-react-app 任意のプロジェクト名 --template typescript && cp -RT 任意のプロジェクト名/. ./ && rm -rf 任意のプロジェクト名' Dockerfile, docker-compose.yml 修正 port の変更 (任意) docker-compos
These docs are old and won’t be updated. Go to react.dev for the new React docs. Check out React TypeScript cheatsheet for how to use React with TypeScript. Static type checkers like Flow and TypeScript identify certain types of problems before you even run your code. They can also improve developer workflow by adding features like auto-completion. For this reason, we recommend using Flow or TypeS
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く