celeris web
1.0.0
Celeris Web は、Vue 3、Vite、TypeScript などの最新テクノロジを利用する、無料のオープンソース フロントエンド開発フレームワークです。モノリポジトリのアプローチにより、依存関係の管理と複数のプロジェクトでの共同作業が容易になり、開発者に最新の Web アプリケーションを構築するための包括的なソリューションを提供します。
経験豊富な開発者であっても、初心者であっても、Celeris Web は最新のツールと技術を活用した合理化されたフロントエンド開発プロセスを提供します。
今すぐ celeris-web を使い始めて、最先端の自然言語処理機能などの最新テクノロジーの力を活用する、高度に合理化されたフロントエンド開発プロセスを体験してください。
グラフTD
管理者{管理者}
管理者 --> 管理者 API
管理者 --> アセット
管理者 --> ca コンポーネント
管理 --> コンポーネント
管理者 --> 定数
管理者 --> ディレクティブ
管理者 --> フック
管理者 --> ロケール
管理者 --> リクエスト
管理者 --> スタイル
管理者 --> タイプ
管理者 --> ユーティリティ
資産
コンポーネント
コンポーネント --> アセット
コンポーネント --> ca コンポーネント
コンポーネント --> 定数
コンポーネント --> スタイル
コンポーネント --> タイプ
コンポーネント --> ユーティリティ
caコンポーネント
ca コンポーネント --> 定数
ca コンポーネント --> ユーティリティ
指令
ディレクティブ --> ユーティリティ
フック
フック --> タイプ
ロケール
ロケール --> 定数
ロケール --> タイプ
ロケール --> ユーティリティ
リクエスト
リクエスト --> 定数
リクエスト --> ロケール
リクエスト --> タイプ
リクエスト --> ユーティリティ
種類
型 --> 定数
ユーティリティ
ユーティリティ --> タイプ
管理者API
管理API --> 定数
管理-API --> タイプ
上の図を更新するには、README ファイルを編集し、変更を加えた新しい PR を開きます。
Celeris Web の設計では、コードの読みやすさと学習しやすさを重視しています。これを実現するために、各関数には中国語と英語の二か国語コメントが装備されており、開発者が母国語に関係なくコードを簡単に理解し、学習できるようにしています。
バイリンガルのコメントを選択する理由
グローバル コラボレーション:多文化チームでは、バイリンガルのコメントによりコミュニケーションとコラボレーションが促進され、チーム メンバーがコードの機能と実装を正確に理解できるようになります。
便利な学習:初心者にとって、バイリンガルのコメントはよりユーザーフレンドリーな学習環境を提供し、コードのロジックと構造を素早く理解するのに役立ちます。
開発者に優しい:私たちは開発者に優しい環境を作ることに尽力しており、バイリンガルのコメントはこの目標を達成するために講じた重要な手段です。
例：
/**
* 打开一个新的浏览器窗口
* Open a new browser window
*
* @param {string} url - 要在新窗口中打开的 URL
* The URL to open in the new window
*
* @param {object} options - 打开窗口的选项
* Options for opening the window
* @param {string} options.target - 新窗口的名称或特殊选项，默认为 "_blank"
* @param {string} options.features - 新窗口的特性（大小，位置等），默认为 "noopener=yes,noreferrer=yes"
*/
export function openWindow ( url : string , { target = "_blank" , features = "noopener=yes,noreferrer=yes" } : {
target ?: "_blank" | "_self" | "_parent" | "_top" ; // 新窗口的名称或特殊选项，默认为 "_blank"
features ?: string ; // 新窗口的特性（大小，位置等），默认为 "noopener=yes,noreferrer=yes"
} = { } ) {
window . open ( url , target , features ) ;
}これらのバイリンガルのコメントを通じて、開発者により楽しく効率的なコーディング エクスペリエンスを提供し、Celeris Web を非常に簡単に手に取って理解できるフロントエンド テンプレートにすることを目指しています。
1. より簡単な依存関係管理: Monorepo はすべてのプロジェクトの依存関係の管理を一元化し、異なるプロジェクト間のバージョンの競合を回避し、全体的な依存関係管理をより明確かつシンプルにします。
2. コードの共有と再利用性:さまざまなプロジェクトでコードを簡単に共有および再利用できるため、冗長な開発の作業負荷が軽減されます。これは、コードの一貫性を維持し、開発効率を向上させるのに非常に有益です。
3. 統合されたビルドとデプロイメント: Monorepo は、統合されたビルドとデプロイメントのワークフローを通じて開発プロセス全体を簡素化し、構成と管理の複雑さを軽減し、開発チーム内のコラボレーション効率を高めます。
4. 統合バージョン管理:すべてのプロジェクトが同じバージョン管理リポジトリにあるため、バージョン管理の一貫性が高まり、制御しやすくなります。これにより、チームはバージョン関連の問題をより適切に追跡し、処理できるようになります。 Monorepo の設計では、Celeris Web を管理システム テンプレートとしてだけでなく、C エンド製品を迅速に開発するためのフロントエンド Web テンプレートとしても位置づけています。 Celeris Web を使用すると、フロントエンド開発の旅がさらにリラックスして楽しくなります。
市場では、ほとんどのフロントエンド テンプレートは主に B エンド ユーザーのニーズに応え、エンタープライズ管理システム (管理者) に強力な機能と柔軟なインターフェイスを提供します。ただし、設計において C エンド製品の特性を考慮したテンプレートはほとんどありません。ここが Celeris Web の革新的な点です。
管理者管理の限界を突破:
従来の管理管理システムはデータ表示とビジネス管理を優先するのに対し、C エンド製品はユーザー エクスペリエンスと視覚的な魅力を重視します。 Celeris Web は、見た目の美しいインターフェイスとスムーズなインタラクションに対する C エンド ユーザーの要求を認識し、堅牢なバックエンド管理機能を提供するだけでなく、フロントエンド インターフェイスをより高いレベルのユーザー満足度に高めることにも重点を置いています。
C エンド ユーザー エクスペリエンスに焦点を当てる:
Celeris Web は、管理システム用の単なるテンプレートではありません。これは、C エンド製品のユーザー エクスペリエンスを優先するフロントエンド Web テンプレートです。私たちは、革新的な設計原則を導入することで従来の管理システムの制約から解放され、フロントエンドに表示される C エンド製品が優れたユーザー エクスペリエンスを提供できるようにすることを目指しています。
注目の機能:
このユニークな設計哲学により、Celeris Web はフロントエンド開発の新たな可能性を探求し、C エンド製品により多くの活力と創造性を注入するよう努めています。このようなイノベーションが広くユーザーに認知され、製品価値の向上に貢献できると考えています。 Celeris Web の世界では、フロントエンド開発は管理システムの範囲を超え、ユーザー エクスペリエンスに関連するよりエキサイティングな要素を組み込んでいます。
GitHub 上でこのテンプレートからリポジトリを作成します。
npx degit kirklin/celeris-web my-vite-app
cd my-vite-app
pnpm ihttp://localhost:8888 を実行してアクセスしてください。
pnpm run devアプリをビルドするには、次のコマンドを実行します。
pnpm run buildそして、生成されたファイルがdistに表示され、提供できる状態になります。
Netlify に移動してクローンを選択し、 OKクリックすると、1 分以内にアプリが公開されます。
まず、プロジェクトのルート ディレクトリでターミナルを開いて、celeris-web イメージをビルドします。
docker buildx build . -t celeris-web:latestイメージを実行し、 -pフラグを使用してポート マッピングを指定します。
docker run --rm -it -p 8080:80 celeris-web:latest
