completador de musica
1.0.0
ここをクリックして、プロジェクトが機能しているのを確認してください
このプロジェクトは、Frameworks next.jsとTailwindを使用して開発されたWebアプリケーションであり、音楽を通じて外国語の研究を支援することを目的としています。アプリケーションのホームページに着いたら、曲とその著者の名前を通知する必要があります。これには、見つかった曲のリストが表示されます。YouTubeやSpotifyなどのプラットフォームで演奏する曲を選択して、歌詞に存在するギャップを正しい単語で埋めてください。ギャップはランダムに描かれているため、常に異なる単語を完成させ、学習しようとして言語スキルを向上させることができます。
アプリケーションをローカルで開始するには、このリポジトリ（GitHubクローンオプションのいずれかまたは.ZIPファイルを介して）をダウンロードし、呼び出されたmodel.env.localファイルを変更する必要があります。このファイルは.env.localに変更する必要があり、このファイルに存在する変数の値は、文字を取得するために使用されるパッケージのベースであるGenius APIから取得したクライアントアクセストークンの有効な値に変更する必要があります。ドキュメントは、ここをクリックしてアクセスできます。
その後、プロジェクトのメインページでは、 npm iを実行する必要があります。プロジェクトを開始するためにnpm run dev施設をインストールするためにコマンドが必要です。編集後、プロジェクトはlocalhost:3000を介してローカルで利用可能になります。
注：ポート3000はデフォルトのポートですが、 npm run devコマンドが使用されている端末を実際に実行するプロジェクトが実際に実行されるポートを確認することをお勧めします。
オンラインプロジェクトにアクセスする場合は、ここをクリックして、Vercel Platformで作成された展開をご覧ください。
アプリケーションのホームページには、音楽の名前と、この曲が関連付けられている人またはバンドを入れる必要があります。このホーム画面では、音楽の難易度を選択することもできます。難易度が大きければ大きいほど、ギャップが大きくなるようになります。曲の名前と著者が選択されたら、検索ボタンをクリックする必要があります。これにより、検索レンダリングの結果のリストが作成され、目的の音楽を含むカードをクリックするだけです。ここでは、APIを通じて曲が取得されるため、複数の言語の音楽が利用可能であることに注目する価値があります。音楽カードをクリックすると、アプリケーションは以下のインターフェイスがある曲ページに移動します。
各ギャップには2つのボタンがあります。これらの最初は、単語が正しく入力されている場合、緑の端を残す現在のギャップを修正するチェックで示される修正ボタンです。それ以外の場合は赤です。 2番目のボタンは、ランプで表されるチップボタンです。このボタンには、そのギャップに入力する必要がある単語が表示されます。これらのアクションは個別であり、現在のギャップにのみ適用されます。
これらのローカルアクションとは別に、インターフェイスには6つのグローバルアクションボタンが含まれています。
プロジェクトに貢献するために、プロジェクトで実装したい機能について少し話す問題、または見つけたバグについて話すことができます（おそらく、私はそれらを十分に探していないことを意味するバグを見つけられなかったでしょう）。可能であれば、視覚化と理解を促進するため、主題に関連する画像を入れてください。
プロジェクトに基づいて何かを実装したい場合は、お気軽に。このプロジェクトはオープンソースであるため、何かをする許可は必要ありません。プロジェクトフォークを実行して、より良くなるように実装を開始します。実装でPull Request Proリポジトリを送信したい場合は、快適にもなります。改善またはあなたが実装したものを示すメッセージを忘れずに忘れずに。ああ、PRをやりたくないが、このプロジェクトをベースとして使用している場合は、このプロジェクトにアクセスする人が他のユーザーの実装にもアクセスできるようにリストを作成したいので、リポジトリリンクでここに番号を開くことができます。
あなたが何かをしたいが、何をすべきかわからない場合は、プロジェクトの問題を見て、何かが開いているかどうかを確認し、そのタスクをあなたに割り当てるように頼むことができます。
