Javaでタッチタイピング練習の際に、一文字一文字判定させ、回答者に分かりやすく表示させたい

Question

実現したいこと

• 誤った文字の場合、その文字が間違いだとユーザーに分かりやすく表示させたい

前提

現在、Javaを使ってタッチタイピング練習プログラムを作成しています。
プログラム自体の基本フローは完成しているのですがが、なにか物足りなく、問題文と入力した文字が一文字でも誤っていた場合、その誤っていた文字をユーザーに分かりやすく表示させたいと思っています。
色々試してみましたが、理解ができなかったので、なにかいい方法などや例コードなどあれば教えていただきたいです。

基本の処理フロー

• 問題文字列表示
• ユーザーが文字を入力
• 誤った答えなら、間違いと表示
• 正解なら正解と表示
• 最終的なスコアを表示させる

該当のソースコード

コードはMainのほかに別のクラスを作り、Wordクラスから文字配列をもってきています。

public class Main {

	public static void main(String[] args) {
		java.util.Scanner scanner = new java.util.Scanner(System.in);
		
		Word word = new Word();
		String finishWord = "終了";
		int score = 0;
		int missScore = 0;
		
		System.out.println("タイピング練習を始めるには1を押してください");
		System.out.println("もし、途中で終わりたいときは終了と入力してください");
		int typingStart = scanner.nextInt();
		
		if(typingStart == 1) {
			Main.timer();
		}
		
		while(true) {
			
			//配列呼び出し
			word.setWordList();
			System.out.println(word.getWordV());
			
			//結果入力
			@SuppressWarnings("resource")
			String wordAnswer = new java.util.Scanner(System.in).nextLine();
			
			if(wordAnswer.equals(finishWord)) {
				break;
			}
			else if(wordAnswer.equals(word.getWordV())) {
				System.out.println("正解！");
				score++;
			}
			else {
				System.out.println("不正解");
				missScore++;
			}
		}
		
		System.out.println("お疲れ様でした。");
		System.out.println("あなたのスコアは 正解：" + score + " 不正解：" + missScore + "です");
		
		scanner.close();

	}
	
	//タイピング前のタイマー
	public static void timer() {
		
		try {
			System.out.print(" 3,");
			Thread.sleep(1000);
			System.out.print(" 2,");
			Thread.sleep(1000);
			System.out.print(" 1");
			Thread.sleep(1000);
			System.out.println("開始！");
		} catch (InterruptedException e) {
			e.printStackTrace();
		}
	}

}

public class Word {
	
	//例文
	private String[] wordList = {"りんご", "みかん", "ぶどう", 
			"さくらんぼ", "ぱいなっぷる"};
	
	private String wordV;
	
	//ランダム表示
	public void setWordList() {
		int wordRandom = new java.util.Random().nextInt(getWordListLength());
		this.setWordV(wordList[wordRandom]);
	}
	
	public String[] getWordList() {
		return wordList;
	}
	
	//配列の長さ
	public int getWordListLength() {
		return wordList.length;
		
	}

	public String getWordV() {
		return wordV;
	}

	public void setWordV(String wordV) {
		this.wordV = wordV;
	}
}

試したこと

• splitを使った比較方法
• Array?を使った方法

補足情報

Java 17

Comments

[jimbe]

まず、同じストリーム (System.in) を元とする複数の Scanner オブジェクトは作らないようにしてください。

そして、何を持って「分かり易い」と判断するのかは作者が決めることです。

ついでに Word クラスは大した処理をしていません。(ランダムに文字列を返すメソッドが一つあるだけで済むのでは。)

始めるときの入力で 1 以外の数字や文字入力したらどうなりますか。

Answer 1

問題文と入力した文字が一文字でも誤っていた場合、その誤っていた文字をユーザーに分かりやすく表示させたいと思っています。

「わかりやすく」というのが、案外難しいというか悩ましいですね...

「あおいうみ」を例に、ありがちなパターンを表にしました。

