114 lines
4.9 KiB
Markdown
114 lines
4.9 KiB
Markdown
# QBCore Scoreboard - 最適化版
|
||
|
||
**たくさんの犯罪を使っているサーバー向けに最適化された [qbcore-framework/qb-scoreboard](https://github.com/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](https://github.com/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
|
||
- Author: uttili
|
||
- Contact: https://uttili.com/contact
|
||
- Uttili Cyber Journal
|
||
|
||
---
|
||
|
||
## ⚠️ 免責事項
|
||
|
||
この改変版は「現状のまま」提供され、いかなる種類の保証もありません。使用は自己責任で行ってください。
|
||
|
||
---
|
||
|
||
© 2025 uttili | GPLv3ライセンスの下で改変 |