danoniplus 50.5.0 → 50.5.1

package/js/danoni_main.js

@@ -4,12 +4,12 @@
  * 
  * Source by tickle
  * Created : 2018/10/08
- * Revised : 2026/09/13
+ * Revised : 2026/09/15
  *
  * https://github.com/cwtickle/danoniplus
  */
-const g_version = `Ver 50.5.0`;
-const g_revisedDate = `2026/09/13`;
+const g_version = `Ver 50.5.1`;
+const g_revisedDate = `2026/09/15`;
 
 // カスタム用バージョン (danoni_custom.js 等で指定可)
 let g_localVersion = ``;
@@ -1986,6 +1986,34 @@ const getLoadingLabel = () => createDivCss2Label(`lblLoading`, g_lblNameObj.nowL
 	siz: g_limitObj.setLblSiz, align: C_ALIGN_RIGHT,
 });
 
+/**
+ * Canvasの作成 (拡張属性対応)
+ * @param {string} _id 
+ * @param {number} [object.x=0]
+ * @param {number} [object.y=0]
+ * @param {number} [object.w]
+ * @param {number} [object.h]
+ * @param {string} [object.position='absolute']
+ * @param {...any} [object.rest]
+ * @returns {HTMLCanvasElement}
+ */
+const createCanvas = (_id, { x = 0, y = 0, w, h, position = `absolute`, ...rest } = {}) => {
+	const cvs = document.createElement(`canvas`);
+	if (_id) cvs.id = _id;
+	cvs.style.display = `block`;
+
+	if (position) {
+		cvs.style.position = position;
+		cvs.style.left = wUnit(x);
+		cvs.style.top = wUnit(y);
+	}
+
+	applyCanvasSize(cvs, w, h);
+	Object.keys(rest).forEach(property => cvs.style[property] = rest[property]);
+
+	return cvs;
+};
+
 /**
  * 指定された高さに基づいて分割されたCanvasリストを生成する
  * @param {number} _width
@@ -2002,30 +2030,20 @@ const createSplitCanvases = (_width, _totalHeight) => {
 	if (_totalHeight <= 0) return [];
 
 	const count = Math.ceil(_totalHeight / maxLogicalHeight);
+	const id = Math.random().toString(36).substring(2, 10); // ランダムなIDを生成
 	const list = [];
 
 	for (let i = 0; i < count; i++) {
-		const cvs = document.createElement('canvas');
 		// 残りの高さを計算
 		const logicalH = (i === count - 1)
 			? _totalHeight - (maxLogicalHeight * i)
 			: maxLogicalHeight;
 
-		// 実際の描画解像度をセット
-		cvs.width = _width * g_dpr;
-		cvs.height = logicalH * g_dpr;
-
-		// ブラウザ上の表示サイズをセット
-		cvs.style.width = wUnit(_width);
-		cvs.style.height = wUnit(logicalH);
-		cvs.style.display = 'block';
-
-		const ctx = cvs.getContext('2d');
-		ctx.scale(g_dpr, g_dpr);
+		const cvs = createCanvas(`${id}_${i}`, { w: _width, h: logicalH, position: null });
 
 		list.push({
 			canvas: cvs,
-			ctx: ctx,
+			ctx: cvs.getContext(`2d`),
 			offsetTop: i * maxLogicalHeight,
 			logicalHeight: logicalH
 		});
@@ -2033,6 +2051,83 @@ const createSplitCanvases = (_width, _totalHeight) => {
 	return list;
 };
 
+// ctxの任意プロパティのキャッシュ
+const g_ctxPropCache = {};
+
+/**
+ * ctxの任意プロパティをキャッシュ付きで設定（同一キーなら代入をスキップ）
+ * @param {CanvasRenderingContext2D} _ctx 
+ * @param {string} _prop 
+ * @param {any} _key 
+ * @param {Function} _computeValue 
+ */
+const setCtxProp = (_ctx, _prop, _key, _computeValue = () => _key) => {
+	const cache = (g_ctxPropCache[_prop] ??= new WeakMap());
+	if (cache.get(_ctx) !== _key) {
+		_ctx[_prop] = _computeValue();
+		cache.set(_ctx, _key);
+	}
+};
+
+/**
+ * Canvasの実ピクセルサイズ・表示サイズを設定し、scale済みのcontextを返す
+ * @param {HTMLCanvasElement} cvs
+ * @param {number} w
+ * @param {number} h
+ * @returns {CanvasRenderingContext2D}
+ */
+const applyCanvasSize = (cvs, w, h) => {
+	cvs.width = w * g_dpr;
+	cvs.height = h * g_dpr;
+	cvs.style.width = wUnit(w);
+	cvs.style.height = wUnit(h);
+
+	const ctx = cvs.getContext(`2d`);
+	// width/height代入によりctx状態がリセットされるため、setCtxPropのキャッシュも同期して破棄
+	Object.values(g_ctxPropCache).forEach(cache => cache.delete(ctx));
+	ctx.scale(g_dpr, g_dpr);
+	return ctx;
+};
+
+/**
+ * 指定スタイルでテキストを描画する共通関数（font文字列は呼び出し側で完成させて渡す）
+ * @param {CanvasRenderingContext2D} _ctx
+ * @param {string} _text
+ * @param {number} _x
+ * @param {number} _y
+ * @param {object} [object]
+ * @param {string} [object.font]
+ * @param {string} [object.color]
+ * @param {string} [object.align=C_ALIGN_LEFT]
+ * @param {string} [object.baseline]
+ */
+const fillCanvasTextRaw = (_ctx, _text, _x, _y, { font, color, align = C_ALIGN_LEFT, baseline } = {}) => {
+	if (font !== undefined) setCtxProp(_ctx, `font`, font);
+	if (color !== undefined) setCtxProp(_ctx, `fillStyle`, color);
+	setCtxProp(_ctx, `textAlign`, align);
+	setCtxProp(_ctx, `textBaseline`, baseline);
+	_ctx.fillText(_text, _x, _y);
+};
+
+/**
+ * wUnit/getBasicFont前提のテキスト描画（既存呼び出し元向け）
+ * @param {CanvasRenderingContext2D} _ctx
+ * @param {string} _text
+ * @param {number} _x
+ * @param {number} _y
+ * @param {object} [object]
+ * @param {number} [object.siz=15]
+ * @param {string} [object.font]
+ * @param {string} [object.color]
+ * @param {string} [object.align=C_ALIGN_LEFT]
+ * @param {string} [object.baseline]
+ */
+const fillCanvasText = (_ctx, _text, _x, _y, { siz = 15, font, color, align = C_ALIGN_LEFT, baseline } = {}) =>
+	fillCanvasTextRaw(_ctx, _text, _x, _y, {
+		font: `${wUnit(siz)} ${getBasicFont(font)}`,
+		color, align, baseline,
+	});
+
 /**
  * 画像表示
  * @param {string} _id 

package/js/lib/keyconfig.js

@@ -5,7 +5,7 @@
  *
  * Source by tickle
  * Created : 2026/09/13
- * Revised : 
+ * Revised : 2026/09/15 (v50.5.1)
  *
  * https://github.com/cwtickle/danoniplus
  */
