danoniplus 36.3.2 → 36.4.1

package/README.md

@@ -1,8 +1,8 @@
 # Dancing☆Onigiri (CW Edition)
 
-[![Maintainability](https://api.codeclimate.com/v1/badges/9558f21e17a47a4dc987/maintainability)](https://codeclimate.com/github/cwtickle/danoniplus/maintainability)
-[![CodeQL](https://github.com/cwtickle/danoniplus/workflows/CodeQL/badge.svg)](https://github.com/cwtickle/danoniplus/actions?query=workflow%3ACodeQL)
-[![GitLab Community](https://img.shields.io/gitlab/issues/open/cwtickle/danonicw?gitlab_url=https%3A%2F%2Fgitlab.com%2F&label=Community&logo=gitlab)](https://gitlab.com/cwtickle/danonicw/-/issues)  
+[![CodeFactor](https://www.codefactor.io/repository/github/cwtickle/danoniplus/badge)](https://www.codefactor.io/repository/github/cwtickle/danoniplus)
+[![Codacy Badge](https://app.codacy.com/project/badge/Grade/1213a18348c34328ac4f10c9e8a2b987)](https://app.codacy.com/gh/cwtickle/danoniplus/dashboard?utm_source=gh&utm_medium=referral&utm_content=&utm_campaign=Badge_grade)
+[![CodeQL](https://github.com/cwtickle/danoniplus/workflows/CodeQL/badge.svg)](https://github.com/cwtickle/danoniplus/actions?query=workflow%3ACodeQL)  
 [![GitHub release (latest SemVer)](https://img.shields.io/github/v/release/cwtickle/danoniplus?sort=semver)](https://github.com/cwtickle/danoniplus/security/policy)
 [![GitHub All Releases](https://img.shields.io/github/downloads/cwtickle/danoniplus/total?color=%23ff3399&label=downloads%20%28recently%29)](https://github.com/cwtickle/danoniplus/releases)
 [![GitHub](https://img.shields.io/github/license/cwtickle/danoniplus)](https://github.com/cwtickle/danoniplus/blob/develop/LICENSE)  
@@ -22,11 +22,13 @@ Dancing☆Onigiri (CW Edition)は、ブラウザで動作するキーボード
 これまでのParaFla版に比べ、さまざまな機能強化を行っています。  
 
 ## Demo
-- [Demo1](https://cw7.sakura.ne.jp/danoni/2013/0237_Cllema.html) クレマ / Kinoshita Tamaki  
-- [Demo2](https://cw7.sakura.ne.jp/danoni/2017/0305_ShiningStar.html) シャイニングスター / MaouDamashii 
-- [Demo3](https://cw7.sakura.ne.jp/danoni/2018/0315_PetitMagie.html) プチ・マギエ / Napi  
+
+- [Demo1](https://cw7.sakura.ne.jp/danoni/2013/0237_Cllema.html) クレマ / Kinoshita Tamaki
+- [Demo2](https://cw7.sakura.ne.jp/danoni/2017/0305_ShiningStar.html) シャイニングスター / MaouDamashii
+- [Demo3](https://cw7.sakura.ne.jp/danoni/2018/0315_PetitMagie.html) プチ・マギエ / Napi
 
 ## How to Play / 遊び方
+
 This is a rhythm game, using Keyboard on the website.   
 There are many playstyles in the *Dancing Onigiri*. For example, 5keys, 7keys, 11keys, etc.  
 The details are as follows.  
@@ -43,6 +45,7 @@ The details are as follows.
 (The image is under development. / 画像は開発中のものです）
 
 ### Rule / ゲームのルール
+
 When you press the keyboard with good timing *:D Perfect!!* *:) O.K.* and life will go up.
 On the other hand, if you remove the timing *:( Bad*, *:_( Miss*, *:( N.G.* will be, life falls.
 If the life of the life gauge remains by the end of the game or it is over the quota, the game is cleared.
@@ -52,53 +55,69 @@ If the life of the life gauge remains by the end of the game or it is over the q
 ゲーム終了までにライフゲージのライフが残っているか、ノルマ以上であればゲームクリアです。  
 
 ## Works / 公開作品
+
 - [Dancing☆Onigiri 難易度表 for.js](http://dodl4.g3.xrea.com/) 
-- [多鍵データベース](http://apoi108.sakura.ne.jp/danoni/ta/index.php)
+- [多鍵データベース](http://apoi108.sakura.ne.jp/danoni/ta/)
+- [メジャー多鍵データベース](https://apoi108.sakura.ne.jp/danoni/danoni_all_list/)
 - [Dancing☆Onigiri サイト一覧](https://cw7.sakura.ne.jp/danonidb/)  
 - [Dancing☆Onigiri 作品一覧](https://cw7.sakura.ne.jp/lst/)  
 
 ## How to Make / 作り方
+
 - [How to make chart overview](https://github.com/cwtickle/danoniplus-docs/wiki/HowtoMake) / [譜面の作成概要](https://github.com/cwtickle/danoniplus/wiki/HowtoMake)
 - [ParaFla!ソース利用者向け移行方法 (Japanese Only)](https://github.com/cwtickle/danoniplus/wiki/forParaFlaUser)
 
 ### How to Install / 導入方法
+
 - Download from [Changelog](https://github.com/cwtickle/danoniplus-docs/wiki/Changelog-latest). You can also install from npm.
-    - [Releases](https://github.com/cwtickle/danoniplus/releases)からダウンロードします。npmからの導入も可能です。
+  - [Releases](https://github.com/cwtickle/danoniplus/releases)からダウンロードします。npmからの導入も可能です。
 ```
 npm i danoniplus
 ```
 - When directly specifying the version name, specify the version after @ as shown below.
-    - バージョン名を直接指定するときは下記のように @以降をバージョン指定します。
+  - バージョン名を直接指定するときは下記のように @以降をバージョン指定します。
 ```
 npm i danoniplus@26.1.2
 ```
 
 ## System requirements / 動作環境
+
 - Windows, Mac OS, Linux, Android, iPad OS
 - Google Chrome, Microsoft Edge, Opera, Vivaldi, Safari (WebKit), Firefox (Gecko) 
 
 ## Difference from Flash Version / Flash版との差異 (Japanese Only)
+
 *Dancing Onigiri "CW Edition"* basically conforms to the specifications of *ParaFla!* Version, but the details are different from the conventional ones. See below for details.
 
 Dancing☆Onigiri (CW Edition)では基本的にParaFla!版の仕様に準拠していますが、  
-細かい点が従来と異なります。詳細は下記をご覧ください。  
+細かい点が従来と異なります。詳細は下記をご覧ください。
+
 - [Difference from Flash Version / Flash版との差異 (Japanese)](https://github.com/cwtickle/danoniplus/wiki/DifferenceFromFlashVer)  
 
 ## How to Contribute / 開発者の方へ  
+
 If you would like to cooperate with the development, please see below. Even if you don't have a GitHub account, you can cooperate!
 
-開発にご協力いただける方は、下記をご覧ください。GitHubアカウントの無い方でも協力できます！  
+開発にご協力いただける方は、下記をご覧ください。GitHubアカウントの無い方でも協力できます！
+
 - [How to Contribute / 貢献の仕方](https://github.com/cwtickle/danoniplus/blob/develop/.github/CONTRIBUTING.md)   
 - [GitLab community for requests and bug reports / 要望・不具合報告(GitLab Issues)](https://gitlab.com/cwtickle/danonicw/-/issues)
 - [Contributors / コントリビューター](https://github.com/cwtickle/danoniplus/blob/develop/CONTRIBUTORS.md)
 
+## Portal Site / ポータルサイト
+
+- [Dancing☆Onigiri Wiki](https://wikiwiki.jp/danoniplus/)
+
 ## Community / コミュニティ
+
 - [Dancing☆Onigiri Discord server](https://discord.gg/TegbHFY7zg)
-- [Gitter for score reporting / 得点報告(Gitter)](https://app.gitter.im/#/room/#danonicw_freeboard:gitter.im)
-- [Twitter #danoni](https://twitter.com/search?q=%23danoni&src=typed_query&f=live)
+- [X #danoni](https://x.com/search?q=%23danoni&src=typed_query&f=live)
 
 ## Related Tools Repository / 関連リポジトリ・ツール
+
 ### Dancing☆Onigiri
+
+- [Dancing☆Onigiri Preview](https://danonicw.skr.jp/)
 - [Dancing☆Onigiri エディター(CW Edition 対応)](https://github.com/superkuppabros/danoni-editor) @superkuppabros
 - [ダンおに曲データjs化ツール](https://github.com/suzme/danoni-base64) @suzme
 - [ダンおに矢印色ツール](https://github.com/suzme/danoni-colorpicker) @suzme
@@ -107,14 +126,17 @@ If you would like to cooperate with the development, please see below. Even if y
 - [ダンおにゲージ計算機 (Gauge Calculator)](http://www.omission0.com/other/gauge_calculator/) @goe0
 
 ### Kirizma / キリズマ
+
 - [キリズマ譜面データ変換機](https://github.com/suzme/kirizma-converter) @suzme
 - [キリズマ歌詞表示作成ツール](https://github.com/prlg25/kirizma_lyric) @prlg25
 - [キリズマ難易度表](https://github.com/suzme/kirizma) @suzme
 
 ### Punching◇Panels
+
 - [Punching◇Panels](https://github.com/cwtickle/punching-panels) @cwtickle
 - [Punching◇Panels エディター](https://github.com/suzme/punpane-editor) @suzme
 - [Punching◇Panels 難易度表](https://github.com/suzme/punpane) @suzme
 
 ## License / ライセンス
+
 This software is released under the MIT License, see LICENSE.  

package/css/danoni_main.css

@@ -4,7 +4,7 @@
   本体cssファイル
 
   Created : 2018/10/08
-  Revised : 2024/04/18 (v36.1.0)
+  Revised : 2024/05/18 (v36.4.1)
 
   https://github.com/cwtickle/danoniplus
 ------------------------------------------ */
@@ -14,6 +14,8 @@
 	position: relative;
 	overflow: hidden;
 	white-space: nowrap;
+	border-top: 1px solid var(--back-border-x, #666666);
+	border-bottom: 1px solid var(--back-border-x, #666666);
 }
 
 #canvas-frame canvas {
@@ -354,12 +356,6 @@ input[type="color"] {
 
 /* スキン定義 ------------------------------------------------------------*/
 
-/* 背景 */
-#canvas-frame {
-	border-top: 1px solid var(--back-border-x, #666666);
-	border-bottom: 1px solid var(--back-border-x, #666666);
-}
-
 #divBack {
 	background: var(--background, linear-gradient(#000000, #222222));
 }
@@ -470,6 +466,23 @@ input[type="color"] {
 	color: var(--settings-fadeinBar-x, #ffffff);
 }
 
+.settings_Difficulty:hover,
+.settings_Speed:hover,
+.settings_Motion:hover,
+.settings_Reverse:hover,
+.settings_Scroll:hover,
+.settings_Shuffle:hover,
+.settings_AutoPlay:hover,
+.settings_Gauge:hover,
+.settings_Adjustment:hover,
+.settings_Fadein:hover,
+.settings_Volume:hover,
+.settings_Appearance:hover,
+.settings_Opacity:hover,
+.settings_HitPosition:hover {
+	border-bottom: solid 1px;
+}
+
 /* 設定画面：ゲージ設定詳細 */
 .settings_lifeVal {
 	color: var(--settings-lifeVal-x, #ff9966);
@@ -497,6 +510,18 @@ input[type="color"] {
 	color: var(--keyconfig-colorType-x, #ffdd99);
 }
 
+.keyconfig_ColorGr::first-letter {
+	color: var(--keyconfig-colorGr-x, var(--keyconfig-colorType-x, #ffdd99));
+}
+
+.keyconfig_ShuffleGr::first-letter {
+	color: var(--keyconfig-shuffleGr-x, var(--settings-shuffle-x, #99ff99));
+}
+
+.keyconfig_StepRtnGr::first-letter {
+	color: var(--keyconfig-stepRtnGr-x, var(--settings-adjustment-x, #99ffff));
+}
+
 .keyconfig_Changekey {
 	color: var(--keyconfig-changekey-x, #ffff00);
 }
@@ -709,7 +734,8 @@ input[type="color"] {
 }
 
 /* デフォルト */
-.button_Default {
+.button_Default,
+.button_Discord {
 	color: var(--button-color-default-x, #ffffff);
 	background: var(--button-bg-default, #111111);
 }
@@ -783,7 +809,7 @@ input[type="color"] {
 	background: var(--button-bgHover-reset, #009900);
 }
 
-/* ツイート */
+/* X Post */
 .button_Tweet {
 	color: var(--button-color-sns-x, #ffffff);
 	background: var(--button-bg-sns, #113333);
@@ -794,6 +820,12 @@ input[type="color"] {
 	background: var(--button-bgHover-sns, #009999);
 }
 
+/* Discord */
+.button_Discord:hover {
+	color: var(--button-colorHover-default-x, #ffffff);
+	background: var(--button-bgHover-discord, var(--button-bgHover-default, #666699));
+}
+
 /* ボタン：ON/OFF */
 .button_OFF {
 	color: var(--button-color-off-x, #666666);

package/js/danoni_main.js

@@ -4,12 +4,12 @@
  * 
  * Source by tickle
  * Created : 2018/10/08
- * Revised : 2024/05/11
+ * Revised : 2024/05/18
  * 
  * https://github.com/cwtickle/danoniplus
  */
-const g_version = `Ver 36.3.2`;
-const g_revisedDate = `2024/05/11`;
+const g_version = `Ver 36.4.1`;
+const g_revisedDate = `2024/05/18`;
 
 // カスタム用バージョン (danoni_custom.js 等で指定可)
 let g_localVersion = ``;
@@ -20,15 +20,6 @@ let g_localVersion2 = ``;
 //  シーンジャンプ:Scene
 
 /**
- * ▽ ソースコーディング
- * https://github.com/cwtickle/danoniplus/blob/develop/.github/CONTRIBUTING.md
- * 
- * - 定数・変数名
- * -- グローバル変数： 変数の頭に`g_`をつける。基本はオブジェクトプロパティとして定義。
- * -- 関数の引数　　： アンダースコア始まりのキャメル表記。
- * -- 定数　　　　　： `C_(カテゴリ)_(名前)`の形式。全て英大文字、数字、アンダースコアのみを使用。
- *                    ※この定義方法は今後使用しない方針。
- * 
  * ▽ 画面の構成
  *  [タイトル]-[設定]-[ディスプレイ]-[キーコンフィグ]-[譜面読込]-[メイン]-[リザルト]
  *  ⇒　各画面に Init がついたものが画面の基本構成(ルート)を表す。
@@ -5455,7 +5446,10 @@ const createOptionWindow = _sprite => {
 		);
 		g_settings.scoreDetails.forEach((sd, j) => {
 			scoreDetail.appendChild(
-				makeDifLblCssButton(`lnk${sd}G`, getStgDetailName(sd), j, _ => changeScoreDetail(j), { w: g_limitObj.difCoverWidth, h: 20, btnStyle: (g_stateObj.scoreDetail === sd ? `Setting` : `Default`) })
+				makeDifLblCssButton(`lnk${sd}G`, getStgDetailName(sd), j, _ => changeScoreDetail(j), {
+					w: g_limitObj.difCoverWidth, h: 20, title: g_msgObj[`s_${sd}`],
+					btnStyle: (g_stateObj.scoreDetail === sd ? `Setting` : `Default`),
+				})
 			);
 			createScText(document.getElementById(`lnk${sd}G`), `${sd}G`, { targetLabel: `lnk${sd}G`, x: -5 });
 		});
@@ -5560,6 +5554,12 @@ const createOptionWindow = _sprite => {
 					title: g_msgObj.excessive, cxtFunc: evt => setExcessive(evt.target),
 				}), g_cssObj.button_Default, g_cssObj[`button_Rev${g_stateObj.excessive}`])
 		);
+	} else if (g_headerObj.excessiveJdgUse) {
+		spriteList.gauge.appendChild(
+			createDivCss2Label(`lnkExcessive`, `${g_lblNameObj.Excessive}:${C_FLG_ON}`,
+				Object.assign(g_lblPosObj.btnExcessive, { x: 0, w: 100, border: C_DIS_NONE }), g_cssObj[`button_Disabled${C_FLG_ON}`]
+			)
+		);
 	}
 
 	// ---------------------------------------------------
@@ -6070,9 +6070,10 @@ const makeSettingLblCssButton = (_id, _name, _heightPos, _func, { x, y, w, h, si
  * @param {number} _heightPos 上からの配置順
  * @param {function} _func
  */
-const makeDifLblCssButton = (_id, _name, _heightPos, _func, { x = 0, w = g_limitObj.difSelectorWidth, h = g_limitObj.setLblHeight, btnStyle = `Default` } = {}) =>
+const makeDifLblCssButton = (_id, _name, _heightPos, _func,
+	{ x = 0, w = g_limitObj.difSelectorWidth, h = g_limitObj.setLblHeight, btnStyle = `Default` } = {}) =>
 	createCss2Button(_id, _name, _func, {
-		x, y: h * _heightPos, w, h, siz: g_limitObj.difSelectorSiz, borderStyle: `solid`,
+		x, y: h * _heightPos, w, h, siz: g_limitObj.difSelectorSiz, borderStyle: `solid`, title: g_msgObj[_id] ?? ``,
 	}, g_cssObj[`button_${btnStyle}`], g_cssObj.button_ON);
 
 /**
@@ -6675,9 +6676,9 @@ const keyConfigInit = (_kcType = g_kcType) => {
 	}
 
 	// カラー/シャッフルグループ切替ボタン（カラー/シャッフルパターンが複数ある場合のみ）
-	makeGroupButton(`color`, { cssName: g_cssObj.keyconfig_ColorType });
-	makeGroupButton(`shuffle`, { baseX: g_btnX(11 / 12) - 10, cssName: g_cssObj.settings_Shuffle });
-	makeGroupButton(`stepRtn`, { baseY: 37, cssName: g_cssObj.settings_Adjustment });
+	makeGroupButton(`color`, { cssName: g_cssObj.keyconfig_ColorGr });
+	makeGroupButton(`shuffle`, { baseX: g_btnX(11 / 12) - 10, cssName: g_cssObj.keyconfig_ShuffleGr });
+	makeGroupButton(`stepRtn`, { baseY: 37, cssName: g_cssObj.keyconfig_StepRtnGr });
 
 	/**
 	 * カーソル位置の設定
@@ -11307,7 +11308,7 @@ const resultInit = _ => {
 
 	}
 
-	// Twitter用リザルト
+	// X (Twitter)用リザルト
 	// スコアを上塗りする可能性があるため、カスタムイベント後に配置
 	const hashTag = (hasVal(g_headerObj.hashTag) ? ` ${g_headerObj.hashTag}` : ``);
 	let tweetDifData = `${getKeyName(g_headerObj.keyLabels[g_stateObj.scoreId])}${transKeyName}${getStgDetailName('k-')}${g_headerObj.difLabels[g_stateObj.scoreId]}${assistFlg}`;
@@ -11341,7 +11342,7 @@ const resultInit = _ => {
 			tweetResultTmp = tweetResultTmp.split(`[${key}]`).join(g_resultObj[g_presetObj.resultVals[key]]));
 	}
 	const resultText = `${unEscapeHtml(tweetResultTmp)}`;
-	const tweetResult = `https://twitter.com/intent/tweet?text=${encodeURIComponent(resultText)}`;
+	const tweetResult = `${g_linkObj.x}?text=${encodeURIComponent(resultText)}`;
 
 	/**
 	 * リザルト画像をCanvasで作成しクリップボードへコピー
@@ -11474,15 +11475,15 @@ const resultInit = _ => {
 	 */
 	const makeLinkButton = (_div = divRoot, _param = ``) => {
 		multiAppend(_div,
-			// リザルトデータをTwitterへ転送
+			// リザルトデータをX (Twitter)へ転送
 			createCss2Button(`btnTweet${_param}`, g_lblNameObj.b_tweet, _ => true, Object.assign(g_lblPosObj.btnRsTweet, {
 				resetFunc: _ => openLink(tweetResult),
 			}), g_cssObj.button_Tweet),
 
-			// Gitterへのリンク
+			// Discordへのリンク
 			createCss2Button(`btnGitter${_param}`, g_lblNameObj.b_gitter, _ => true, Object.assign(g_lblPosObj.btnRsGitter, {
-				resetFunc: _ => openLink(`https://app.gitter.im/#/room/#danonicw_freeboard:gitter.im`),
-			}), g_cssObj.button_Default),
+				resetFunc: _ => openLink(g_linkObj.discord),
+			}), g_cssObj.button_Discord),
 		);
 	}
 

package/js/lib/danoni_constants.js

@@ -5,7 +5,7 @@
  *
  * Source by tickle
  * Created : 2019/11/19
- * Revised : 2024/05/11 (v36.3.2)
+ * Revised : 2024/05/18 (v36.4.1)
  *
  * https://github.com/cwtickle/danoniplus
  */
@@ -200,9 +200,9 @@ const g_lblPosObj = {};
 const updateWindowSiz = _ => {
     Object.assign(g_windowObj, {
         optionSprite: { x: (g_sWidth - 450) / 2, y: 65, w: 450, h: 325 },
-        difList: { x: 165, y: 60, w: 280, h: 261 + g_sHeight - 500, overflow: `auto` },
-        difCover: { x: 25, y: 60, w: 140, h: 261 + g_sHeight - 500, opacity: 0.95 },
-        difFilter: { x: 0, y: 61, w: 140, h: 200 + g_sHeight - 500, overflow: `auto` },
+        difList: { x: 165, y: 60, w: 280, h: 265 + g_sHeight - 500, overflow: `auto` },
+        difCover: { x: 20, y: 60, w: 145, h: 265 + g_sHeight - 500, opacity: 0.95 },
+        difFilter: { x: 0, y: 61, w: 140, h: 204 + g_sHeight - 500, overflow: `auto` },
         displaySprite: { x: 25, y: 30, w: (g_sWidth - 450) / 2, h: g_limitObj.setLblHeight * 5 },
         scoreDetail: { x: 20, y: 85, w: (g_sWidth - 500) / 2 + 420, h: 240, visibility: `hidden` },
         detailObj: { w: (g_sWidth - 500) / 2 + 420, h: 230, visibility: `hidden` },
@@ -1741,8 +1741,8 @@ const g_shortcutObj = {
         ControlLeft_KeyC: { id: `` },
         ControlRight_KeyC: { id: `` },
         KeyC: { id: `btnCopy`, reset: true },
-        KeyT: { id: `btnTweet`, reset: true },
-        KeyG: { id: `btnGitter`, reset: true },
+        KeyX: { id: `btnTweet`, reset: true }, // x
+        KeyD: { id: `btnGitter`, reset: true }, // Discord
         KeyP: { id: `btnCopyImage` },
         Backspace: { id: `btnRetry` },
     },
@@ -1799,6 +1799,9 @@ const g_cssObj = {
     keyconfig_warning: `keyconfig_warning`,
     keyconfig_ConfigType: `keyconfig_ConfigType`,
     keyconfig_ColorType: `keyconfig_ColorType`,
+    keyconfig_ColorGr: `keyconfig_ColorGr`,
+    keyconfig_ShuffleGr: `keyconfig_ShuffleGr`,
+    keyconfig_StepRtnGr: `keyconfig_StepRtnGr`,
     keyconfig_Changekey: `keyconfig_Changekey`,
     keyconfig_Defaultkey: `keyconfig_Defaultkey`,
 
@@ -1865,6 +1868,7 @@ const g_cssObj = {
     button_Next: `button_Next`,
     button_Reset: `button_Reset`,
     button_Tweet: `button_Tweet`,
+    button_Discord: `button_Discord`,
 
     button_OFF: `button_OFF`,
     button_ON: `button_ON`,
@@ -2861,7 +2865,7 @@ const g_lang_msgInfoObj = {
         E_0012: `The song title information is not set. (E-0012)<br>
         |musicTitle=Song title,Artist name,Artist's site URL|`,
         E_0021: `Music information is not set or the format is incorrect.(E-0021)<br>
-        |difData=Keys' name,chart's name,Specified speed|`,
+        |difData=Key type's name,chart's name,Specified speed|`,
         E_0022: `The format of the external music file is incorrect.(E-0022)<br>
         function externalDosInit() { g_externalDos = \`(Chart data)\`; }`,
         E_0023: `Music information is not set. (E-0023)<br>
@@ -2937,8 +2941,8 @@ const g_lblNameObj = {
     b_reset: `Reset Key`,
     b_settings: `To Settings`,
     b_copy: `CopyResult`,
-    b_tweet: `Tweet`,
-    b_gitter: `Gitter`,
+    b_tweet: `Post X`,
+    b_gitter: `Discord`,
     b_retry: `Retry`,
     b_close: `Close`,
     b_cReset: `Reset`,
@@ -3113,6 +3117,14 @@ const g_lblNameObj = {
     rd_Special: `SP`,
 };
 
+/**
+ * リンク先管理
+ */
+const g_linkObj = {
+    x: `https://x.com/intent/tweet`,
+    discord: `https://discord.gg/5Hxu4wDEZR`,
+};
+
 /**
  * ラベル表示定義（言語別）
  */
@@ -3253,6 +3265,14 @@ const g_lang_msgObj = {
         d_arroweffect: `矢印・フリーズアローモーションの有効化設定`,
         d_special: `作品固有の特殊演出の有効化設定`,
 
+        lnkSpeedG: `譜面の進行別の速度変化状況を表示`,
+        lnkDensityG: `譜面の密度状況を表示`,
+        lnkToolDifG: `譜面の難易度、矢印・フリーズアローの分布状況を表示`,
+        lnkHighScoreG: `譜面のハイスコアを表示`,
+        lnkDifInfo: `譜面の難易度、矢印・フリーズアローの分布状況をクリップボードへコピー`,
+        lnkResetHighScore: `譜面のハイスコア情報を消去`,
+        lnkHighScore: `譜面のハイスコアをクリップボードへコピー`,
+
         appearance: `流れる矢印の見え方を制御します。`,
         opacity: `判定キャラクタ、コンボ数、Fast/Slow、Hidden+/Sudden+の\n境界線表示の透明度を設定します。`,
         hitPosition: `判定位置にズレを感じる場合、\n数値を変えることで判定の中央位置を1px単位(プラス:手前, マイナス:奥側)で調整することができます。\n早押し・遅押し傾向にある場合に使用します。`,
@@ -3315,6 +3335,14 @@ const g_lang_msgObj = {
         d_arroweffect: `Enable sequences' animations`,
         d_special: `Enable setting of special effects to the work`,
 
+        lnkSpeedG: `Displays the speed change status by progression of the chart.`,
+        lnkDensityG: `Displays the density status of the chart.`,
+        lnkToolDifG: `Displays the difficulty level of the chart and the distribution of arrows and freeze arrows.`,
+        lnkHighScoreG: `Displays the high score of the chart.`,
+        lnkDifInfo: `Copy the difficulty of the chart and the distribution of arrows and freeze arrows to the clipboard.`,
+        lnkResetHighScore: `Erase the high score information in the chart.`,
+        lnkHighScore: `Copies the high score of the chart to the clipboard.`,
+
         appearance: `Controls how the flowing sequences look.`,
         opacity: `Set the transparency of some objects such as judgment, combo counts, fast and slow`,
         hitPosition: `If you feel a discrepancy in the judgment position, \nyou can adjust the center position of the judgment in 1px increments \n (plus: in front, minus: at the back) by changing the numerical value. \nUse this function when there is a tendency to push too fast or too slow.`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "danoniplus",
-  "version": "36.3.2",
+  "version": "36.4.1",
   "description": "Dancing☆Onigiri (CW Edition) - Web-based Rhythm Game",
   "main": "index.js",
   "scripts": {

package/skin/danoni_skin_default.css

@@ -5,7 +5,7 @@
   スキンcssファイル (default)
 
   Created : 2019/11/04
-  Revised : 2023/07/29 (v33.0.0)
+  Revised : 2024/05/18 (v36.4.1)
 
   https://github.com/cwtickle/danoniplus
 ------------------------------------------ */
@@ -67,6 +67,9 @@
 	--keyconfig-colorType-x: #ffdd99;
 	--keyconfig-changekey-x: #ffff00;
 	--keyconfig-defaultkey-x: #99ccff;
+	/* --keyconfig-colorGr-x: var(--settings-colorType-x); */
+	/* --keyconfig-shuffleGr-x: var(--settings-shuffle-x); */
+	/* --keyconfig-stepRtnGr-x: var(--settings-adjustment-x); */
 
 	/* 判定 */
 	--common-ii: #66ffff;
@@ -183,6 +186,7 @@
 	--button-color-sns-x: #ffffff;
 	--button-bgHover-sns: #009999;
 	--button-colorHover-sns-x: #ffffff;
+	--button-bgHover-discord: #666699;
 
 	/* ON/OFFボタン */
 	--button-color-off-x: #666666;

package/skin/danoni_skin_light.css

@@ -5,7 +5,7 @@
   スキンcssファイル (light)
 
   Created : 2019/11/04
-  Revised : 2023/07/29 (v33.0.0)
+  Revised : 2024/05/18 (v36.4.1)
 
   https://github.com/cwtickle/danoniplus
 ------------------------------------------ */
@@ -67,6 +67,9 @@
 	--keyconfig-colorType-x: #773300;
 	--keyconfig-changekey-x: #999900;
 	--keyconfig-defaultkey-x: #000099;
+	/* --keyconfig-colorGr-x: var(--settings-colorType-x); */
+	/* --keyconfig-shuffleGr-x: var(--settings-shuffle-x); */
+	/* --keyconfig-stepRtnGr-x: var(--settings-adjustment-x); */
 
 	/* 判定 */
 	--common-ii: #009999;
@@ -183,6 +186,7 @@
 	--button-color-sns-x: #000000;
 	--button-bgHover-sns: #66ffff;
 	--button-colorHover-sns-x: #000000;
+	--button-bgHover-discord: #bbbbbb;
 
 	/* ON/OFFボタン */
 	--button-color-off-x: #cccccc;

package/skin/danoni_skin_skyblue.css

@@ -5,7 +5,7 @@
   スキンcssファイル (skyblue)
 
   Created : 2019/11/04
-  Revised : 2023/07/29 (v33.0.0)
+  Revised : 2024/05/18 (v36.4.1)
 
   https://github.com/cwtickle/danoniplus
 ------------------------------------------ */
@@ -67,6 +67,9 @@
 	--keyconfig-colorType-x: #773300;
 	--keyconfig-changekey-x: #999900;
 	--keyconfig-defaultkey-x: #000099;
+	/* --keyconfig-colorGr-x: var(--settings-colorType-x); */
+	/* --keyconfig-shuffleGr-x: var(--settings-shuffle-x); */
+	/* --keyconfig-stepRtnGr-x: var(--settings-adjustment-x); */
 
 	/* 判定 */
 	--common-ii: #009999;
@@ -183,6 +186,7 @@
 	--button-color-sns-x: #000000;
 	--button-bgHover-sns: #66ffff;
 	--button-colorHover-sns-x: #000000;
+	--button-bgHover-discord: #bbbbbb;
 
 	/* ON/OFFボタン */
 	--button-color-off-x: #cccccc;

package/js/lib/danoni_legacy_function.js

@@ -1,694 +0,0 @@
-'use strict';
-/**
- * Dancing☆Onigiri (CW Edition)
- * 旧バージョン定義変数・関数
- *
- * Source by tickle
- * Created : 2019/11/19
- * Revised : 2022/03/18 (v27.0.0)
- *
- * https://github.com/cwtickle/danoniplus
- */
-
-// ユーザインタフェース
-// カスタム側で変更できるようにletで定義している（v10以降のカラーコード類は互換関数以外の利用用途なし）
-let C_CLR_DEFAULT = `#333333`;
-let C_CLR_DEFAULTA = `#111133`;
-let C_CLR_DEFAULTB = `#333311`;
-let C_CLR_DEFAULTC = `#331111`;
-let C_CLR_DEFAULTD = `#113311`;
-let C_CLR_DEFAULTE = `#113333`;
-let C_CLR_DEFHOVER = `#666666`;
-let C_CLR_BACK = `#000099`;
-let C_CLR_NEXT = `#990000`;
-let C_CLR_SETTING = `#999900`;
-let C_CLR_RESET = `#009900`;
-let C_CLR_TWEET = `#009999`;
-
-let C_CLR_TEXT = `#ffffff`;
-let C_CLR_TITLE = `#cccccc`;
-let C_CLR_LOADING_BAR = `#eeeeee`;
-let C_CLR_LNK = `#111111`;
-
-// 判定キャラクタの色 (v10以降はcssで定義)
-const C_CLR_II = `#66ffff`;
-const C_CLR_SHAKIN = `#99ff99`;
-const C_CLR_MATARI = `#ff9966`;
-const C_CLR_UWAN = `#ff9999`;
-const C_CLR_SHOBON = `#ccccff`;
-const C_CLR_KITA = `#ffff99`;
-const C_CLR_SFSF = ``;
-const C_CLR_IKNAI = `#99ff66`;
-
-// ライフゲージの色 (v10以降はcssで定義)
-let C_CLR_MAXLIFE = `#444400`;
-let C_CLR_CLEARLIFE = `#004444`;
-let C_CLR_DEFAULTLIFE = `#444444`;
-let C_CLR_BACKLIFE = `#222222`;
-
-/**
- * 空スプライト(ムービークリップ相当)の作成
- * - 作成済みの場合はすでに作成済のスプライトを返却する
- * - ここで作成したスプライトは clearWindow() により削除される
- * @deprecated v21以降非推奨
- * @param {string} _parentObjName 親スプライト名
- * @param {string} _newObjName 作成する子スプライト名
- * @param {number} _x 作成するスプライトのx座標（親スプライト基準）
- * @param {number} _y 作成するスプライトのy座標（親スプライト基準）
- * @param {number} _width 幅
- * @param {number} _height 高さ
- */
-function createSprite(_parentObjName, _newObjName, _x, _y, _width, _height, _options = {}) {
-    let newsprite;
-    if (document.getElementById(_newObjName) === null) {
-        newsprite = createDiv(_newObjName, _x, _y, _width, _height);
-        document.getElementById(_parentObjName).appendChild(newsprite);
-    } else {
-        newsprite = document.getElementById(_newObjName);
-    }
-    if (_options.description !== undefined) {
-        newsprite.title = _options.description;
-    }
-    return newsprite;
-}
-
-/**
- * ラベル文字作成（レイヤー直書き。htmlタグは使用できない）
- * @deprecated v10以降非推奨
- * @param {string} _ctx ラベルを作成する場所のコンテキスト名
- * @param {string} _text 表示するテキスト
- * @param {number} _x 作成先のx座標
- * @param {number} _y 作成先のy座標
- * @param {number} _fontsize フォントサイズ
- * @param {number} _fontname フォント名
- * @param {string} _color 色 (カラーコード:#ffffff 形式 or グラデーション)
- * @param {string} _align テキストの表示位置 (left, center, right)
- */
-function createLabel(_ctx, _text, _x, _y, _fontsize, _fontname, _color, _align) {
-    const fontFamilys = _fontname.split(`,`);
-    let fontView = ``;
-    for (let j = 0; j < fontFamilys.length; j++) {
-        fontView += `"${fontFamilys[j]}",`;
-    }
-    fontView += `sans-serif`;
-
-    _ctx.font = `${_fontsize}px ${fontView}`;
-    _ctx.textAlign = _align;
-    _ctx.fillStyle = _color;
-    _ctx.fillText(_text, _x, _y);
-}
-
-/**
-* 子div要素のラベル文字作成 (v9互換用)
-* - ここで指定するテキストはhtmlタグが使える
-* @deprecated v10以降非推奨
-* @param {string} _id 
-* @param {number} _x 
-* @param {number} _y 
-* @param {number} _width 
-* @param {number} _height 
-* @param {number} _fontsize 
-* @param {string} _color
-* @param {string} _text 
-*/
-function createDivLabel(_id, _x, _y, _width, _height, _fontsize, _color, _text) {
-    const div = createDiv(_id, _x, _y, _width, _height);
-    const style = div.style;
-    style.fontSize = `${_fontsize}px`;
-    style.color = _color;
-    style.fontFamily = getBasicFont();
-    style.textAlign = C_ALIGN_CENTER;
-    div.innerHTML = _text;
-
-    return div;
-}
-
-
-/**
- * 子div要素のラベル文字作成 (CSS版, v16互換)
- * @deprecated v17以降非推奨
- * @param {string} _id 
- * @param {number} _x 
- * @param {number} _y 
- * @param {number} _width 
- * @param {number} _height 
- * @param {number} _fontsize 
- * @param {string} _text
- * @param {string} _class 
- */
-function createDivCssLabel(_id, _x, _y, _width, _height, _fontsize, _text, _class = g_cssObj.title_base) {
-    const div = createDiv(_id, _x, _y, _width, _height);
-    div.classList.add(_class);
-
-    const style = div.style;
-    style.fontSize = `${_fontsize}px`;
-    style.fontFamily = getBasicFont();
-    style.textAlign = C_ALIGN_CENTER;
-    div.innerHTML = _text;
-
-    return div;
-}
-
-/**
- * 矢印オブジェクトの作成（色付きマスク版）- v10以降は未使用
- * @deprecated v10以降非推奨
- * @param {string} _id 
- * @param {string} _color 
- * @param {number} _x 
- * @param {number} _y 
- * @param {number} _size 
- * @param {number, string} _rotate 
- */
-function createArrowEffect(_id, _color, _x, _y, _size, _rotate) {
-
-    const div = createDiv(_id, _x, _y, _size, _size);
-
-    // 矢印・おにぎり判定
-    let charaStyle;
-    if (isNaN(Number(_rotate))) {
-        charaStyle = `${_rotate}`;
-    } else {
-        charaStyle = `arrow`;
-        div.style.transform = `rotate(${_rotate}deg)`;
-    }
-    div.align = C_ALIGN_CENTER;
-
-    if (_color !== ``) {
-        div.style.backgroundColor = _color;
-    }
-
-    div.style.maskImage = `url("${g_imgObj[charaStyle]}")`;
-    div.style.maskSize = `contain`;
-    div.style.webkitMaskImage = `url("${g_imgObj[charaStyle]}")`;
-    div.style.webkitMaskSize = `contain`;
-    div.setAttribute(`color`, _color);
-
-    return div;
-}
-
-/**
- * 色付きオブジェクトの作成 (v16互換)
- * @deprecated v17以降非推奨
- * @param {string} _id 
- * @param {string} _color 
- * @param {number} _x 
- * @param {number} _y 
- * @param {number} _width 
- * @param {number} _height 
- * @param {string} _rotate オブジェクト名／回転角度 (default : ``)
- * @param {string} _styleName オブジェクト種類 (default : ``)
- */
-function createColorObject(_id, _color, _x, _y, _width, _height,
-    _rotate = ``, _styleName = ``) {
-
-    const div = createDiv(_id, _x, _y, _width, _height);
-
-    // 矢印・オブジェクト判定
-    let charaStyle;
-    if (isNaN(Number(_rotate)) || _rotate === ``) {
-        charaStyle = `${_rotate}${_styleName}`;
-    } else {
-        charaStyle = `arrow${_styleName}`;
-        div.style.transform = `rotate(${_rotate}deg)`;
-    }
-
-    if (_color !== ``) {
-        div.style.background = _color;
-    }
-    div.style.maskImage = `url("${g_imgObj[charaStyle]}")`;
-    div.style.maskSize = `contain`;
-    div.style.webkitMaskImage = `url("${g_imgObj[charaStyle]}")`;
-    div.style.webkitMaskSize = `contain`;
-    div.setAttribute(`color`, _color);
-    div.setAttribute(`type`, charaStyle);
-
-    return div;
-}
-
-/**
- * ボタンの作成 (v9互換版)
- * - ボタンの位置、色といった基本設定をここで指定
- * - 実際のボタンは以下のように設定して使用すること（表示されなくなる）
- * - ボタンの表示テキスト及びフォントは固定
- * 
- * -  使い方：
- *		const btnBack = createButton({
- *			// ボタンオブジェクト名
- *			id: `btnBack`,
- *			// ボタンに表示する名前
- *			name: `Back`,
- *			// 作成先のx座標 (appendChildする親に対する位置)
- *			x: 0,
- *			// 作成先のy座標 (appendChildする親に対する位置)
- *			y: g_sHeight-100,
- *			// 幅
- *			width: g_sWidth/3, 
- *			// 高さ
- *			height: C_BTN_HEIGHT, 
- *			// フォントサイズ
- *			fontsize: C_LBL_BTNSIZE,
- *			// 通常時の背景色 (カラーコード:#ffffff 形式)
- *			normalColor: C_CLR_DEFAULT, 
- *			// オンマウス時の背景色 (カラーコード:#ffffff 形式)
- *			hoverColor: C_CLR_BACK, 
- *			// 表示位置
- *			align: C_ALIGN_CENTER
- *		}, _ => {
- *			// ボタン押下後の処理
- *			clearWindow();
- *			titleInit();
- *		});
- *		divRoot.appendChild(btnBack);
- *   
- * @deprecated v10以降非推奨
- * @param {object} _obj ボタンオブジェクト
- * @param {function} _func ボタン押下後の処理（マウスハンドラ）
- */
-function createButton(_obj, _func) {
-
-    // ボタン用の子要素divを作成
-    const div = createDiv(_obj.id, _obj.x, _obj.y, _obj.width, _obj.height);
-
-    // ボタンの装飾を定義
-    const style = div.style;
-    div.innerHTML = _obj.name;
-    style.textAlign = _obj.align;
-    style.verticalAlign = C_VALIGN_MIDDLE;
-    style.color = C_CLR_TEXT;
-    style.fontSize = `${_obj.fontsize}px`;
-    style.fontFamily = getBasicFont();
-    style.backgroundColor = _obj.normalColor;
-    style.transition = `background-color 0.25s linear`;
-    if (setVal(_obj.animationName, ``, C_TYP_STRING) !== ``) {
-        style.animationName = _obj.animationName;
-        style.animationDuration = `1s`;
-    }
-    style.display = `flex`;
-    style.flexDirection = `column`;
-    style.justifyContent = `center`;
-
-    // オンマウス・タップ時の挙動 (背景色変更、カーソル変化)
-    div.onmouseover = _ => {
-        style.backgroundColor = _obj.hoverColor;
-        style.cursor = `pointer`;
-    };
-    const lsnrkeyTS = g_handler.addListener(div, `touchstart`, _ => {
-        style.backgroundColor = _obj.hoverColor;
-        style.cursor = `pointer`;
-    });
-
-    // 通常時の挙動 (背景色変更、カーソル変化)
-    div.onmouseout = _ => {
-        style.backgroundColor = _obj.normalColor;
-        style.cursor = `default`;
-    };
-    const lsnrkeyTE = g_handler.addListener(div, `touchend`, _ => {
-        style.backgroundColor = _obj.normalColor;
-        style.cursor = `default`;
-    });
-
-    // ボタンを押したときの動作
-    const lsnrkey = g_handler.addListener(div, `click`, _ => _func());
-
-    // イベントリスナー用のキーをセット
-    div.setAttribute(`lsnrkey`, lsnrkey);
-    div.setAttribute(`lsnrkeyTS`, lsnrkeyTS);
-    div.setAttribute(`lsnrkeyTE`, lsnrkeyTE);
-
-    return div;
-}
-
-/**
- * ボタンの作成 (CSS版, v16互換)
- * - ボタンの位置、色といった基本設定をここで指定
- * - 実際のボタンは以下のように設定して使用すること（表示されなくなる）
- * - ボタンの表示テキスト及びフォントは固定
- * 
- * -  使い方：
- *		const btnBack = createButton({
- *			// ボタンオブジェクト名
- *			id: `btnBack`,
- *			// ボタンに表示する名前
- *			name: `Back`,
- *			// 作成先のx座標 (appendChildする親に対する位置)
- *			x: 0,
- *			// 作成先のy座標 (appendChildする親に対する位置)
- *			y: g_sHeight-100,
- *			// 幅
- *			width: g_sWidth/3, 
- *			// 高さ
- *			height: C_BTN_HEIGHT, 
- *			// フォントサイズ
- *			fontsize: C_LBL_BTNSIZE,
- *			// 表示位置
- *			align: C_ALIGN_CENTER,
- *			// CSSクラス名
- *			class: `class_name`,
- *		}, _ => {
- *			// ボタン押下後の処理
- *			clearWindow();
- *			titleInit();
- *		});
- *		divRoot.appendChild(btnBack);
- *   
- * @deprecated v17以降非推奨
- * @param {object} _obj ボタンオブジェクト
- * @param {function} _func ボタン押下後の処理（マウスハンドラ）
- */
-function createCssButton(_obj, _func) {
-
-    // ボタン用の子要素divを作成
-    const div = createDiv(_obj.id, _obj.x, _obj.y, _obj.width, _obj.height);
-    div.classList.add(`button_common`, _obj.class);
-
-    // ボタンの装飾を定義
-    const style = div.style;
-    div.innerHTML = _obj.name;
-    style.textAlign = _obj.align;
-    style.verticalAlign = C_VALIGN_MIDDLE;
-    style.fontSize = `${_obj.fontsize}px`;
-    style.fontFamily = getBasicFont();
-    if (hasVal(_obj.animationName)) {
-        style.animationName = _obj.animationName;
-        style.animationDuration = `1s`;
-    }
-    div.ontouchstart = ``;
-
-    // ボタンを押したときの動作
-    const lsnrkey = g_handler.addListener(div, `click`, _ => _func());
-
-    // イベントリスナー用のキーをセット
-    div.setAttribute(`lsnrkey`, lsnrkey);
-
-    return div;
-}
-
-/**
- * 設定・オプション表示用ボタン - v9互換用
- * @deprecated v10以降非推奨
- * @param {string} _id 
- * @param {string} _name 初期設定文字
- * @param {number} _heightPos 上からの配置順
- * @param {function} _func 
- */
-function makeSettingLblButton(_id, _name, _heightPos, _func) {
-    const settingLblButton = createButton({
-        id: _id,
-        name: _name,
-        x: C_LEN_SETLBL_LEFT,
-        y: C_LEN_SETLBL_HEIGHT * _heightPos,
-        width: C_LEN_SETLBL_WIDTH,
-        height: C_LEN_SETLBL_HEIGHT,
-        fontsize: C_SIZ_SETLBL,
-        normalColor: C_CLR_LNK,
-        hoverColor: C_CLR_DEFHOVER,
-        align: C_ALIGN_CENTER
-    }, _func);
-
-    return settingLblButton;
-}
-
-/**
- * 譜面変更セレクター用ボタン - v9互換用
- * @deprecated v10以降非推奨
- * @param {string} _id
- * @param {string} _name 初期設定文字
- * @param {number} _heightPos 上からの配置順
- * @param {function} _func
- */
-function makeDifLblButton(_id, _name, _heightPos, _func) {
-    const difLblButton = createButton({
-        id: _id,
-        name: _name,
-        x: 0,
-        y: C_LEN_SETLBL_HEIGHT * _heightPos,
-        width: C_LEN_SETLBL_WIDTH,
-        height: C_LEN_SETLBL_HEIGHT,
-        fontsize: C_SIZ_DIFSELECTOR,
-        normalColor: C_CLR_LNK,
-        hoverColor: C_CLR_DEFHOVER,
-        align: C_ALIGN_CENTER
-    }, _func);
-    difLblButton.style.borderStyle = `solid`;
-    difLblButton.style.borderColor = `#000000 #cccccc`;
-
-    return difLblButton;
-}
-
-/**
- * 設定・オプション用の設定変更ミニボタン - v9互換用
- * @deprecated v10以降非推奨
- * @param {string} _id 
- * @param {string} _directionFlg 表示用ボタンのどちら側に置くかを設定。(R, RR:右、L, LL:左)
- * @param {number} _heightPos 上からの配置順
- * @param {function} _func 
- */
-function makeMiniButton(_id, _directionFlg, _heightPos, _func) {
-    const miniButton = createButton({
-        id: _id + _directionFlg,
-        name: eval(`C_LBL_SETMINI${_directionFlg}`),
-        x: eval(`C_LEN_SETMINI${_directionFlg}_LEFT`),
-        y: C_LEN_SETLBL_HEIGHT * _heightPos,
-        width: C_LEN_SETMINI_WIDTH,
-        height: C_LEN_SETLBL_HEIGHT,
-        fontsize: C_SIZ_SETLBL,
-        normalColor: C_CLR_DEFAULT,
-        hoverColor: C_CLR_SETTING,
-        align: C_ALIGN_CENTER
-    }, _func);
-
-    return miniButton;
-}
-
-/**
- * 結果表示作成（曲名、オプション）- v9互換用
- * @deprecated v10以降非推奨
- * @param {string} _id 
- * @param {number} _x
- * @param {string} _color 
- * @param {number} _heightPos 
- * @param {string, number} _text
- * @param {string} _align
- */
-function makeResultPlayData(_id, _x, _color, _heightPos, _text, _align) {
-    const symbol = createDivLabel(_id, _x, 18 * _heightPos,
-        400, 18, 14, _color, _text);
-    symbol.style.textAlign = _align;
-
-    return symbol;
-}
-
-/**
- * 結果表示作成（キャラクタ）- v9互換用
- * @deprecated v10以降非推奨
- * @param {string} _id 
- * @param {number} _x
- * @param {string} _color 
- * @param {number} _heightPos 
- * @param {string, number} _text
- * @param {string} _align
- */
-function makeResultSymbol(_id, _x, _color, _heightPos, _text, _align) {
-    const symbol = createDivLabel(_id, _x, 18 * _heightPos,
-        150, 18, 16, _color, _text);
-    symbol.style.textAlign = _align;
-
-    return symbol;
-}
-
-/**
- * 配列の型及び最小配列長のチェック
- * - チェックのみで変換は行わないため、変換が必要な場合は別途処理を組むこと。
- * - 型は最初の要素のみチェックを行う。
- * 
- * @deprecated v20以降非推奨
- * @param {array} _checkArray 
- * @param {string} _type 
- * @param {number} _minLength 最小配列長
- */
-function checkArrayVal(_checkArray, _type, _minLength) {
-
-    // 値がundefined相当の場合は無条件でデフォルト値を返却
-    if (_checkArray === undefined || _checkArray === ``) {
-        return false;
-    }
-
-    // 配列かどうかをチェック
-    if (Object.prototype.toString.call(_checkArray) !== `[object Array]`) {
-        return false;
-    }
-
-    // 最小配列長が不正の場合は強制的に1を設定
-    if (isNaN(parseFloat(_minLength))) {
-        _minLength = 1;
-    }
-
-    let isNaNflg;
-    if (_type === C_TYP_FLOAT) {
-        // 数値型(小数可)の場合
-        isNaNflg = isNaN(parseFloat(_checkArray[0]));
-        if (isNaNflg) {
-            return false;
-        }
-    } else if (_type === C_TYP_NUMBER) {
-        // 数値型(整数のみ)の場合
-        isNaNflg = isNaN(parseInt(_checkArray[0]));
-        if (isNaNflg) {
-            return false;
-        }
-    }
-
-    // 配列長のチェック
-    return (_checkArray.length >= _minLength ? true : false);
-}
-
-/**
- * 半角換算の文字数を計算
- * @deprecated v20以降非推奨
- * @param {string} _str 
- */
-function getStrLength(_str) {
-    let result = 0;
-    for (let i = 0; i < _str.length; i++) {
-        const chr = _str.charCodeAt(i);
-        if ((chr >= 0x00 && chr < 0x81) ||
-            (chr === 0xf8f0) ||
-            (chr >= 0xff61 && chr < 0xffa0) ||
-            (chr >= 0xf8f1 && chr < 0xf8f4)) {
-            //半角文字の場合は1を加算
-            result += 1;
-        } else {
-            //それ以外の文字の場合は2を加算
-            result += 2;
-        }
-    }
-    //結果を返す
-    return result;
-}
-
-/**
- * 左パディング
- * @deprecated v20以降非推奨
- * @param {string} _str 元の文字列 
- * @param {number} _length パディング後の長さ 
- * @param {string} _chr パディング文字列
- */
-function paddingLeft(_str, _length, _chr) {
-    let paddingStr = _str;
-    while (paddingStr.length < _length) {
-        paddingStr = _chr + paddingStr;
-    }
-    return paddingStr;
-}
-
-/**
- * 子div要素のラベル文字作成
- * - createDivLabelに加えて、独自フォントが指定できる形式。
- * 
- * @deprecated v20以降非推奨
- * @param {string} _id 
- * @param {number} _x 
- * @param {number} _y 
- * @param {number} _width 
- * @param {number} _height 
- * @param {number} _fontsize 
- * @param {string} _color 
- * @param {string} _text 
- * @param {string} _font 
- */
-function createDivCustomLabel(_id, _x, _y, _width, _height, _fontsize, _color, _text, _font) {
-    const div = createDiv(_id, _x, _y, _width, _height);
-    const style = div.style;
-    style.fontSize = `${_fontsize}px`;
-    if (_color !== ``) {
-        style.color = _color;
-    }
-    style.fontFamily = _font;
-    style.textAlign = C_ALIGN_CENTER;
-    div.innerHTML = _text;
-
-    return div;
-}
-
-/**
- * 外部jsファイルの読込 (callback)
- * 読込可否を g_loadObj[ファイル名] で管理 (true: 読込成功, false: 読込失敗)
- * @deprecated v27以降非推奨
- * @param {string} _url 
- * @param {function} _callback 
- * @param {boolean} _requiredFlg (default : true / 読込必須)
- * @param {string} _charset (default : UTF-8)
- */
-function loadScript(_url, _callback, _requiredFlg = true, _charset = `UTF-8`) {
-    const baseUrl = _url.split(`?`)[0];
-    g_loadObj[baseUrl] = false;
-    const script = document.createElement(`script`);
-    script.type = `text/javascript`;
-    script.src = _url;
-    script.charset = _charset;
-    script.onload = _ => {
-        g_loadObj[baseUrl] = true;
-        _callback();
-    };
-    script.onerror = _ => {
-        if (_requiredFlg) {
-            makeWarningWindow(g_msgInfoObj.E_0041.split(`{0}`).join(_url.split(`?`)[0]));
-        } else {
-            _callback();
-        }
-    };
-    document.querySelector(`head`).appendChild(script);
-}
-
-/**
- * CSSファイルの読み込み (callback)
- * デフォルトは danoni_skin_default.css を読み込む
- * @deprecated v27以降非推奨
- * @param {url} _href 
- * @param {function} _func
- */
-function importCssFile(_href, _func) {
-    const baseUrl = _href.split(`?`)[0];
-    g_loadObj[baseUrl] = false;
-    const link = document.createElement(`link`);
-    link.rel = `stylesheet`;
-    link.href = _href;
-    link.onload = _ => {
-        g_loadObj[baseUrl] = true;
-        _func();
-    };
-    link.onerror = _ => {
-        makeWarningWindow(g_msgInfoObj.E_0041.split(`{0}`).join(baseUrl), { resetFlg: `title` });
-        _func();
-    };
-    document.head.appendChild(link);
-}
-
-/**
- * js, cssファイルの連続読込 (callback)
- * @deprecated v27以降非推奨
- * @param {number} _j 
- * @param {array} _fileData 
- * @param {string} _loadType
- * @param {function} _afterFunc 
- */
-function loadMultipleFiles(_j, _fileData, _loadType, _afterFunc = _ => true) {
-    if (_j < _fileData.length) {
-        const filePath = `${_fileData[_j][1]}${_fileData[_j][0]}?${new Date().getTime()}`;
-        if (_fileData[_j][0].endsWith(`.css`)) {
-            _loadType = `css`;
-        }
-
-        // jsファイル、cssファイルにより呼び出す関数を切替
-        if (_loadType === `js`) {
-            loadScript(filePath, _ =>
-                loadMultipleFiles(_j + 1, _fileData, _loadType, _afterFunc), false);
-        } else if (_loadType === `css`) {
-            const cssPath = filePath.split(`.js`).join(`.css`);
-            importCssFile(cssPath, _ =>
-                loadMultipleFiles(_j + 1, _fileData, _loadType, _afterFunc));
-        }
-    } else {
-        _afterFunc();
-    }
-}