Skip to content

リスニング練習のためのWebアプリ。シンプルなデザインで直感的に遊ぶことができる。

Notifications You must be signed in to change notification settings

Akikaze1119/AcuEarLab

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

AcuEarLab

リスニング強化のためのWebアプリです。 音声をよく聞いて、2つの英単語の中から正しいものを選ぶことで、正確に聴き分けられるかテストすることができます。

DEMO

https://www.loom.com/share/5844196b39884eaea52d8a5b21275761?sid=2bd3e553-2818-433e-8275-c2ca14a9feb4

Features

繰り返し勉強できるようにシンプルなUIにしています。 現段階では日本人が苦手とする[R]と[L]の聞き分けのクイズのみですが、今後は他の音の聞き分けクイズも追加していく予定です。

Why I created this app

サイト制作の実践と英語の勉強のために作成しました。 オンラインのプログラミングスクールでVueを学んだこともあり、Vueを用いて作成しています。

学習ツールのため、繰り返しトライできるように使い易さ・わかり易さを意識して、Bootstrapのモジュールを用いながらデザイン設計しました。

Requirement

  • vue 2.7.11
  • bootstrap 5.0.2
  • jquery 3.3.1

Upcoming Features

  • 日本人が苦手とする発音の聞き分けクイズの追加([b]と[v]、[s]と[ʃ]など)
  • ログイン機能の実装
  • ログイン後、ユーザーが過去のスコアを確認できるようにする

■参考:ログイン実装時の導線設計図

Author

  • Satomi Nagano

License

"AcuEarLab" is under MIT license.

About

リスニング練習のためのWebアプリ。シンプルなデザインで直感的に遊ぶことができる。

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published