commit d4f5e9461240c501b7d33b6de241825478cba3ba Author: uttili Date: Wed Nov 12 08:34:01 2025 +0000 README.md diff --git a/README.md b/README.md new file mode 100644 index 0000000..c374883 --- /dev/null +++ b/README.md @@ -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ファイルに直接埋め込み +- 外部ファイル参照を削除（``と``） +- 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 +``` + +--- + +Issued: Nov 12, 2025 +- Author: uttili +- Contact: https://uttili.com/contact +- Uttili Cyber Journal + +--- + +## ⚠️ 免責事項 + +この改変版は「現状のまま」提供され、いかなる種類の保証もありません。使用は自己責任で行ってください。 + +--- + +© 2025 uttili | GPLv3ライセンスの下で改変 \ No newline at end of file