Geeker Admin

🚀 Geeker プロジェクト説明

Geeker プロジェクトは、高性能で開発しやすいアプリケーションを構築するためのフレームワークです。このプロジェクトでは、最新の技術を活用し、開発者が効率的に開発できるように設計されています。

🚀 クイックスタート

Geeker プロジェクトをすぐに始めることができます。以下の手順に従って、プロジェクトをセットアップしてください。

📦 インストール

リポジトリのクローン

Git を使用してプロジェクトをダウンロードします。

git clone https://github.com/yourusername/geeker.git
cd geeker

依存関係のインストール

以下のコマンドを実行して、すべての依存パッケージをインストールします。

npm install

プロジェクトの起動

環境に応じて、以下のコマンドを使用してプロジェクトを起動します。

開発環境

npm run dev

プロジェクトは http://localhost:3000 で起動します。

テスト環境

npm run test

本番環境

npm run build

✨ 主な機能

コア機能

• コード分割：コンポーネントを必要に応じてロードし、パフォーマンスを向上させます。
• スタイル分離：CSS Modules を使用して、コンポーネントのスタイルを分離します。
• 状態管理：Pinia に基づくグローバル状態管理ソリューションを提供します。

開発規約

• コードスタイルを統一し、ESLint と Prettier の設定に従います。
• コンポーネント開発は Vue Best Practices に従います。

📚 ドキュメント

プロジェクト構造

geeker/
├── src/                 # ソースコードディレクトリ
│   ├── assets/          # 静的リソースフォルダ
│   ├── components/      # Vue コンポーネントライブラリ
│   ├── views/           # ビューコンポーネント
│   └── App.vue         # プロジェクトのメインコンポーネント
├── public/              # 公共ファイルディレクトリ（静的リソースなど）
├── package.json        # 依存関係管理ファイル
└── vite.config.ts      # Vite 設定ファイル

設定ガイド

環境変数の設定

対応する環境ファイルを作成します。

cp .env.example .env

Vite の設定

vite.config.ts ファイルを編集し、カスタム設定を追加します。

ドキュメント構造

.
├── CHANGELOG.md      # 更新履歴
├── README.md         # プロジェクト説明
├── LICENSE          # オープンソースライセンス
└── package.json     # 依存関係管理

🔧 技術詳細

ブラウザサポート

• 開発推奨：Chrome 最新版
• 本番サポート：最新のモダンブラウザ、IE はサポートされません

インターフェイス説明

プロジェクトのインターフェイスは Mock データを使用してシミュレートされており、以下のプラットフォームを使用しています。

• FastMock：https://www.fastmock.site
• EasyMock：https://mock.mengxuegu.com

📄 ライセンス

このプロジェクトは、特定のオープンソースライセンスの下で公開されています。詳細は LICENSE ファイルを参照してください。

交流方法

ウィーチャットグループ

下のQRコードをスキャンして、交流グループに参加してください。

寄付によるサポート

ご支援いただき、ありがとうございます！以下の方法でプロジェクトの発展を支援してください。

ウィーチャット支払い

支援する

下のQRコードをスキャンして寄付を行ってください。