README.md
This commit is contained in:
commit
d4f5e94612
114
README.md
Normal file
114
README.md
Normal file
@ -0,0 +1,114 @@
|
||||
# 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ライセンスの下で改変
|
||||
Loading…
Reference in New Issue
Block a user