ユーザ用ツール

サイト用ツール


ionic.html

差分

この文書の現在のバージョンと選択したバージョンの差分を表示します。

この比較画面にリンクする

両方とも前のリビジョン 前のリビジョン
次のリビジョン
前のリビジョン
ionic.html [2017/06/04]
adash333 [なぜIonicを使うのか?]
ionic.html [2018/10/07] (現在)
ライン 17: ライン 17:
 しかし、ド素人の私がAndroid StudioでJavaのコードを見たときは、その複雑さに一瞬でやる気を失いました。たしかに、JavaScriptのコードを見ても、最初のうちは「気持ち悪い」と思っていたのですが、動的サイト作成のためにはJavaScriptの勉強は避けて通れません。スマホアプリ(Androidアプリ)作成のためには、JavaとJavascriptのどちらかは使わなければならないとなったとき、Webサイト作成にも応用が効くJavaScriptを選ぶことにしました。 しかし、ド素人の私がAndroid StudioでJavaのコードを見たときは、その複雑さに一瞬でやる気を失いました。たしかに、JavaScriptのコードを見ても、最初のうちは「気持ち悪い」と思っていたのですが、動的サイト作成のためにはJavaScriptの勉強は避けて通れません。スマホアプリ(Androidアプリ)作成のためには、JavaとJavascriptのどちらかは使わなければならないとなったとき、Webサイト作成にも応用が効くJavaScriptを選ぶことにしました。
  
-私がスマホアプリを作ってみたいなと思ったのは2017年3月頃でした。JavaScriptを用いたスマホアプリを作成ソフトはいくつかあり、いくつか試してみたのですが、\\+私がスマホアプリを作ってみたいなと思ったのは2017年3月頃でした。JavaScriptを用いたスマホアプリを作成ソフトは複数あり、いくつか試してみたのですが、\\
   *Windowsパソコンで環境構築が簡単で、   *Windowsパソコンで環境構築が簡単で、
   *あらかじめ[[http://​getbootstrap.com/​|Bootstrap]]のようなデザイン機能がついている   *あらかじめ[[http://​getbootstrap.com/​|Bootstrap]]のようなデザイン機能がついている
 Ionic2を選んでみました。デメリットとしては、 Ionic2を選んでみました。デメリットとしては、
 +  *日本語の解説がほとんど無い(これはまずい。。。)
   *なんと6カ月おきにVersion変更があり、ついていくのがむちゃくちゃ面倒   *なんと6カ月おきにVersion変更があり、ついていくのがむちゃくちゃ面倒
   *Javaでandroidアプリを作成するより、おそらく、アプリの容量が大きくなったり、スピードが遅くなってしまう   *Javaでandroidアプリを作成するより、おそらく、アプリの容量が大きくなったり、スピードが遅くなってしまう
ライン 26: ライン 27:
  
 その他、スマホアプリ作成ソフトとしてお勧めは、[[http://​japan.unity3d.com/​|Unity]]があります。スマホゲームを作成するのであれば、C#​(シーシャープ)というプログラミング言語を用いてのUnityで作成するのがお勧めです。蛇足ですが、Unity入門でお勧めの本は、[[http://​amzn.to/​2ss49QV|Unity5の教科書(Amazonへのリンク)]]です。 その他、スマホアプリ作成ソフトとしてお勧めは、[[http://​japan.unity3d.com/​|Unity]]があります。スマホゲームを作成するのであれば、C#​(シーシャープ)というプログラミング言語を用いてのUnityで作成するのがお勧めです。蛇足ですが、Unity入門でお勧めの本は、[[http://​amzn.to/​2ss49QV|Unity5の教科書(Amazonへのリンク)]]です。
 +
 +===== Ionic3でお勧めの本 =====
 +2018年2月現在、Ionicの日本語の本は以下の一つのみだと思います。Mac OSでの説明になりますが、Windowsでもほぼ同じです。非常に分かりやすく、お勧めです。
 +
 +<​html>​
 +<iframe style="​width:​120px;​height:​240px;"​ marginwidth="​0"​ marginheight="​0"​ scrolling="​no"​ frameborder="​0"​ src="//​rcm-fe.amazon-adsystem.com/​e/​cm?​lt1=_blank&​bc1=000000&​IS2=1&​bg1=FFFFFF&​fc1=000000&​lc1=0000FF&​t=twosquirrel-22&​o=9&​p=8&​l=as4&​m=amazon&​f=ifr&​ref=as_ss_li_til&​asins=B0792PKGZ1&​linkId=f3c953f6aa35b7734e5fc9a1bb7ffebf"></​iframe>​
 +</​html>​
 +=====Ionicのバージョンについて=====
 +2015年5月 Ionic1.0.0(AngularJS1対応)\\
 +2017年1月 Ionic2.0.0(Angular2対応)\\
 +2017年4月 Ionic3.0.0(Angular4対応)\\
 +のようにリリースされています。元ネタであるAngularは、2012年6月にバージョン1.0.0が、2016年9月にはアーキテクチャを一新したバージョン2.0がリリースされています。Ionic1とIonic2は全く互換性が無い別物ですので、2016年6月以前のIonic情報は参考にしない方が良いと思います。Ionic3とIonic2は、劇的な変化は無いので、小さな違いはありますが、基本的には同じです。
 +
 +(参考)
 +Ionic 2.x.xからIonic 3.0.xへ移行する方法とIonic 3.0.0での変更点のまとめ
 +2018年5月25日更新\\
 +https://​yukiyuriweb.com/​migrate-ionic2-app-to-ionic3/​
 +
 +ionicのCLIコマンド変更メモ
 +2017/5/23 nakaji\\
 +http://​tech.pjin.jp/​blog/​2017/​05/​23/​ionic3-cli/​
 +
 +===== その他のリンク =====
 +https://​developer.medley.jp/​entry/​2017/​11/​24/​120000\\
 +20171124
 +フロントエンドエンジニアがIonicを触ってみた〜メドレーTechLunch〜
 +
 +
 +
 +=====リンク=====
 +[[sidebar|目次]]\\
 +次:
 +<wrap hi>
 +[[WindowsでIonicを始める方法]]</​wrap>​
  

ionic.html.1496580406.txt.gz · 最終更新: 2018/10/07 (外部編集)