hibohiboo/async-ttrpg - Githubissues

最初にやること

npm install

このリポジトリは？

最近気になった技術をまとめて試したい

[x] monorepo
[z] bulletproof-react
[ ] feature-sliced.design
[ ] zustand
[x] hono
[x] react-hooks-form
[x] codeceptjs
[ ] vitest
[ ] biome

題材として、非同期TRPGを作りたい。非同期TRPGについてはWikiに記載。

フロントエンドアーキテクチャ

Reactのベストプラクティスであるbulletproof-reactをベースに開発する。

monorepo

プロジェクトはmonorepoで管理する

項目	ライブラリ	バージョン	ライセンス	選定理由
パッケージマネージャ	npm	10.8.2	Artistic License 2.0	Nodeインストール時にインストールされ余分なインストールが不要のため
モノレポビルドシステム	Turborepo	2.0.9	MIT	後発でシンプル。

- readme.md               ... 本ファイル
- apps/pl-app             ... プレイヤー用のフロントエンド
- apps/gm-app             ... ゲームマスター用のフロントエンド
- apps/api                ... フロントエンド共通のバックエンド
- packages/tsconfig       ... TypeScript設定
- packages/eslint-config  ... Lint設定
- .vscode/tasks.json      ... VSCode拡張のFunctionsのデプロイ設定
- .vscode/extensions.json ... 本プロジェクトで利用しているVSCode拡張
- .vscode/settings.json   ... LintなどEditor設定
+ wiki                    ... 作業中のメモなど
+ document                ... 本プロジェクトに関する資料
+ .husky                  ... huskyによるGit Hooks
+ infra                   ... IaC
+ database                ... ddl + docker

npmスクリプト

スクリプト	説明
prepare	npm install 時に実行。git hooksのディレクトリを変更

githooks

項目	ライブラリ	バージョン	ライセンス	選定理由
ネイティブ Git フック	husky	9.1.1	MIT	高速で利用例が多い

commit message

Issue番号

huskyとブランチ名ルールにより自動付与。

id/{issue番号}/hoge のルールで#{issue番号} がコミットメッセージ末尾に付与される

prefix

コミット時には下記ルールにのっとり頭にprefixを付ける

prefix	説明
feat	新しい機能
fix	バグの修正
docs	ドキュメントのみの変更
style	空白、フォーマット、セミコロン追加など
refactor	仕様に影響がないコード改善(リファクタ)
perf	パフォーマンス向上関連
test	テスト関連
chore	ビルド、補助ツール、ライブラリ関連

インフラ

ツール	バージョン
az bicep	0.29.45

スクリプト	説明
createResourceGropu.bash	リソースグループの作成
createFunctions.bash	Azure Functionsの作成
createWebApps.bash	Azure Static Web Apps

の作成

GitHub

ローカル開発用のcliの準備

winget install --id GitHub.cli

Windowsの再起動をする。パスが通ったことを確認

gh --version

クレデンシャルの混入抑制

Secret Scanning を有効化

Settings > Code security and analysis Secret sanning: Enable

Push protection を有効化

Settings > Code security and analysis Push protection: Enable

※Secret sanningが前提

Github Relasesの作成

gh auth login
npm run add-github-releases

sonarlint

いったんあきらめ。 https://unpkg.com/browse/eslint-plugin-sonarjs@2.0.2/

hibohiboo / async-ttrpg

readme