類別	入力		出力例	一言コメント
入れ替わり	おあいうみ	oaiumi	おあいうみ, あおいうみ, おあおいうみ	よくある
抜け	おいうみ	oiumi	あおいうみ	小指がね
ミス	あおいうに	aoiuni	あおいうに, あおいうみ, あおいうみに	となり
余計	あおいうｙみ	aoiuymi	あおいうｙみ	あるかな
重複	あおいうみい	aoiumii	あおいうみい	チャタった
組み合わせ（抜け＆重複）	おいうみい	oiumii	あおいうみい	文字数はあってる
考察１	うみあおい	umiaoi	うみあおいうみ	こうなるか？
考察２	みういおあ	miuioa	みういおあ, あおいうみ, みういおあおいうみ	う～～む
考察３	えええええ	eeeee	えええええ, あおいうみ, あおいうみえええええ	もういいですｗ

個人的には複数「出力例」があるのは1個目が好みですが、実装を思いつきませんでしたorz
実装的には3個目が簡単な気がします（冗長であまり見やすくないが...）

気になった点を勝手に変えました^^;

import java.util.*;

public class Main {
    public static void main(String[] args) {
        final var scanner = new Scanner(System.in);
        final var randomWord = new RandomWord();
        final var finishWord = "終了";

        var score = 0;
        var missScore = 0;

        System.out.println("タイピング練習を始めるにはEnterを押してください");
        System.out.println("もし、途中で終わりたいときは「終了」と入力してください");
        scanner.nextLine();

        countdown();

        while (true) {
            var correct = randomWord.get();
            System.out.println();
            System.out.println(correct);

            var answer = scanner.nextLine();
            if (answer.equals(finishWord)) {
                break;
            }

            if (answer.equals(correct)) {
                System.out.println("正解！");
                score++;
            } else {
                System.out.println("不正解");
                printCorrect(correct, answer);
                missScore++;
            }
        }

        System.out.println("お疲れ様でした。");
        System.out.println("あなたのスコアは 正解：" + score + " 不正解：" + missScore + "です");

        scanner.close();
    }

    private static void countdown() {
        try {
            System.out.print(" 3,");
            Thread.sleep(1000);
            System.out.print(" 2,");
            Thread.sleep(1000);
            System.out.print(" 1");
            Thread.sleep(1000);
            System.out.println("開始！");
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
    }

    private static void printCorrect(String correct, String answer) {
        for (var c : correct.toCharArray()) { // 正解を1文字ずつループ
            var i = answer.indexOf(c); // 答えに含まれていればそのインデックス
            if (-1 < i) { // 答えに含まれている
                var s = answer.substring(0, i); // インデックス以前の文字列
                answer = answer.substring(i + 1); // 答えをインデックス以降に切り詰める
                // sがあれば取り消し線で出力（sがカラでも制御コードだけなので何も出ない）
                System.out.print("\u001b[9m" + s + "\u001b[0m"); // 取り消し線
                // 正解の文字はそのまま出力
                System.out.print(c);
            } else { // 答えに含まれていない
                // 正解の文字を太字で出力
                System.out.print("\u001b[1m" + c + "\u001b[0m"); // 太字
            }
        }
        // まだanswerがあまっていれば取り消し線で出力（sanswerがカラでも制御コードだけなので何も出ない）
        System.out.println("\u001b[9m" + answer + "\u001b[0m"); // 取り消し線
    }
}

class RandomWord {
    //private final String[] wordList = { "あおいうみ" };
    private final String[] wordList = { "りんご", "みかん", "ぶどう", "さくらんぼ", "ぱいなっぷる", };
    private final Random random = new Random();

    public String get() {
        return wordList[random.nextInt(wordList.length)];
    }
}

java ansiエスケープシーケンス - Google 検索

環境によっては太字等効かないかもしれません。その場合は何か別の表現を考えてみてください^^

Comments

[GReBan4]

わかりやすい表とともに、コードの書き加え、ありがとうございました！
変数は自分のをそのままにして、コードを参考にして実行することができました！