updated:2017.12.09モロデザイナーフリーランスなWebの人。最近はメダカと錦鯉と仮想通貨が好きです。好きなコーギーはペンブロークです。Angular、React、Vue.js(あとRiot.js)と揃い踏み、苛烈を極めるフロントエンド界隈、皆様いかがお過ごしでしょうか。私はちょうど1年ほど前に新調した名刺に「フロントエンドエンジニア」と書いてはみたもののすっかり苦しくなってきた昨今です。残り60枚程度頑張りますモロ(@moro_is)です。2017、8日目の記事です。この記事では、イマドキだからReactやってみたいでも全然下地的な知識はないToDoアプリはもうわかったからもうちょい実用的なことしたい私がざっくばらんに進捗をご報告いたします。ご指導ご鞭撻のほどよろしくお願いいたします。Node.js構成のサーバーを用意します。Node.jsをインストールするのに必要なパッケージをインストールする。Repositoryを追加する。-Node.jsをインストール。nodejsバージョンを確認。Appをインストール。Appでアプリを作る。build.よさそう。Webサーバー側のあれこれファイアウォールの状態を確認。--list-allReactが使う3000ポートを開放。--zone=publicと、永続化。--permanentファイアウォールを再起動して設定を反映。--reloadNginxを入れる。nginxNginxのバージョンを確認。nginx/1.12.2Nginxの設定。}}Nginxを自動で起動するようにしつつ、再起動で設定を反映。start導入終わり!再React側のあれこれ「モダンな」って言ってしまったのでここからごにょごにょしていかなければなりません。Reactにいろいろ入れます。yarnのほうがきっとモダンですが、npmのほうが情報が多そうなのでとりあえずnpmでやる。}}はい、あれこれ入れました。吉祥寺のプチ情報を発信するWebマガジン。#akabekor赤べこプロモーションサイトコロニーグループリパレードが運営するペット関連サービス。ドークツドークツホームお知らせサービス制作実績ブログ歩く吉祥寺お問い合わせ。