Sveltescheduleapp

なぜやるか

• svelte, cypress試す

コンセプト

• TODO細分化
• カレンダー表示
• 時間計測、達成度表示

全部が一つになったアプリは新しい気がしたので

技術

• server: ???
• frontend: svelte
• E2E test: cypress https://typescript-jp.gitbook.io/deep-dive/intro-1/cypress#insutru

app start

npm run dev
npm run test

工夫した点

• TypeScript, eslint, tsconfig導入
• フロントエンドに cypress で End-to-End テストを行う
• components 内を atomic design 風にした -（ネットで少し調べたことがある程度）
• pre-commit hook で lint, testを行う
• github action でも lint, test, gh-pagesへのデプロイ を自動で行う
  • 成功しないと、masterに取り組めないように　(branch protection rule)

課題（わかっていないこと）

• 開発中で表示内容に変更がある場合、テストも変えなければいけないが、うまくやる方法はあるかどうか
• history 機能が現時点では無い

まだやっていない

issueに挙げた

考慮

• svelteKitまだ使ってない SvelteKit
• ブラウザにsvelte-devtool入れても、有効にならない