ionic4:index.html
差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン次のリビジョン両方とも次のリビジョン | ||
ionic4:index.html [2018/12/24] – [開発環境] adash333 | ionic4:index.html [2019/02/10] – [Ionic4 メニュー] adash333 | ||
---|---|---|---|
行 1: | 行 1: | ||
- | ===== スマホ用ホームページ& | + | ====== スマホ用ホームページ& |
IonicというJavascript+CSSフレームワークを用いると、スマホ用サイト、スマホアプリを比較的容易に作成することができるようになります。(Ionicはパソコン用サイト作成には向きません。) | IonicというJavascript+CSSフレームワークを用いると、スマホ用サイト、スマホアプリを比較的容易に作成することができるようになります。(Ionicはパソコン用サイト作成には向きません。) | ||
- | 2019年1月にVersion3から、Version4へ移行する予定ですので、すぐにアプリを作成するならIonic3ですが、将来性を考えるのであれば、Ionic4が良いと思います。 | + | 2019年1月にVersion4がリリースされました。 |
+ | ===== Ionic4 メニュー ===== | ||
+ | |||
+ | [[00.Ionic4: | ||
+ | ===== Ionic4のメリット ===== | ||
Ionic4のメリットとしては、以下のことが挙げられます。 | Ionic4のメリットとしては、以下のことが挙げられます。 | ||
-スマホ用WEBページが作りやすい | -スマホ用WEBページが作りやすい | ||
行 13: | 行 17: | ||
このサイトでは、Ionic4について勉強したことを順次記載していきたいと思います。 | このサイトでは、Ionic4について勉強したことを順次記載していきたいと思います。 | ||
- | ==== Ionicと他のJavascriptフレームワークの比較 ==== | + | ===== Ionicと他のJavascriptフレームワークの比較 |
2018年現在、Javascriptフロントエンドフレームワークと言えば、 | 2018年現在、Javascriptフロントエンドフレームワークと言えば、 | ||
-Angular | -Angular | ||
行 160: | 行 164: | ||
*次のように表示されます。スマホ用サイトなので、パソコンで見るときは、縦長にする感じになります。。。 | *次のように表示されます。スマホ用サイトなので、パソコンで見るときは、縦長にする感じになります。。。 | ||
{{: | {{: | ||
+ | |||
+ | 以上で、Ionic4アプリの新規作成とNetlifyへのデプロイをすることができました。 | ||
+ | |||
+ | ソースコード | ||
+ | https:// | ||
+ | |||
+ | できたもの | ||
+ | https:// | ||
+ | |||
行 192: | 行 205: | ||
2018年12月20日に投稿 | 2018年12月20日に投稿 | ||
Ionic 4 / Angular で PWA | Ionic 4 / Angular で PWA | ||
+ | |||
+ | https:// | ||
+ | Your First Ionic App - Framework v4 | ||
===== Ionic3のお勧めの本 ===== | ===== Ionic3のお勧めの本 ===== | ||
行 198: | 行 214: | ||
<iframe style=" | <iframe style=" | ||
</ | </ | ||
+ | |||
+ | ===== リンク ===== | ||
+ | 目次: | ||
+ | |||
+ | 次: | ||