React、yarnのインストール (create-react-app)

Reactの動作環境の構築にはいろいろなライブラリのインストールが必要ですがそれがまとめられている環境のインストールを説明します。

前回の記事でNode.jsのインストールが完了していることを前提としています。

コマンドプロンプトで上記のコマンドを実行します。

そしてインストールが終わった後に同じくコマンドプロンプトで

でバージョンが表示されれば問題なくインストールされています。

 

ついでにyarnをインストールしてみましょう。

yarnはnode.jsのパッケージマネージャであるnpmと同じようなパッケージマネージャでより信頼度のあるものです。

まあPython界隈のcondaみたいなもんですね。

が完了し

でバージョンが表示されれば問題なくインストールできています。

ちなみに-vでも–versionでも大丈夫だと思います。

 

次回は実際にReactのひな形をインストールしてローカルのブラウザ上で表示してみます。

Node.jsのインストール

reactの記事を書くためここでNode.jsのインストールについて紹介しておきます。

https://nodejs.org/ja/

でLTS(推奨版)をインストールしてください。

設定はそのままでインストールされるディレクトリを確認しといてください。

そしてコマンドプロンプトでnode -vでnodeのバージョンが表示されれば問題なくインストールできています。

 

 

以上です。

Node.js 入門①

Node.jsを使ってみたので覚書きです。

Node.jsではjavascriptでサーバーを動かすことができます。

従来のWebサービスではサーバーサイドでApacheなどのHTTPサーバーでPHPを書いてクライアントサイドと連携させる方法が主流でした。

しかし、そうなるとHTML、CSS、JavaScript、PHP、(データベースではSQL)と多くの言語での開発が必要になります。

そこで、登場したのがNode.jsでこれをサーバーにインストールすればJavaScriptでサーバーを動かすことができます。

また、Node.jsにはライブラリが充実しており、データベースを扱うMongoDBや他の様々なライブラリでサーバーサイドを便利に記述できます。

 

ということで、サーバーを起動させてみましょう。

WindowsにNode.jsのインストールをする

環境

OS:Windows10

node.jsバージョン: v.8.9.3

 

https://nodejs.org/ja/

上記URLから最新バージョンの安定版(LTS)をダウンロードし、インストールします。

インストールは標準で進めていきます。

インストールが完了したらNode.jsのコマンドプロンプトを起動させてください。

Windosの検索窓でNodeと入力すると出てくるかと思います。

Node.jsをローカルサーバーで起動させ、Hello World

Node.jsをローカルサーバーで起動させてみます。

まず、サーバーとなるJavaScriptを記述します。

 

上記をMyServer.jsとして任意の作業ディレクトリに保存します。

 

続いて、Node.jsのコマンドプロンプトを起動させcdにて作業ディレクトリに移動し

でサーバーを起動させます。

そしてブラウザで

localhost:1234

どうでしょうか。