開発環境の作り方について

Game Usersの開発に参加するには、Reactが動かせる環境を作らなければならないのですが、これが本当にめんどくさい!!なにがめんどくさいかと言えば日本語の情報が少ない上に、いろんなものをインストール&設定しないとまともに動かせない。具体的に挙げると以下のものが必要になります。

  • Webサーバーソフト:例)Apache
  • パッケージインストール:Node.js (npm)
  • コードチェック:例)ESLint / airbnb
  • Javascript (ES2015)変換:例)webpack / babel

ややこしいのはESLintとwebpackは独自のコンフィグファイルを作成しないといけないところ。React自体の学習コストが高いのに、ES2015、ESLint、webpackについても同時に学ばなければならないのは非常に大変です。

Game Usersの開発に気軽に参加してもらいたいけど、ひとつひとつ検索して情報を仕入れながら導入してもらうというのは、ちょっとハードルが高すぎると思うので、できるだけ簡単に環境を整えてもらえるような、読みながら設定ができる情報を揃えたい。

自分はHello Worldを表示させるレベルから2、3歩進んだ程度のレベルなので、あまり高度な話はできませんが、Reactに興味を持っている人のために、多少はお役に立てるような情報を提供できれば幸いです。