CoreUI は、UX を大きく変えることを目的としています。純粋で透過的なコードには冗長なコンポーネントが含まれていないため、アプリは軽量で究極のユーザー エクスペリエンスを提供します。これは、モバイル デバイスでも、デスクトップやラップトップと同様に簡単かつ直感的にナビゲーションできることを意味します。 CoreUI Layout API を使用すると、モバイル、Web、WebApp など、ほぼすべてのデバイス向けにプロジェクトをカスタマイズできます。CoreUI はそれらすべてをカバーします。
デフォルトのテーマ | ライトテーマ |
---|---|
モダンなテーマ | 明るいテーマ |
---|---|
git clone https://github.com/coreui/coreui-free-angular-admin-template.git
始める前に、開発環境にNode.js®
とnpm
パッケージ マネージャーが含まれていることを確認してください。
Angular 19 には、 Node.js
LTS バージョン^18.19.1
または^20.11.1
が必要です。
node -v
を実行します。Node.js
入手するには、nodejs.org にアクセスしてください。 ターミナル/コンソール ウィンドウを使用して、Angular CLI をグローバルにインストールします。
npm install -g @angular/cli
$ npm install
$ npm update
# dev server with hot reload at http://localhost:4200
$ npm start
http://localhost:4200 に移動します。ソース ファイルを変更すると、アプリは自動的にリロードされます。
build
実行してプロジェクトをビルドします。ビルド アーティファクトはdist/
ディレクトリに保存されます。
# build for production with minification
$ npm run build
ダウンロード内には、次のディレクトリとファイルがあり、共通のアセットを論理的にグループ化し、コンパイルされたバージョンと縮小されたバージョンの両方を提供します。次のようなものが表示されます。
coreui-free-angular-admin-template
├── src/ # project root
│ ├── app/ # main app directory
| │ ├── icons/ # icons set for the app
| │ ├── layout/ # layout
| | │ └── default-layout/ # layout components
| | | └── _nav.js # sidebar navigation config
| │ └── views/ # application views
│ ├── assets/ # images, icons, etc.
│ ├── components/ # components for demo only
│ ├── scss/ # scss styles
│ └── index.html # html template
│
├── angular.json
├── README.md
└── package.json
CoreUI Admin Template のドキュメントは、当社の Web サイト CoreUI for Angular でホストされています。
このプロジェクトは、Angular CLI バージョン 18.0.0 で生成されました。
リリース サイクルの透明性を確保し、下位互換性を維持するために、CoreUI Free Admin Template はセマンティック バージョニング ガイドラインに基づいて維持されています。
各リリース バージョンの変更ログについては、プロジェクトの「リリース」セクションを参照してください。
開発サーバーに対してng serve
実行します。 http://localhost:4200/
に移動します。ソース ファイルを変更すると、アプリは自動的にリロードされます。
ng generate component component-name
実行して、新しいコンポーネントを生成します。 ng generate directive|pipe|service|class|guard|interface|enum|module
使用することもできます。
ng build
実行してプロジェクトをビルドします。ビルド アーティファクトはdist/
ディレクトリに保存されます。
Karma 経由で単体テストを実行するには、 ng test
実行します。
ng e2e
実行して、選択したプラットフォーム経由でエンドツーエンドのテストを実行します。このコマンドを使用するには、まずエンドツーエンドのテスト機能を実装するパッケージを追加する必要があります。
Angular CLI に関する詳細なヘルプを取得するには、 ng help
を使用するか、Angular CLI の概要とコマンド リファレンスのページを確認してください。
ウカシュ・ホレチェク
CoreUIチーム
CoreUI の開発に関する最新情報を入手し、プロジェクトのメンテナーやコミュニティ メンバーとチャットしましょう。
CoreUI は MIT ライセンスのオープンソース プロジェクトであり、完全に無料で使用できます。ただし、プロジェクトの新機能の維持と開発に必要な労力は、適切な財政的裏付けがなければ持続可能ではありません。 CoreUI PRO を購入するか、Open Collective を通じてスポンサーになることで、開発をサポートできます。
プラチナ スポンサーになってこのプロジェクトを支援してください。大きな会社ロゴが Web サイトへのリンクとともにここに追加されます。
ゴールド スポンサーになってこのプロジェクトを支援してください。大きな会社のロゴが Web サイトへのリンクとともにここに追加されます。
シルバー スポンサーになってこのプロジェクトをサポートしてください。中規模の会社のロゴが Web サイトへのリンクとともにここに追加されます。
ブロンズ スポンサーになってこのプロジェクトをサポートしてください。会社のアバターが OpenCollective プロフィールへのリンクとともにここに表示されます。
後援者とスポンサーの皆様に感謝します!後援者になってこのプロジェクトを支援してください。
copyright 2024 CreativeLabs Łukasz Holeczek.
コードは MIT ライセンスに基づいてリリースされています。 CoreUI をストックとして再配布できないという制限が 1 つだけあります。 CoreUI を変更した場合、これを行うことはできません。過去に、CoreUI ベースのテンプレートを販売しようとする人々との間でいくつかの問題に直面しました。