13,009
回編集
「インストール - Ionic」の版間の差分
ナビゲーションに移動
検索に移動
→Ionicのインストール
(ページの作成:「== 概要 == Ionicは、HTML、CSS、JavaScriptを使用してクロスプラットフォームのモバイルアプリケーションを開発するためのオープンソースフレームワークである。<br> 2013年にDrifty社 (現Ionic) によって開発が開始され、現在も活発に開発が続けられている。<br> <br> IonicはWebの標準技術をベースにしながら、ネイティブアプリのような見た目と操作感を実現で…」) |
|||
| 85行目: | 85行目: | ||
プロジェクトの作成において、Frameworkおよびテンプレートの種類 (blank / tabs / sidemenu) についての質問がある。<br> | プロジェクトの作成において、Frameworkおよびテンプレートの種類 (blank / tabs / sidemenu) についての質問がある。<br> | ||
* フレームワーク | * フレームワーク | ||
*: Anguler / React / | *: Anguler / React / Vue | ||
* テンプレートの種類 | * テンプレートの種類 | ||
*: blank / | *: tabs / sidemenu / blank / list / my-first-app | ||
* コンポーネントの選択 | |||
*: StandaloneコンポーネントはAngularの新しいビルド方法であり、アプリケーションのビルド方法を簡素化する。 | |||
*: Standalone / NgModules | |||
<br> | <br> | ||
==== Ionicの起動 ==== | |||
作成したプロジェクトに移動する。<br> | 作成したプロジェクトに移動する。<br> | ||
cd <プロジェクト名> | cd <プロジェクト名> | ||
<br> | <br> | ||
プロジェクトを起動する。<br> | プロジェクトを起動する。<br> | ||
組み込まれているWebサーバが http://localhost: | 組み込まれているWebサーバが http://localhost:8100 として起動する。<br> | ||
ionic serve | ionic serve | ||
# または | # または | ||
npx ionic serve | npx ionic serve | ||
<br> | |||
==== 警告およびエラー ==== | |||
===== 警告 : ionic serveコマンド ===== | |||
以下に示すような警告が出力される場合がある。<br> | |||
[ng] ▲ [WARNING] Unable to initialize JavaScript cache storage. [plugin angular-compiler] | |||
[ng] Cannot find module 'lmdb' | |||
[ng] This will not affect the build output content but may result in slower builds. | |||
[ng] ▲ [WARNING] Unable to initialize JavaScript cache storage. [plugin angular-compiler] | |||
[ng] Cannot find module 'lmdb' | |||
<br> | |||
この警告は、AngularのコンパイラプラグインがJavaScriptのキャッシュストレージを初期化できないことを示している。<br> | |||
lmdb (Lightning Memory-Mapped Database) モジュールが見つからないことが原因である。<br> | |||
<br> | |||
llmdをインストールすることにより、警告を解消することができる。<br> | |||
ただし、この警告は無視しても実際のアプリケーションの動作には影響しないため、ビルド時間が気にならない場合は対応は必須ではない。<br> | |||
もし、開発環境でのビルド時間を最適化する場合にのみ、lldbをインストールする。<br> | |||
npm install lmdb | |||
<br><br> | <br><br> | ||