ゲームパッドを使用してメロディーや和音を奏でられる 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)