#目次
1.はじめに
2.インストール
3.プロキシ環境の場合
4.おわりに
#1. はじめに 参考資料など
JavaやC#で基幹系システムしか作ってこなかったエンジニアがフロント開発に挑戦する。さて、開発環境の構築を記録していきます。
なお、Reactを使う上で必要なJavascriptとしての知識レベルですが、以下ぐらいです。
- 普通のJavascriptについては、他人の書いたコードは読める
- 一からコードを書くのはできない
- コールバック関数は読めることには読めるがあまり自信がない
- ReactやVue.jsなどのライブラリ関連はよくわからない。コードも読んだことはない。
まず参考にした書籍は以下です。
-
React公式ドキュメント
「チュートリアル」から読み始めて、動かしてみたりしました。「おー、動いた」レベルでとどまり、チュートリアル最後のサンプルコードを書き換えてみよう、というお題がわからずやめました。 -
Kindle書籍
ちょうどKindle Unlimitedの無料体験があったので、何冊かダウンロードしました。
はじめてさわるReact & JavaScript Kindle版 / mod728著
はじめてつくるReactアプリ Kindle版 / mod728著
はじめてつくるReactアプリ with TypeScript Kindle版 / mod728著
これも「おー、動いた」と感じ、なんとなくPropsやStateの理解レベルが上がったかなー。で終わりました。
で結局。
「お題がないとがっつり作ろうとしない」からいまいち覚えないよね。という状況になりました。プログラミングあるあるですね。
お題はのちの記事に書いていくので、まず今回はツール類のインストールをまとめていきます。
#2. インストール
以下のツールをインストールしました。
- Node.js
ちゃんと勉強するまで知らなかったが、Node.jsを入れただけでReactが使えるとは。
公式サイトよりダウンロード→ https://nodejs.org/ja/
入れたバージョンは14.17.16だが、なぜこれを入れたのかは忘れました。。。
- Visual Studio Code (VS Code)
もともとPythonを扱っていたので、インストール済みでした。
公式サイトよりダウンロード→https://azure.microsoft.com/ja-jp/products/visual-studio-code/
- VS Code拡張機能： Japanese Language Pack
このサイトを参考に拡張機能をインストールし、VS Codeを日本語で扱えるようにしました。
https://www.javadrive.jp/vscode/install/index4.html
- VS Code拡張機能： Babel Javascript
入れた経緯を思い出せません。Javascript構文のハイライト表示に使っています。
https://marketplace.visualstudio.com/items?itemName=mgmcdermott.vscode-language-babel
#3.プロキシ環境の場合
自分の環境ではプロキシありませんが、プロキシがある場合はnpmコマンドで以下に設定するようです。
npm -g config set proxy htt://xxxxxx:9999/
npm -g config set https-proxy htt://xxxxxx:9999/
プロキシを解除する場合は以下
npm -g config delete proxy
npm -g config delete https-proxy
参考：https://qiita.com/ymaru/items/cf513ab05fe0ebac7d3b
#4. おわりに
以上が開発環境構築になります。
と、おもいきや
Web開発者はWindowsじゃないほうが良いのではという意見を見てしまったがために…。
次回へ続く。