@@ -1479,14 +1479,7 @@ const keyconfigKeyboardPreview = (() => {
 	const setupCanvasContext = (canvas) => {
 		if (!canvas) return null;
 		canvas.style.top = wUnit(40);
-		canvas.width = _state.cvsW * g_dpr;
-		canvas.height = _state.cvsH * g_dpr;
-		canvas.style.width = wUnit(_state.cvsW);
-		canvas.style.height = wUnit(_state.cvsH);
-
-		const ctx = canvas.getContext(`2d`);
-		ctx.scale(g_dpr, g_dpr);
-		return ctx;
+		return applyCanvasSize(canvas, _state.cvsW, _state.cvsH);
 	};
 
 	/**
@@ -1512,6 +1505,19 @@ const keyconfigKeyboardPreview = (() => {
 		ctx.closePath();
 	};
 
+	// fill/strokeスタイルを設定して塗り・線を描く共通処理（roundRectなどと組み合わせて使う）
+	const fillStrokeShape = (_ctx, { fill, stroke, lineWidth = 1 } = {}) => {
+		if (fill !== undefined) {
+			setCtxProp(_ctx, `fillStyle`, fill);
+			_ctx.fill();
+		}
+		if (stroke !== undefined) {
+			setCtxProp(_ctx, `strokeStyle`, stroke);
+			setCtxProp(_ctx, `lineWidth`, lineWidth);
+			_ctx.stroke();
+		}
+	};
+
 	/**
 	 * 単一キーを描画する（枠の描画と内部テキストの書き込みを一括化）
 	 * @param {CanvasRenderingContext2D} ctx
@@ -1524,11 +1530,7 @@ const keyconfigKeyboardPreview = (() => {
 
 		// 1. キーの枠線・背景を描画
 		roundRect(ctx, x + 0.5, y + 0.5, keyW - 1, keyH - 1, kr());
-		ctx.fillStyle = style.fill;
-		ctx.strokeStyle = style.stroke;
-		ctx.lineWidth = lw;
-		ctx.fill();
-		ctx.stroke();
+		fillStrokeShape(ctx, { fill: style.fill, stroke: style.stroke, lineWidth: lw });
 
 		// 2. キー内部のテキスト（メイン・サブ）を描画
 		const [primary, sub] = getKeyLabels(code, label);
@@ -1539,28 +1541,27 @@ const keyconfigKeyboardPreview = (() => {
 
 		// サブラベル（Shift面などの表記）がある場合
 		if (sub) {
-			ctx.fillStyle = style.subText || style.text;
-			ctx.font = `bold ${Math.max(6, Math.floor(9 * _state.scale))}px monospace`;
-			ctx.textAlign = `right`;
-			ctx.textBaseline = `top`;
-			ctx.fillText(sub, x + keyW - 2, y + 2);
+			fillCanvasTextRaw(ctx, sub, x + keyW - 2, y + 2, {
+				font: `bold ${Math.max(6, Math.floor(9 * _state.scale))}px monospace`,
+				color: style.subText || style.text,
+				align: `right`, baseline: `top`,
+			});
 		}
 
 		// メインラベルの描画（改行表記に対応）
 		const [primary1, primary2] = primary.split(`\n`);
-		ctx.fillStyle = style.text;
-		ctx.textAlign = `center`;
-		ctx.textBaseline = `middle`;
 		const subDiff = sub ? 2 : 0;
 
 		if (primary2) {
 			const siz = fs(Math.max(primary1.length, primary2.length));
-			ctx.font = `bold ${siz}px monospace`;
-			ctx.fillText(primary1, x + keyW / 2, y + keyH / 2 - siz / 2 + subDiff);
-			ctx.fillText(primary2, x + keyW / 2, y + keyH / 2 + siz / 2 + subDiff);
+			const opt = { font: `bold ${siz}px monospace`, color: style.text, align: `center`, baseline: `middle` };
+			fillCanvasTextRaw(ctx, primary1, x + keyW / 2, y + keyH / 2 - siz / 2 + subDiff, opt);
+			fillCanvasTextRaw(ctx, primary2, x + keyW / 2, y + keyH / 2 + siz / 2 + subDiff, opt);
 		} else {
-			ctx.font = `bold ${fs(primary.length)}px monospace`;
-			ctx.fillText(primary, x + keyW / 2, y + keyH / 2 + subDiff);
+			fillCanvasTextRaw(ctx, primary, x + keyW / 2, y + keyH / 2 + subDiff, {
+				font: `bold ${fs(primary.length)}px monospace`,
+				color: style.text, align: `center`, baseline: `middle`,
+			});
 		}
 	};
 
@@ -1619,7 +1620,7 @@ const keyconfigKeyboardPreview = (() => {
 		if (!ctx) return;
 
 		ctx.clearRect(0, 0, _state.cvsW, _state.cvsH);
-		ctx.fillStyle = C_COLOR.bgFill;
+		setCtxProp(ctx, `fillStyle`, C_COLOR.bgFill);
 		ctx.fillRect(0, 0, _state.cvsW, _state.cvsH);
 
 		_state.keyDataList = [];
@@ -1644,9 +1645,7 @@ const keyconfigKeyboardPreview = (() => {
 
 		// 凡例
 		const ly = _state.cvsH - 10;
-		ctx.font = `${Math.max(9, Math.floor(12 * _state.scale))}px ${getBasicFont()}`;
-		ctx.textAlign = `left`;
-		ctx.textBaseline = `middle`;
+		const legendFont = `${Math.max(9, Math.floor(12 * _state.scale))}px ${getBasicFont()}`;
 
 		const legends = [
 			{ style: C_COLOR.normal, label: g_lblNameObj.unallocated },
@@ -1658,10 +1657,11 @@ const keyconfigKeyboardPreview = (() => {
 		let lx = 8;
 		legends.forEach(item => {
 			roundRect(ctx, lx, ly - 5, 10, 10, 2);
-			ctx.fillStyle = item.style.fill; ctx.fill();
-			ctx.strokeStyle = item.style.stroke; ctx.lineWidth = 1; ctx.stroke();
-			ctx.fillStyle = C_COLOR.legendText;
-			ctx.fillText(item.label, lx + 14, ly);
+			fillStrokeShape(ctx, { fill: item.style.fill, stroke: item.style.stroke, lineWidth: 1 });
+
+			fillCanvasTextRaw(ctx, item.label, lx + 14, ly, {
+				font: legendFont, color: C_COLOR.legendText, align: `left`, baseline: `middle`,
+			});
 			lx += ctx.measureText(item.label).width + 28;
 		});
 	};

package/js/lib/result.js

@@ -5,7 +5,7 @@
  *
  * Source by tickle
  * Created : 2026/09/13
- * Revised : 
+ * Revised : 2026/09/15 (v50.5.1)
  *
  * https://github.com/cwtickle/danoniplus
  */
@@ -263,20 +263,12 @@ const resultInit = () => {
 	// ゲージ推移グラフの描画
 	const gaugeTransitionWindow = createEmptySprite(divRoot, `gaugeTransitionWindow`, g_windowObj.gaugeTransition, g_cssObj.result_PlayDataWindow);
 	for (let j = 0; j < 2; j++) {
-		const canvas = document.createElement(`canvas`);
-		canvas.id = `graphGaugeTransition${j > 0 ? j + 1 : ``}`;
-		canvas.width = g_limitObj.gaugeTransitionWidth * g_dpr;
-		canvas.height = g_limitObj.gaugeTransitionHeight * g_dpr;
-		canvas.style.width = wUnit(g_limitObj.gaugeTransitionWidth);
-		canvas.style.height = wUnit(g_limitObj.gaugeTransitionHeight);
-		canvas.getContext(`2d`).scale(g_dpr, g_dpr);
-		canvas.style.left = wUnit(0);
-		canvas.style.top = wUnit(0);
-		canvas.style.position = `absolute`;
-		if (j > 0) {
-			canvas.style.pointerEvents = C_DIS_NONE;
-		}
-		gaugeTransitionWindow.appendChild(canvas);
+		gaugeTransitionWindow.appendChild(
+			createCanvas(`graphGaugeTransition${j > 0 ? j + 1 : ``}`, {
+				w: g_limitObj.gaugeTransitionWidth, h: g_limitObj.gaugeTransitionHeight,
+				pointerEvents: j > 0 ? C_DIS_NONE : C_DIS_AUTO,
+			})
+		);
 	}
 
 	multiAppend(divRoot,
@@ -578,28 +570,18 @@ const resultInit = () => {
 	const copyResultImageData = _msg => {
 		const tmpDiv = createEmptySprite(divRoot, `tmpDiv`, { x: 0, y: 0, w: g_sWidth, h: g_sHeight, pointerEvents: C_DIS_AUTO });
 		tmpDiv.style.background = `#000000cc`;
-		const canvas = document.createElement(`canvas`);
+
 		const artistName = g_headerObj.artistNames[g_headerObj.musicNos[g_stateObj.scoreId]] || g_headerObj.artistName;
 		const logicalWidth = 400;
 		const logicalHeight = g_sHeight - 90;
 		const flapWidth = 370;
 
-		canvas.id = `resultImage`;
-		canvas.width = logicalWidth * g_dpr;
-		canvas.height = logicalHeight * g_dpr;
-		canvas.style.width = wUnit(logicalWidth);
-		canvas.style.height = wUnit(logicalHeight);
-		canvas.style.left = wUnit((g_sWidth - parseFloat(canvas.style.width)) / 2);
-		canvas.style.top = wUnit(20);
-		canvas.style.position = `absolute`;
-
+		const canvas = createCanvas(`resultImage`, {
+			x: (g_sWidth - logicalWidth) / 2, y: 20, w: logicalWidth, h: logicalHeight
+		});
 		const context = canvas.getContext(`2d`);
-		context.scale(g_dpr, g_dpr);
 		const drawText = (_text, { x = 30, dy = 0, hy, siz = 15, color = `#cccccc`, align = C_ALIGN_LEFT, font } = {}) => {
-			context.font = `${wUnit(siz)} ${getBasicFont(font)}`;
-			context.fillStyle = color;
-			context.textAlign = align;
-			context.fillText(_text, x, 35 + hy * 18 + dy);
+			fillCanvasText(context, _text, x, 35 + hy * 18 + dy, { siz, font, color, align });
 		};
 		makeBgCanvas(context, { w: logicalWidth, h: logicalHeight });
 

package/js/lib/settings.js

@@ -5,7 +5,7 @@
  *
  * Source by tickle
  * Created : 2026/09/13
- * Revised : 
+ * Revised : 2026/09/15 (v50.5.1)
  *
  * https://github.com/cwtickle/danoniplus
  */
@@ -478,14 +478,14 @@ const drawSpeedGraph = _scoreId => {
 		context.moveTo(lineX[j], lineY);
 		context.lineTo(lineX[j] + 25, lineY);
 		context.stroke();
-		context.font = `${wUnit(g_limitObj.mainSiz)} ${getBasicFont()}`;
-		context.fillText(g_lblNameObj[`s_${speedType}`], lineX[j] + 30, lineY + 3);
+		fillCanvasText(context, g_lblNameObj[`s_${speedType}`], lineX[j] + 30, lineY + 3, { siz: g_limitObj.mainSiz });
 
 		const maxSpeed = Math.max(...speed);
 		const minSpeed = Math.min(...speed);
-		context.font = `${wUnit(g_limitObj.graphMiniSiz)} ${getBasicFont()}`;
-		context.fillText(`(${minSpeed.toFixed(2)}x` + (minSpeed === maxSpeed ? `` : ` -- ${Math.max(...speed).toFixed(2)}x`) + `)`, lineX[j] + 30, lineY + 16);
-		context.fillText(`Avg. ` + (avgX[j] === 1 ? `----` : `${(avgSubX[j]).toFixed(2)}x`), lineX[j] + 30, lineY + 29);
+		const speedText = `(${minSpeed.toFixed(2)}x` + (minSpeed === maxSpeed ? `` : ` -- ${Math.max(...speed).toFixed(2)}x`) + `)`;
+		const avgText = `Avg. ` + (avgX[j] === 1 ? `----` : `${(avgSubX[j]).toFixed(2)}x`);
+		fillCanvasText(context, speedText, lineX[j] + 30, lineY + 16, { siz: g_limitObj.graphMiniSiz });
+		fillCanvasText(context, avgText, lineX[j] + 30, lineY + 29, { siz: g_limitObj.graphMiniSiz });
 		updateScoreDetailLabel(`Speed`, `${speedType}S`, speedObj[speedType].cnt, j, g_lblNameObj[`s_${speedType}`]);
 	});
 	updateScoreDetailLabel(`Speed`, `avgS`, `${(avgX[0] * avgX[1]).toFixed(2)}x`, 2, g_lblNameObj.s_avg);
@@ -599,13 +599,11 @@ const drawDensityGraph = _scoreId => {
 
 		context.beginPath();
 		context.lineWidth = 3;
-		context.fillStyle = g_rankObj.rankColorAllPerfect;
 		context.strokeStyle = g_graphColorObj[val];
 		context.moveTo(lineX, 215);
 		context.lineTo(lineX + 20, 215);
 		context.stroke();
-		context.font = `${wUnit(g_limitObj.difSelectorSiz)} ${getBasicFont()}`;
-		context.fillText(lineNames[j], lineX + 20, 218);
+		fillCanvasText(context, lineNames[j], lineX + 20, 218, { siz: g_limitObj.difSelectorSiz, color: g_rankObj.rankColorAllPerfect });
 	});
 
 	const obj = getScoreBaseData(_scoreId);
@@ -684,9 +682,7 @@ const drawLine = (_context, _y, _lineType, { _fixed, _mark, _a, _b } = {}) => {
 		const textBaseObj = document.getElementById(`lnkDifficulty`);
 		const textColor = window.getComputedStyle(textBaseObj, ``).color;
 		_context.strokeStyle = textColor;
-		_context.font = `${wUnit(12)} ${getBasicFont()}`;
-		_context.fillStyle = textColor;
-		_context.fillText(_y.toFixed(_fixed) + _mark, 2, lineY + 4);
+		fillCanvasText(_context, _y.toFixed(_fixed) + _mark, 2, lineY + 4, { siz: 12, color: textColor });
 	} else {
 		_context.strokeStyle = `#646464`;
 	}
@@ -1100,31 +1096,17 @@ const createMinimapHeader = (_config, _keyCtrlPtn, _keyNum) => {
 	const { timeMargin, laneWidth, logicalWidth } = _config;
 	const headerHeight = 15; // ヘッダーの固定高
 
-	const canvas = document.createElement('canvas');
+	const canvas = createCanvas(null, { w: logicalWidth, h: headerHeight, position: null });
 	const ctx = canvas.getContext('2d');
 
-	// 解像度と表示サイズの設定
-	canvas.width = logicalWidth * g_dpr;
-	canvas.height = headerHeight * g_dpr;
-	canvas.style.width = wUnit(logicalWidth);
-	canvas.style.height = wUnit(headerHeight);
-	canvas.style.display = 'block';
-
-	ctx.scale(g_dpr, g_dpr);
-
-	// テキストのスタイル設定
-	ctx.fillStyle = '#999';
-	ctx.font = `10px ${getBasicFont()}`;
-	ctx.textAlign = 'center';
-	ctx.textBaseline = 'middle';
-
 	// 各レーンのキー名を描画
 	for (let j = 0; j < _keyNum; j++) {
 		// config.laneWidth を使って中央座標を計算
 		const x = timeMargin + j * laneWidth + laneWidth / 2;
 		const keyText = g_kCd[g_keyObj[`keyCtrl${_keyCtrlPtn}`][j][0]].split(` `).join(``);
 
-		ctx.fillText(keyText, x, headerHeight / 2 + 2); // 視覚的な中央調整で +2px
+		// 視覚的な中央調整で +2px
+		fillCanvasText(ctx, keyText, x, headerHeight / 2 + 2, { siz: 10, color: '#999', align: C_ALIGN_CENTER, baseline: `middle` });
 	}
 
 	return canvas;
@@ -1231,6 +1213,8 @@ const generateMinimapData = (_params, _isReverse) => {
  * @param {number} _h
  * @param {number} _dpr
  * @param {Function} _drawFunc
+ *   - 描画関数。前後に ctx.save() / ctx.restore() が自動で呼ばれるためctxキャッシュを使った関数
+ *     (setCtxProp, fillCanvasText, fillCanvasRect など) は使用できない
  */
 const distributeDrawing = (_canvases, _y, _h, _dpr, _drawFunc) => {
 	_canvases.forEach(item => {
@@ -1666,23 +1650,14 @@ const createOptionWindow = _sprite => {
 
 		if (_graphUseFlg) {
 			for (let j = 0; j < _graphNum; j++) {
-				const graphObj = document.createElement(`canvas`);
 				const textBaseObj = document.getElementById(`lnkDifficulty`);
 				const bkColor = window.getComputedStyle(textBaseObj, ``).backgroundColor;
-
-				graphObj.id = `graph${_name}${j > 0 ? j + 1 : ``}`;
-				graphObj.width = g_limitObj.graphWidth * g_dpr;
-				graphObj.height = g_limitObj.graphHeight * g_dpr;
-				graphObj.style.width = wUnit(g_limitObj.graphWidth);
-				graphObj.style.height = wUnit(g_limitObj.graphHeight);
-				graphObj.style.left = wUnit(125);
-				graphObj.style.top = wUnit(0);
-				graphObj.style.position = `absolute`;
-				graphObj.style.background = j === 0 ? bkColor : `#ffffff00`;
-				const ctx = graphObj.getContext(`2d`);
-				ctx.scale(g_dpr, g_dpr);
-
-				detailObj.appendChild(graphObj);
+				detailObj.appendChild(
+					createCanvas(`graph${_name}${j > 0 ? j + 1 : ``}`, {
+						x: 125, y: 0, w: g_limitObj.graphWidth, h: g_limitObj.graphHeight,
+						background: j === 0 ? bkColor : `#ffffff00`,
+					})
+				);
 			}
 		}
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "danoniplus",
-  "version": "50.5.0",
+  "version": "50.5.1",
   "description": "Dancing☆Onigiri (CW Edition) - Web-based Rhythm Game",
   "main": "./js/danoni_main.js",
   "jsdelivr": "./js/danoni_main.js",