ionicアプリを作る時、何見なくても良いように暗記すると良いでしょう。ionicの設定は選択形式で選んでいきますionicプロジェクトを作成する時に色々入力する必要は有りません。対話形式でプロジェクトの設定を決めていきます。対話形式の内容をリスト化しておきますね。SDKを使用するか必要な4項目を決めていくだけで作成が完了します。name:翻訳:あなたのアプリのフルネームを入力してください。これはいつでも変更できます。次回このプロンプトをバイパスして、イオン開始の最初の引数nameを指定します。プロジェクト名を決めてくださいってことですね。testProjectまず1回目なのでtestProjectと命名しました。start.翻訳:完璧なスターターテンプレートを選んでみましょう!スターターテンプレートは、すぐに使える即効性のあるイオニアアプリです。次回このプロンプトを無視するには、テンプレートを指定し、イオン開始の第二引数。ionicはhtmlタグとかあまり知らなくても最初から綺麗な見た目を実装してくれるすぐれものです。逆に、思い通りの見た目にしようとするとちょっと手間がかかります。storeで販売、ダウンロードすることもできます。storeはこちら今回は、初回なのでtutorialを選択しましょう。キーボードの十字で選択してください。tutorialEnterそれぞれのテンプレート機能と説明ここでそれぞれのテンプレートの簡単な解説をしておきましょう。tabsタブがついたテンプレートblankblank、まっさらなページのテンプレート。タブとか余計なものをつけず1から作りこむときに使ったりします。なれるとこちらの方が便利かもsidemenu文字通りサイドメニュー、ハンバーガーがついてるテンプレートsuperwebサイト作る時に便利かも。ログインがめんとかいろんな機能がモリモリ入っているテンプレート、モデル?tutorialチュートリアルに使われるテンプレート。あれってどうやって実装するんだっけ?と言う時に個別にインストールしてソース見たりできますawsamazonのAWS用に特化したテンプレート。Android?(y/N)ここは1回だけNを入力してenterしておきます。次回からですが、アプリ作成をするときにはyを選択してきます。Nにしておくとcordovaがインストールされないまま環境を構築します。(Y/n)nionicはSDKを提供しております。私は使ったことがありませんがビルドやデプロイをしやすくしてくれるSDKらしいですね。以上でプロジェクトの作成は終了となります。ここからは動作のテストを行いましょう動作テスト現在ターミナルは/home/ion/にいると思います。プロジェクトができているか見てみましょうlstestProjecttestProjectが作成されていればOKです。testProjectに移動て、lsで中を見てみます。startした時にデフォルトで作成されるファイル群です。ionic.config.jsonnode_modulesディレクトリpackage-lock.jsonpackage.jsonsrcディレクトリtsconfig.jsontslint.json色々できてますね。それぞれの説明は作りながら順次説明してきます。基本的に操作する箇所はsrcフォルダだけですかね。moduleを追加する場合はjsonファイルを書いたりせずコマンドで追加していきます。infoで確認ではionicのバージョンなど色々見てみます。infoしておくとnodeやnpmのバージョンを確認できます。その他ionicのバージョンも確認できますね。ブラウザで画面を確認しようではブラウザでどういう表示になるのか確認してみましょう。serveコマンドをたたくとサーバー内でwebサイトが構築されます。いっても簡易的なものですのでサーバーの設定などはしなくて良いです。nodeが勝手にやってくれます。コマンドが流れて~ブラウザが勝手に立ち上がります。私は前にChromeをインストールしたのでクロームが自動起動します。chromeのインストールはこちらどうでしょう、インストールした段階でテンプレートがここまで作成されます。ハンバーガーメニューをクリックするとメニューが横から出てきます。Cを押してプロセスを終了させましょう。ここまででプロジェクトの作成、ブラウザでionicの起動まで行いました。次回はtutorial画面を少しいじって見た目やらなにやらを変えていきたいと思います。コメントをキャンセルメールアドレスが公開されることはありません。*ウェブサイト上に表示された文字を入力してください。