Skip to content

digitech-ymg/renofa-parking-web

Repository files navigation

renofa-parking-web

"レノファ山口 FC ホームゲームの運営をもっと効率的に"の取り組み

技術概要

  • Nextjs(React フレームワーク)
  • Chakra UI(CSS)
  • TypeScript(型導入)
  • Prettier(コードの整形)
  • ESLint(構文チェック)
  • husky(Git 操作自動制約)

依存関係

以下のいずれかの前提環境が必要

  • Node.js v14.x
  • yarn v1.x

または、

  • docker-compose v2.x
  • make v3.x

※Node.js の LTS が 16 に移行したため、近々 16 ベースに移行

開発環境構築

事前準備を経て、以下のいずれかの方法で環境構築を行う

事前準備

Firebase Local Emulator を使います。

公式ドキュメントに従って必要な環境を構築してください。

起動コマンド(他のコマンドは別 Terminal から実行してください)

yarn emu:start

エミュレータの UI が用意されています。

http://localhost:4000/

エミュレータの追加データを残したい(次回再利用したい)場合は出力してください。

yarn emu:export

方法 1

  • 以下のコマンドをターミナルで実行
git clone [email protected]:digitech-ymg/renofa-parking-web.git
yarn
yarn dev

方法 2

  • 以下のコマンドをターミナルで実行
git clone [email protected]:digitech-ymg/renofa-parking-web.git
make i
make up

VSCode をエディターとして利用している方へ

開発時に推奨する拡張機能を本リポジトリにて共有しているので、インストールする(方法はこのページを参照

ブランチ運用(検討中)

Gitflow ワークフローに準じて運用する

コミットメッセージ(検討中)

gitmojiに準じて絵文字 prefix をつけたコミットメッセージを書くことを推奨(cliもある)

バッチ処理

functions 配下がバッチ処理に関するコードです。 firebase の functions を定期実行で稼働させてます。 手動でデプロイしてます。

開発環境へのデプロイ

firebase deploy --only functions --project=renofa-parking-dev

本番環境へのデプロイ

firebase deploy --only functions --project=renofa-parking