├── .idea └── ionic-handbook.iml ├── README.md └── image ├── androidstudio_footer_loading.ai ├── androidstudio_footer_loading.png └── androidstudio_install.png /.idea/ionic-handbook.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Ionic Frameworkでつくる モバイルアプリ開発入門 2 | 書籍[「Ionicで作る モバイルアプリ制作入門〈Web/iPhone/Android対応〉](http://amzn.to/2mstNnh)」のサポートページです。著者と[Ionic Japan User Group](https://t.co/K9slM8tvi8)にて運営を行っております。 3 | 4 | ## コマンドの変更 5 | Ionicの現行バージョンがv4となりました（2019年1月末〜）。本書はv3について取り扱っておりますので、コマンドが変更になります。本書内にあります 6 | 7 | ``` 8 | $ ionic start 9 | ``` 10 | 11 | はすべて以下のようにオプションが必要になりました。 12 | 13 | ``` 14 | $ ionic start --type=ionic-angular 15 | ``` 16 | 17 | 18 | ### P32 下部 19 | ``` 20 | import { HttpClient } from '@angular/common/http'; => 削除 21 | ``` 22 | 23 | ### P93 上部 24 | ``` 25 | $ ionic start wp-tutorial => $ ionic start wp-tutorial --type=ionic-angular 26 | ``` 27 | 28 | ### P132 上部 29 | ``` 30 | $ ionic start native-tutorial => $ ionic start native-tutorial --type=ionic-angular 31 | ``` 32 | 33 | 34 | と読み替えいただきますようお願い申し上げます。 35 | 36 | ## サポートチャンネル 37 | Ionic Japan User Groupのslack #ionic-handbook でサポートを行っております。なぜかうまく動かない、よくわからない、ということありましたら挫折する前にぜひご利用くださいませー。 38 | 39 | [Ionic Japan User Groupのslack](https://t.co/K9slM8tvi8) 40 | 41 | ## チュートリアル 42 | 本書のチュートリアルは、以下のレポジトリでステップ別に公開しています。なぜか動かない時などにご利用下さい。 43 | - [チュートリアル「タスクリストアプリをつくってみよう」](https://github.com/Ionic-jp/ionic-tutorial) 44 | - [チュートリアル「WordPressを表示するアプリをつくろう」](https://github.com/Ionic-jp/wp-tutorial) 45 | - [チュートリアル「コードリファクタリング」](https://github.com/Ionic-jp/rf-tutorial) 46 | - [チュートリアル「スマホアプリの機能をつけよう」](https://github.com/Ionic-jp/native-tutorial) 47 | 48 | ## スマホでの実行がうまくいかない場合 49 | ### Xcodeがうまくいかない方 50 | #### `io.ionic.starter ~` とエラーがでる場合 51 | P44 の最終行で案内していますように「io.ionic.starter」 と設定されている `Bundle identifier`を変更してください。同一IDで実行している人がいてエラーがでているので、`starter`を適当な文字列に変更ください。 52 | 53 | なお、CHAPTER06 チュートリアル「スマホアプリの機能をつけよう」では、必ず `Bundle identifier`はXcodeではなく、config.xmlから変更ください（2行目の`id`がそれに該当します）。 54 | 55 | ### Android Studioがうまくいかない方 56 | #### `Failed find Build Tools revision ~`とエラーがでる 57 | Android Studioのビルドツールがない/バージョンが古ければ表示されます。エラー表示上のリンクをクリックして、ビルドツールをインストールください。 58 | 59 | ![Android Studioのロード中表示](image/androidstudio_install.png) 60 | 61 | #### ▶ が有効にならない 62 | 多くの場合はファイル読み込みに時間がかかっています。最下部のバーが`Run selected configuration`になるまでお待ち下さい。 63 | 64 | ![Android Studioのロード中表示](image/androidstudio_footer_loading.png) 65 | 66 | #### エミュレーターが選択できない 67 | Android Studioインストール直後は、バーチャルデバイスデータがないのでダウンロードする必要があります。▶をクリックして起動したモーダル右下の「Create New Vitual Device」を選択して起動したいバーチャルデバイスを選択し、バーチャルデバイスデータをDLしてください（時間がかかります） 68 | 69 | ## 本書での誤字・誤植 70 | 誤字・誤植についてご案内いたします。「間違った記述もしくはチュートリアルを進めることができないもの」は *致命的な誤字誤植* 、 そうでないものを *その他の誤字誤植* として案内しております。 71 | 72 | ### 致命的な誤字誤植 73 | - 現在ありません 74 | 75 | ### その他の誤字誤植 76 | CHAPTER05で誤字誤植がございます。大変申し訳ございません。なお、作業行には影響ありませんので、チュートリアルは問題なく進めていただくことができます。 77 | 78 | #### CHAPTER05 79 | 80 | ##### P110 中部 SAMPLE CODE `src/pages/home/home.ts` 81 | `constructor` で呼び出していたモジュール名が間違って表記されている。 82 | 83 | ``` 84 | public http: Http, => public http: HttpClient, 85 | ``` 86 | 87 | 88 | ##### P119 下部 SAMPLE CODE `src/pages/home/home.ts` 89 | 前の手順と `import` の呼び出し順が逆になって表記されている。 90 | 91 | ``` 92 | import { IonicPage, NavController, LoadingController, Platform } from 'ionic-angular'; => 下 93 | - import { HttpClient } from '@angular/common/http'; => 上 94 | ``` 95 | 96 | 97 | ##### P122 下部 SAMPLE CODE `src/pages/home/home.ts` 98 | 前の手順で削除した `HttpClient` の表記が残っている / `Platform` の追加が消えている 99 | 100 | ``` 101 | import { HttpClient } from '@angular/common/http'; => 削除 102 | import { IonicPage, NavController, LoadingController, Platform } from 'ionic-angular'; => Platformの追加 103 | ``` 104 | 105 | ##### P123 中部 SAMPLE CODE `src/pages/article/article.ts` 106 | 前の手順で削除した `HttpClient` の表記が残っている 107 | 108 | ``` 109 | import { HttpClient } from '@angular/common/http'; => 削除 110 | ``` 111 | 112 | #### CHAPTER05 113 | 114 | #### P130 SAMPLE CODE `src/config.xml` 115 | ファイルパスの間違え。 116 | 117 | ``` 118 | src/config.xml => config.xml （Ionicプロジェクト直下） 119 | ``` 120 | 121 | ### CHAPTER08 122 | 123 | #### P174 上部 124 | 誤字。 125 | 126 | ``` 127 | C++で書くXamarin　=> C#で書くXamarin 128 | ``` 129 | -------------------------------------------------------------------------------- /image/androidstudio_footer_loading.ai: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ionic-jp/handbook/d0fe598fbd440da02a1665345324fdcef79d21ad/image/androidstudio_footer_loading.ai -------------------------------------------------------------------------------- /image/androidstudio_footer_loading.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ionic-jp/handbook/d0fe598fbd440da02a1665345324fdcef79d21ad/image/androidstudio_footer_loading.png -------------------------------------------------------------------------------- /image/androidstudio_install.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ionic-jp/handbook/d0fe598fbd440da02a1665345324fdcef79d21ad/image/androidstudio_install.png --------------------------------------------------------------------------------