サンプルWebアプリケーションの構築¶

まずはcreate-react-appを使って初期テンプレートをCloud9上で動かしてみます。

Cloud9のターミナル上で下記のコマンドを実行

npx create-react-app my-app
cd my-app
npm start

開発用のローカルWebサーバが起動すると、画面上部のPreview機能からブラウザ上で確認できます。

カスタマイズ版アプリの動作確認¶

create-react-appのテンプレートから、勉強会第４回目用にすこしだけカスタマイズを入れたものを用意しているので、ダウンロードして起動します。

wget https://redmine.apps.kinocoffeeblack.net/attachments/download/192/study2-4-sources.zip
unzip study2-4-sources.zip
cd study2-4-sources/spa-client

npm install
npm start

プレビュー機能から確認して「Test!」というボタンが追加されている画面が表示されればOKです。