norm02 / railway-todo-app

Railway中級編 「Todoアプリをアップデートしよう」で使用するテンプレートリポジトリ

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Railway中級編 Todoアプリをアップデートしよう

初期設定

必要なツール

  1. Node.js v16以降
  2. Yarn v1

このRailwayに取り組む方はすでにインストールできていると思いますがされていない方はインストールしてください。
初期設定は原則HTML/CSS/JavaScript Railway, React.js Railwayと同様となります。

railway-todo-appリポジトリのFork

画面右上にあるForkよりrailway-todo-appのリポジトリを自分のアカウントにForkしてください。

railway-todo-appリポジトリのClone

作成したリポジトリを作業するディレクトリにクローンしましょう。

  • Macなら Terminal.app(iTerm2などでも良い)
  • Windowsなら PowerShell(GitBashなどのインストールしたアプリでもう良いです。アプリによってはコマンドが異なることがあります)
    で作業するディレクトリを開き、次のコマンドでForkしたReact.js Railwayのリポジトリをローカルにクローンしてください。
git clone https://github.com/{GitHubのユーザー名}/railway-todo-app.git

SSHでクローンを行う場合には、次のようになります

git clone git@github.com:[GitHubのユーザー名]/railway-todo-app.git

.envファイルの設定

クローンしたリポジトリには.env.sampleというファイルがあります。それをコピーしたものを.envにファイル名を変更してください。
フォークして最初の状態ではAPIのURLを.envファイルから読み込むようになっています。それを自身の.envに追記してください。

パッケージのインストール

クローンしたばかりのリポジトリは歯抜けの状態なので、必要なファイルをダウンロードする必要があります。 10 分程度掛かることもあるため、気長に待ちましょう。上から順番に 1つずつ コマンドを実行しましょう:

cd railway-todo-app

yarn install

ローカルサーバの起動

以下コマンドを実行します。

yarn start

About

Railway中級編 「Todoアプリをアップデートしよう」で使用するテンプレートリポジトリ


Languages

Language:JavaScript 76.2%Language:SCSS 17.8%Language:HTML 4.7%Language:CSS 1.4%