Web昆布

ゲームパッドを使用してメロディーや和音を奏でられる Web アプリケーション (Progressive Web Apps) 。

アナコンMIDI昆布あの昆布 を Web へ作り変えたアプリケーション。ゲームパッドを接続したコンピューターでシンセサイザーを演奏可能。和音の演奏機能を追加実装。 i18next による国際化に対応。

TypeScript による堅牢な開発環境を実現。 webpack を用いることでスクリプトを単一ファイルにバンドルし、アプリケーションの配信を最適化。 Workbox による Service Worker の実装により、オフライン動作やアプリケーションのアップデートに対応。 prefers-color-scheme によるダークモードに対応。 Storybook による UI カタログの生成と StoryShots によるスナップショットテストの実行。 Dependabot で依存関係更新の Pull Request を自動生成するよう設定。

技術スタック

  • TypeScript
  • React
  • webpack
  • Workbox
  • ESLint
  • Prettier
  • styled-components
  • GitHub Actions
  • AWS (S3, CloudFront, Route 53)
Screenshot
Screenshot
Screenshot
Screenshot