ログ解析: ゲームシステムを自動で検知するように

src/app/[locale]/(app)/analyze-logs/_components/hooks/ccfoliaLogAnalysis/detector.ts

@@ -0,0 +1,39 @@
+import { parsers } from './messageParser';
+import type { System } from './';
+import { parseHtmlLog } from './htmlParser';
+
+const shuffle = <T>(array: T[]): T[] => {
+  const shuffled = array.slice(); // 元の配列をコピー
+  for (let i = shuffled.length - 1; i > 0; i--) {
+    const j = Math.floor(Math.random() * (i + 1)); // 0 から i のランダムなインデックス
+    [shuffled[i], shuffled[j]] = [shuffled[j], shuffled[i]]; // 要素をスワップ
+  }
+  return shuffled;
+};
+const takeRandom = <T>(array: T[], sample: number): T[] => shuffle(array).slice(0, sample);
+
+const memorized = new Map<string, System>();
+
+// 与えられたメッセージからシステムを推測する
+// 計算量が多いので、システム数が増えてきたら最適化が必要
+// (メッセージの数が多い場合は、メッセージの一部をサンプリングして判断するなど)
+export const detectSystem = (html: string): System => {
+  if (memorized.has(html)) {
+    return memorized.get(html) as System;
+  }
+
+  const logs = parseHtmlLog(html);
+  const messages = logs.map((l) => l.message);
+  const sampledMessages = takeRandom(messages, 100);
+
+  const scores = Object.entries(parsers)
+    .map(([system, parser]) => ({
+      system: system as System,
+      score: sampledMessages.filter((m) => !!parser(m)).length,
+    }))
+    .toSorted((a, b) => b.score - a.score);
+
+  memorized.set(html, scores[0].system);
+
+  return scores[0].system;
+};

src/app/[locale]/(app)/analyze-logs/_components/hooks/ccfoliaLogAnalysis/messageParser/index.ts

@@ -29,7 +29,7 @@ export type SystemStats = {
   pivots: number[];
 };
 
-const parsers: Record<System, MessageParser> = {
+export const parsers: Record<System, MessageParser> = {
   emoklore: emokloreParser,
   CoC6th: CoC6thParser,
   CoC7th: CoC7thParser,

src/app/[locale]/(app)/analyze-logs/_components/hooks/useCharacterSelect.ts

@@ -1,7 +1,7 @@
 import { atom, useAtom } from 'jotai';
 import { useCallback } from 'react';
 
-const characterAtom = atom<string | undefined>(undefined);
+const characterAtom = atom<string>('all');
 
 export const useCharacterSelect = () => {
   const [character, setCharacter] = useAtom(characterAtom);
@@ -13,13 +13,8 @@ export const useCharacterSelect = () => {
     [setCharacter],
   );
 
-  const clearCharacter = useCallback(() => {
-    setCharacter(undefined);
-  }, [setCharacter]);
-
   return {
     character,
     selectCharacter,
-    clearCharacter,
   };
 };

src/app/[locale]/(app)/analyze-logs/_components/hooks/useLogAnalysis.ts

@@ -3,7 +3,8 @@ import { useCallback, useEffect } from 'react';
 import { analyzeCcfoliaLog, type System, type DiceResultForCharacter } from './ccfoliaLogAnalysis';
 import { round } from '@/shared/lib/round';
 import { useGoogleAnalytics } from '@/shared/lib/useGoogleAnalytics';
-import { useFileContent } from '@/app/[locale]/(app)/analyze-logs/_components/hooks/useFileContent';
+import { useFileContent } from './useFileContent';
+import { detectSystem } from './ccfoliaLogAnalysis/detector';
 
 const resultAtom = atom<DiceResultForCharacter[]>([]);
 const systemAtom = atom<System | null>(null);
@@ -12,7 +13,7 @@ export const useLogAnalysis = () => {
   const { fileContent } = useFileContent();
 
   const [result, setResult] = useAtom(resultAtom);
-  const [system] = useAtom(systemAtom);
+  const [system, setSystem] = useAtom(systemAtom);
   const { sendEvent } = useGoogleAnalytics();
 
   const analyze = useCallback(
@@ -44,8 +45,10 @@ export const useLogAnalysis = () => {
       reset();
       return;
     }
+
+    setSystem(detectSystem(fileContent));
     analyze(fileContent);
-  }, [fileContent, analyze, reset]);
+  }, [fileContent, analyze, reset, setSystem]);
 
   return {
     result,