React皆さまお久しぶりです:-3今回はReactについて全く無知な私が実践的に使えるようになるまで皆さまと一緒に勉強していこうと思います。Reactを勉強しようと思ったか私は本業でホームページなどを制作する事が多いのですが、Webサービスなどはあまり制作しない為、実はReactに触れたことがありませんでした。稀に作成するWebサービスではいつもphpとjqueryを使い制作していましたが、ふと思ったのです。「フロントエンジニアの人たちは最近なに使って開発しているのだろう?」と。調べてみると2つのフレームワークが目立ちました。1つはVue.js、もう一つがReactです。この記事を読んでいる方もこの2つのどちらを学ぶか迷われたかと思います。この二つの違いを書くとまた長くなるので、ここでは省きます。私がReactにした理由としては単純に「なんか楽しそうだから」です。ReactではJSXといったjsとhtmlを一緒に書く書き方があるそうで、あとロゴと名前もかっこよくてなんとなくそそられました。Reactとは?そもそもReactとは何なのでしょうか?調べれば大量に資料がでてくるかと思いますが、どれもピンと来ない方も多いかと思います。(私もその一人です^3^)私の見解だと以下の解釈になりました。記法で記述するコンポーネントといったものでパーツ化してそれを必要な時に呼び出して使う仮想DOMというもののおかげでわざわざ画面を更新しなくても必要な部分だけ自動で更新してくれるし動作が早い上記の3つが主なReactの特徴だと思います。環境を作ってみる早速Reactを勉強する為に環境を作っていきます。Node.jsをインストールまずは下記URLからNode.jsをダウンロードします。https://nodejs.org/ja/URLを開くとLTS版と最新版とあります。最新版は必要ないので、私は安定してそうなLTS版をダウンロードしました。ダウンロードが終わったら実行してインストールします。無事にインストールされているか確認する為に以下のコマンドを打ちます。インストールNode.jsをインストールしたディレクトリに移動して下記コマンドを打ちます。次にアプリケーションを作成します。今回は「sample」という名前で作成します。アプリを配置したいディレクトリに移動して下記コマンドを打ちます。hacking!と表示されたら完了です。これだけで環境ができました。アプリケーション起動いま作ったアプリケーションを起動させてみましょうアプリの場所に移動して下記コマンドを打ちます。次回は簡単な超簡単なアプリを作ってみます!(以下リンクからジャンプできます。コメントをキャンセル入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。内容をご確認の上、送信してください。次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。