サルでもわかるWEBプログラミング

フリーソフトのみでホームページ作成

現在位置: index.html » 00.ionic5 » 01.ionic5での変更点

トレース:

00.ionic5:01.ionic5での変更点

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- 00.ionic5:01.ionic5での変更点 [2020/03/28] – [01. Ionic5での変更点] adash333
+++ 00.ionic5:01.ionic5での変更点 [2020/04/02] (現在) – [“ion-header”と“ion-content”の挙動もIonic4までと異なる？] adash333
@@ 行 9: / 行 9: @@
   -最初の環境構築でnpm install -g @ionic/cli native-run cordova-res　が必要
   -アプリ作成時にionic startだけで対話的に始められるようになった
-  -デフォルトのまま作成すると、全体的に黒い画面になる（Ionic4までは白い画面だった）
+  -デフォルトのまま作成すると、『自分のパソコンやChromeをdarkモードに設定している人には』全体的に黒い画面になる
   -Netlifyへのデプロイコマンドの変更とその他のポイント
   -"ion-header"と"ion-content"の挙動もIonic4までと異なる？
@@ 行 34: / 行 34: @@
 なお、新規アプリ作成に5分くらいかかり、また、アプリ全体の大きさはデフォルトでも約500MBもあります。
-===== デフォルトのまま作成すると、全体的に黒い画面になる =====
+===== デフォルトのまま作成すると、『自分のパソコンやChromeをdarkモードに設定している人には』全体的に黒い画面になる =====
-Ionic4までは、デフォルトの画面は白い画面でしたが、なぜか、真っ黒になりました。
+Ionic4までは、自分のパソコンやChromeを『darkモード』にしている人にもデフォルトの画面は白い画面でしたが、Ionic5以降は、darkモードの人には黒い画面になります。
 ionic startの後、以下のように選びます。
@@ 行 50: / 行 50: @@
 ionic serve
 </code>
-すると、以下のような真っ黒な画面が出てきます。（Ionic4までは真っ白な画面でした。）
+すると、以下のような真っ黒な画面が出てきます。（私は、Windows10の設定でdarkモードに設定しているので、黒い画面になります。darkモードでも、Ionic4までは真っ白な画面でした。特にパソコンをdarkモードにしていない人には、今まで通り、白い画面で見えます。）
 {{:00.ionic5:pasted:20200328-101600.png}}
+参考：[[https://www.atmarkit.co.jp/ait/articles/1912/19/news028.html|Chromeを「ダークモード」に切り替えて省電力や眼の負担軽減（Windows／Mac編） 2019年12月19日]]
 ===== Netlifyへのデプロイコマンドの変更とその他のポイント =====
@@ 行 96: / 行 97: @@
+===== “ion-header”と“ion-content”の挙動もIonic4までと異なる？ =====
+ionic startコマンドで、上記のように、
+Starter templateでblankを選択してアプリを作成すると、
+は以下のように、ion-headerが2箇所も記載されています。
+<code>
+test
+</code>
+===== Ionic5の変更点に関するリンク =====
+https://note.com/rdlabo/n/n321f3d0c9b68
+[翻訳]Ionic5がやってきた。Gifアニメーションつきで最新のWebモバイルUIフレームワークを紹介！
+榊原昌彦
+/02/16 02:54

00.ionic5/01.ionic5での変更点.1585393956.txt.gz · 最終更新: 2020/03/28 by adash333