2020.09.21実際に本格的にReactでアプリケーションを作成していく場合はプロジェクトを作成する必要があるので、手順を説明していきます。VScodeで作成していくので、まだの方はVSCodeをインストールしておいて下さい。edit...code.visualstudio.comスポンサーリンク目次node.jsをインストールプロジェクトを作成WEBサーバーを起動まとめnode.jsをインストール以下にアクセスして、node.jsをダウンロードして、インストールして下さい。ダウンロードは推奨版をダウンロードすることをお勧めします。-v」とコマンドして、バージョンが表示されればインストール完了です。-vv12.18.4プロジェクトを作成まずは自分がプロジェクトを作成したいフォルダに移動して下さい。移動はcdコマンドを使います。/Users/user/Documents/myApp以下のようにコマンドすることでプロジェクトが作成されます。「my-app」の部分に作成するアプリケーション名を記載して実行して下さい。my-appするとプロジェクトの作成が始まりますので少々お待ちください。以下のように表示されるとプロジェクトの作成完了になります。hacking!WEBサーバーを起動Reactには簡単なWEBサーバーの機能もあるので、そちらを起動していきます。こちらが必要かというとAjaxなどの非同期通信を行う際に必要だからです。自分の作成したプロジェクトに移動してから、こちらに移動していないとエラーになるので気をつけて下さい。こちらは何をしているかというと、先ほどプロジェクトを作成した際にpackage.jsonというファイルが作成されているので、そちらにあるコマンドを読んでいる形になるので、気になる方はこの中を見てみて下さい。start実行するとブラウザへのアクセスを聞かれるので、許可して下さい。以下のような画面が表示されると成功です。reload.」と記載されています。いうフォルダがあります。いうファイルがあるので、開いてみて下さい。タグの部分を書き換えて保存してみてください。するとブラウザの方も更新されたのが確認できると思います。コードをウォッチしてくれてて、更新するとブラウザ側も自動的に更新してくれます。<p>書き替え</p>として、保存したら以下のように自動でブラウザも変わってくれました。まとめ以上のように簡単にプロジェクトを作成でき、動作確認を楽にできるので、試してみて下さい。プログラミングスポンサーリンクシェアするTwitterFacebookはてブPocketLINEコピーnabelogをフォローするnabelognabelog関連記事Docker【色々エラー】RailsでmysqlのDBが作成できない以前の記事の続きです。DBを作成しようとしたら以下のエラーが出ました。上記のエラーが発生しました。rails実行中にフロントエンドで表題のエラーが発生していたため解決方法を残しておきます。(「{}」波括弧)逆引きじゃないリファレンスを書いていきます。今回はPowerShellの「@」(アットマーク)についてです。これは配列を宣言する際に記載します。今回はRubyの数値リテラルについて学習方法を解説していきます。以前の記事でStringとSymbolについて説明してますので、そちらもご確認ください。今回は数値リテラルについて解説していきます。クラスメソッドとはクラスからオブジェクトを生成せずに直に呼び出すことができすメソッドです。以下は3つのクラスメソッドが定義されています。今回はユーザーに紐づく投稿テーブルを作成することを考える。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。/最短一致数量子【java】2020.10.262021.03.16タイトルとURLをコピーしました。