UCJ-FiveM/qb-scoreboard-Optimized-Edition
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
多数の犯罪を使用しているサーバー向けに最適化されたqb-scoreboard の改変版です。
1 Commit 1 Branch 0 Tags 50 KiB
Lua 36.5%
HTML 32.4%
CSS 18.3%
JavaScript 12.8%
d4f5e94612
Go to file
uttili d4f5e94612 README.md
2025-11-12 08:34:01 +00:00
README.md README.md 2025-11-12 08:34:01 +00:00

README.md

QBCore Scoreboard - 最適化版

たくさんの犯罪を使っているサーバー向けに最適化された qbcore-framework/qb-scoreboard の改変版です。

これはオリジナルのQBCore Scoreboardを改変したバージョンで、多くのアクティブなイベントや表示情報を持つサーバー向けに最適化されています。UIをよりコンパクトで効率的にしました。

📝 改変内容

変更されたファイル

  • html/app.js - close関数の動作を変更
  • html/style.css - コンパクト表示のためのUI最適化
  • html/ui.html - CSSとJavaScriptをインライン化、外部ファイル参照を削除

詳細な変更点

html/app.js

  • 39行目: close関数内のscoreboard.style.displayを"none"から"flex"に変更

html/style.css

  • 75行目: margin-top: 30vhを5vhに変更 - スコアボードの位置を上部に移動
  • 75-78行目: max-height: 90vh、display: flex、flex-direction: columnを追加 - レイアウト構造の改善
  • 95-97行目: .scoreboard-infoにoverflow-y: autoとflex: 1を追加 - 長いリストのスクロールを有効化
  • 82行目: padding: 1.5vhを1vhに変更 - ヘッダーの余白を削減
  • 88行目: font-size: 2.5vhを2vhに変更 - ヘッダーのフォントサイズを縮小
  • 101行目: height: 4.25vhを3.8vhに変更 - 行の高さを削減
  • 104行目: padding: 0 2.7vhを0 1.9vhに変更 - 横方向の余白を削減
  • 110行目: font-size: 1.3vhを1.2vhに変更 - フォントサイズを縮小
  • 111行目: letter-spacing: 0.1vhを0.05vhに変更 - 文字間隔を削減
  • 112行目: font-weight: 700を600に変更 - フォントの太さをやや軽く
  • 113行目: line-height: 1.1を追加 - 行間を狭く
  • 125行目: font-size: 1.3vhを1.2vhに変更 - ステータスフォントを縮小
  • 127-137行目: より良いUXのためのカスタムスクロールバースタイリングを追加

html/ui.html

  • CSSとJavaScriptをHTMLファイルに直接埋め込み
  • 外部ファイル参照を削除（<link rel="stylesheet" href="style.css" />と<script src="app.js"></script>）
  • style.cssとapp.jsからのすべての変更を統合

最適化の概要

✅ UI要素のサイズを20%削減（パディング、マージン、フォントサイズ）
✅ スクロール可能なコンテンツエリア - 多くのステータス項目を持つサーバー向け
✅ 画面上部への配置 - 上部から30vhから5vhに移動
✅ 単一ファイルでのデプロイ - ui.htmlにCSS/JSをインライン化
✅ カスタムスクロールバー - より良い視覚的統合

📦 インストール方法

オリジナルのQBCore Scoreboardと同じです。qb-scoreboardリソースフォルダ内のファイルを置き換えるだけです。

  1. サーバーを停止
  2. htmlフォルダの内容を改変版ファイルに置き換え
  3. サーバーを起動

🖼️ プレビュー

スコアボードはよりコンパクトになり、画面の上部に配置されるようになりました。これにより、多くのステータス情報を表示する必要があるサーバーでも、プレイヤーの視界を妨げることなく、多数の項目を表示できます。

📄 オリジナルプロジェクト

これは以下のプロジェクトの改変版です：

  • オリジナルリポジトリ: qbcore-framework/qb-scoreboard
  • オリジナル作者: QBCore Framework
  • オリジナルライセンス: GNU General Public License v3.0

📜 ライセンス

改変者: uttili (2025)
改変部分もGPLv3の下でライセンスされています

QBCore Framework
Copyright (C) 2021 Joshua Eger

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <https://www.gnu.org/licenses/>

Issued: Nov 12, 2025

⚠️ 免責事項

この改変版は「現状のまま」提供され、いかなる種類の保証もありません。使用は自己責任で行ってください。

© 2025 uttili | GPLv3ライセンスの下で改変