enhance(frontend): シェーダーコンパイルに失敗した場合詳細なエラー内容を出力できるように (MisskeyIO#221)

packages/frontend/src/components/MkAnimBg.vue

@@ -24,8 +24,16 @@ const props = withDefaults(defineProps<{
 function loadShader(gl, type, source) {
 	const shader = gl.createShader(type);
 
-	gl.shaderSource(shader, source);
-	gl.compileShader(shader);
+	try {
+		gl.shaderSource(shader, source);
+		gl.compileShader(shader);
+	} catch (error) {
+		alert(
+			`failed to compile shader: ${error} ${gl.getShaderInfoLog(shader)}`,
+		);
+		gl.deleteShader(shader);
+		return null;
+	}
 
 	if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
 		alert(