/Typing-game

Reactでタイピングゲームを作ります

Primary LanguageJavaScript

概要

Reactでタイピングゲームを作ります。 作れる気がしません。 そもそもReactはタイピングゲームに向いているのでしょうか。

プルリクをください

public/js/type.jsの最後のjson部分に以下の事項を追加してプルリクください。

  • 2017年の抱負
  • 抱負のカタカナ表記
  • 名前

フォーマット

public/js/type.jsの最後尾Typing.datas = []の中に以下のフォーマットで抱負を追加してください。

{
  question : "2017年の抱負",
  kana : "ホウフノカタカナヒョウキ",
  comment : "自身の名前"
}

{
  question : "筋肉つける",
  kana : "キンニクツケル",
  comment : "ちゃんちー"
}

プルリクの出し方

※以下のやり方は、GitHubのアカウントがある前提で進めます。登録をされてない方は次の記事を参考に登録してください。GitHubアカウント作成とリポジトリの作成手順

1.まずGitHubでこのリポジトリをフォーク(fork)します。画面の右上のforkボタンよりフォークしてください。フォークすると、フォークした自分のリポジトリの画面になります。 フォークの仕方

2.次にフォーク(fork)したリポジトリをクローンします。"Clone or download"からリポジトリのURLを表示し、そのURLをコピーします。 クローンの仕方

3.次にターミナルを起動します。Terminal.appをFinderのアプリケーションから選択して起動してください。

4.次にターミナルで、クローンする先にディレクトリ移動をします。以下のコマンドを打ちます。今回はデスクトップにクローンします。

cd Desktop

5.クローン先にディレクトリに移動した後(今回はデスクトップに移動した後)、先ほどコピーしたURLをgit cloneというコマンドの後にペーストします。

git clone <コピーしたURL>

例えば次のような形になります。

git clone https://github.com/ShinokiRyosei/Typing-game.git

あとは、エンターを押してコマンドを実行すれば、クローンされます。

6.次に、クローンしたプロジェクトにディレクトリ移動します。以下のコマンドです。

cd Typing-game

7.では、public/js/type.jsを編集しましょう。テキストエディターやMac標準アプリのTextEdit.apptype.jsを編集します。上記のフォーマットに従って、編集した後、保存しておきます。

8.ターミナルで次のコマンドを順番に打っていきます。

git add public/js/type.js

次に、

git commit -m 'Added new json data'

最後に、

git push origin master

これでGitHubの自身のリポジトリには変更が保存されます。

9.次にPull request(プルリクエスト、以下プルリク)を出しましょう。 GitHubのページからプルリクを作成します。New pull requestを選択します。 New pull request選択画面

10.プルリクエストの際にフォーク元のリポジトリと自身のリポジトリを選択して、New pull requestを選択します。 Compare画面

11.タイトルと適宜説明を追加し、Create pull requestを選択します。 Open pull request画面 以上で、あとはマージされるのを待つだけです。😄