00.ionic4:index.html
差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン最新のリビジョン両方とも次のリビジョン | ||
00.ionic4:index.html [2019/02/10] – [Ionic4 メニュー] adash333 | 00.ionic4:index.html [2019/03/10] – [リンク20181224時点] adash333 | ||
---|---|---|---|
行 4: | 行 4: | ||
HTML、CSS、Javascriptと、Ionic特有の使い方を学べば、無料で動的ホームページ、Androidアプリ、iPhoneアプリを比較的簡単に作成することができます。 | HTML、CSS、Javascriptと、Ionic特有の使い方を学べば、無料で動的ホームページ、Androidアプリ、iPhoneアプリを比較的簡単に作成することができます。 | ||
- | iPhoneアプリ作成にはMacパソコンが必要です。私は現時点ではMacは持っていないので、このサイトでは、Windowsパソコンを用いて、WEBサイトを作成する経過のメモを記載させていただきたいと思います。 | + | iPhoneアプリ作成にはMacパソコンが必要です。私は現時点ではMacは持っていないので、このサイトでは、Windowsパソコンを用いて、WEBサイト(PWA化すればそのままAndroidアプリになります)を作成する経過のメモを記載させていただきたいと思います。 |
===== Ionic4 メニュー ===== | ===== Ionic4 メニュー ===== | ||
- | [[00.Ionic4:index.html|00.Ionic4: | + | [[00.ionic4:01.windowsでionicを始める方法|WindowsでIonicを始める方法]] |
- | [[00.ionic4: | + | [[00.ionic4: |
- | [[00.ionic4: | + | [[00.ionic4: |
+ | |||
+ | [[00.ionic4: | ||
+ | |||
+ | [[00.ionic4: | ||
<wrap hi> | <wrap hi> | ||
行 63: | 行 67: | ||
Ubuntuの | Ubuntuの | ||
</ | </ | ||
- | また、Windows10のVisualStudioCodeでC:/ | + | また、Windows10のVisualStudioCodeでC:/ |
UbuntuのBashを利用するときの注意点 | UbuntuのBashを利用するときの注意点 | ||
行 77: | 行 81: | ||
-VisualStudioCodeを開き、Ctrl+@でターミナル画面を開く | -VisualStudioCodeを開き、Ctrl+@でターミナル画面を開く | ||
-<wrap hi>npm install -g ionic cordova</ | -<wrap hi>npm install -g ionic cordova</ | ||
- | 後は、以下の、「Windows10で新規Ionic4アプリmyAppを作成」をご覧いただき、Ionic4アプリ作成へと続いてください。 | + | 後は、以下の、[[#Windows10で新規Ionic4アプリmyAppを作成]]をご覧いただき、Ionic4アプリ作成へと続いてください。 |
===== 今回構築する環境 ===== | ===== 今回構築する環境 ===== | ||
< | < | ||
行 102: | 行 106: | ||
{{: | {{: | ||
- | ===== Windows10で新規Ionic4アプリmyAppを作成 ===== | + | ===== Windows10で新規Ionic4アプリIonic4-PWAを作成 ===== |
*ターミナル画面で以下を入力し、新規Ionic4アプリを作成します。 | *ターミナル画面で以下を入力し、新規Ionic4アプリを作成します。 | ||
(私の場合は、c:/ | (私の場合は、c:/ | ||
行 110: | 行 114: | ||
インストールに数分かかります。なお、 | インストールに数分かかります。なお、 | ||
-<wrap hi> | -<wrap hi> | ||
- | -<wrap hi> | + | -<wrap hi> |
- | -<wrap hi>--type=angular</ | + | -'' |
- | を表しています。--typeは、今後、vueやreactが実装されるのかもしれません。 | + | を表しています。'' |
- | {{: | + | {{:00.ionic4: |
- | {{: | + | {{:00.ionic4: |
*途中、? Install the free Ionic Appflow SDK and connect your app? と聞かれるので、n + Enterを入力します。 | *途中、? Install the free Ionic Appflow SDK and connect your app? と聞かれるので、n + Enterを入力します。 | ||
{{: | {{: | ||
- | *次に作成したmyAppフォルダに移動して、ionic serveで開発用サーバを起動します。 | + | *次に作成したIonic4-pwaフォルダに移動して、ionic serveで開発用サーバを起動します。 |
< | < | ||
- | cd myApp | + | cd Ionic4-pwa |
ionic serve | ionic serve | ||
</ | </ | ||
行 125: | 行 130: | ||
{{: | {{: | ||
{{: | {{: | ||
- | *サーバを停止するには、Ctrl+Cを押します。 | + | *サーバを停止するには、Ctrl+Cを押します(Windowsであれば、さらに、y + Enter)。 |
{{: | {{: | ||
行 132: | 行 137: | ||
GitHubはフリープランではシークレットレポジトリが1個しか作れないので、慣れたらBitbucket(フリープランでもシークレットリポジトリがたくさん作れます)でやるのがよいかもしれません。 | GitHubはフリープランではシークレットレポジトリが1個しか作れないので、慣れたらBitbucket(フリープランでもシークレットリポジトリがたくさん作れます)でやるのがよいかもしれません。 | ||
- | GitHubアカウント作成済みとします。(無料です。) | + | GitHubアカウントは作成済みとします。(無料です。) |
GitHubにログインして、" | GitHubにログインして、" | ||
行 194: | 行 199: | ||
- | ===== リンク20181224時点 | + | ===== リンク ===== |
+ | |||
https:// | https:// | ||
行 231: | 行 238: | ||
http:// | http:// | ||
+ | |||
+ | |||
+ | ===== Ionic4のお勧めの本 ===== | ||
+ | 2019年2月現在、Ionic4の本は以下の一冊のみです。初めての人でも、パスワード制限つき掲示板を作れるように、丁寧に解説されていてお勧めです。腰をすえてやるのなら、ぜひ、次にご紹介するIonic3の本も一緒に読んでいただくことをお勧めします。 | ||
+ | |||
+ | < | ||
+ | <iframe style=" | ||
+ | </ | ||
行 240: | 行 255: | ||
===== リンク ===== | ===== リンク ===== | ||
- | 目次: | + | 目次:[[00.ionic4: |
- | 次: | + | 次:[[00.ionic4: |
00.ionic4/index.html.txt · 最終更新: 2019/08/28 by adash333