http://w.atwiki.jp/hybridapp/ 【AngularJS・ハイブリッドアプリ】学習マップ【Cordova・OnsenUI・Monaca】 ja 2016-07-05T00:28:45+09:00 1467646125 https://w.atwiki.jp/hybridapp/pages/1.html *【AngularJS・ハイブリッドアプリ】学習マップ【Cordova・OnsenUI・Monaca】 ここのページはCordovaを利用したハイブリッドアプリ開発技術の習得を目指している方のための総合学習サイトです。ハイブリッドアプリ開発に必要なCordova、Monaca、OnsenUI、AngularJSなどについての情報を掲載しています。今後もさらに追加していく予定です。このページ自体にはほとんど情報の記載はせずに、ブログに書いた記事との関連付けをして、学習しやすいようにするのが目的です。 宜しくお願いします。 プログラミング初心者の方は3章「その他、基本的な知識を身につける」からの学習をおすすめします。 #javascript(){ <!-- admax --> <script src="http://adm.shinobi.jp/s/c90b3ae0e937b3f09847b5a9b8f29018"></script> <!-- admax --> } *1.ハイブリッドアプリ概要 ***[[1.1.ハイブリッドアプリとは何か？>http://it-innovation.hatenablog.com/entry/2016/03/26/182501]] ***[[1.2.ネイティブアプリ、Webアプリとの違いは？>http://it-innovation.hatenablog.com/entry/2016/03/28/223904]] ***[[1.3.ハイブリッドアプリのメリット・デメリット>http://it-innovation.hatenablog.com/entry/2016/03/29/222716]] ***[[1.4.ハイブリッドアプリの最新動向>http://it-innovation.hatenablog.com/entry/2016/03/30/224751]] ***[[1.5.ハイブリッドアプリ開発はどのように使われているのか>http://it-innovation.hatenablog.com/entry/2016/03/31/223925]] ***[[1.5.5.ハイブリッドアプリ開発に適したアプリとは？>http://it-innovation.hatenablog.com/entry/2016/03/31/230258]] ***[[1.6.1.Cordovaの開発環境を整える【Android】>http://it-innovation.hatenablog.com/entry/2016/04/04/004959]] ***[[1.6.2.Cordovaの開発環境を整える【iOS】>http://it-innovation.hatenablog.com/entry/2016/04/04/221012]] ***[[1.6.3.Cordovaの開発環境を整える【共通】>http://it-innovation.hatenablog.com/entry/2016/04/05/001900]] ***[[1.7.CordovaでHelloWorld>http://it-innovation.hatenablog.com/entry/2016/04/14/010622]] *2.ハイブリッドアプリ開発に必要な知識を身につける ***[[2.1.【ハイブリッドアプリ開発】Cordovaを使った開発手法を学ぶ]] ***[[2.2.【ハイブリッドアプリ開発】Monacaを使った開発手法を学ぶ]] ***[[2.3.【ハイブリッドアプリ開発】AngularJSを使った開発手法を学ぶ]] ***[[2.4.【ハイブリッドアプリ開発】OnsenUIを使った開発手法を学ぶ]] *3.その他、基本的な知識を身につける ***[[3.1.【Web開発】HTML5を学ぶ]] ***[[3.2.【Web開発】cssを学ぶ]] ***[[3.3.【Web開発】javascriptを学ぶ]] #image(http://cdn-ak.f.st-hatena.com/images/fotolife/d/duo-taro100/20160218/20160218004600.png) *4.人工知能学習マップ #javascript(){ <!-- admax --> <script src="http://adm.shinobi.jp/s/743bfdbea497388bc26095c0364ff6c0"></script> <!-- admax --> } 2016-07-05T00:28:45+09:00 1467646125 https://w.atwiki.jp/hybridapp/pages/2.html **メニュー *ハイブリッドアプリ概要 -[[ハイブリッドアプリとは何か？>http://it-innovation.hatenablog.com/entry/2016/03/26/182501]] -[[ネイティブアプリ、Webアプリとの違いは？>http://it-innovation.hatenablog.com/entry/2016/03/28/223904]] -[[ハイブリッドアプリのメリット・デメリット>http://it-innovation.hatenablog.com/entry/2016/03/29/222716]] -[[ハイブリッドアプリの最新動向>http://it-innovation.hatenablog.com/entry/2016/03/30/224751]] -[[ハイブリッドアプリ開発はどのように使われているのか>http://it-innovation.hatenablog.com/entry/2016/03/31/223925]] -[[ハイブリッドアプリ開発に適したアプリとは？>http://it-innovation.hatenablog.com/entry/2016/03/31/230258]] -[[Cordovaの開発環境を整える【Android】>http://it-innovation.hatenablog.com/entry/2016/04/04/004959]] -[[Cordovaの開発環境を整える【iOS】>http://it-innovation.hatenablog.com/entry/2016/04/04/221012]] -[[Cordovaの開発環境を整える【共通】>http://it-innovation.hatenablog.com/entry/2016/04/05/001900]] -[[CordovaでHelloWorld>http://it-innovation.hatenablog.com/entry/2016/04/14/010622]] ***ハイブリッドアプリ開発に必要な知識を身につける -[[Cordovaを学ぶ>http://www65.atwiki.jp/hybridapp/pages/12.html]] -[[Monacaを学ぶ>http://www65.atwiki.jp/hybridapp/pages/13.html]] -[[AngularJSを学ぶ>http://www65.atwiki.jp/hybridapp/pages/14.html]] -[[OnsenUIを学ぶ>http://www65.atwiki.jp/hybridapp/pages/15.html]] ---- **リンク -[[【ブログ】The sky is the limit>http://it-innovation.hatenablog.com]] -[[@wiki>>http://atwiki.jp]] -[[@wikiご利用ガイド>>http://atwiki.jp/guide/]] // リンクを張るには "[" 2つで文字列を括ります。 // ">" の左側に文字、右側にURLを記述するとリンクになります //**更新履歴 //#recent(20) &link_editmenu(text=ここを編集) 2016-04-14T01:10:27+09:00 1460563827 https://w.atwiki.jp/hybridapp/pages/3.html **訪問者数 合計：&counter() 今日：&counter(today) 昨日：&counter(yesterday) **更新履歴 #recent(20) &link_editmenu2(text=ここを編集) 2016-04-01T15:31:36+09:00 1459492296 https://w.atwiki.jp/hybridapp/pages/15.html #javascript(){ <!-- admax --> <script src="http://adm.shinobi.jp/s/c90b3ae0e937b3f09847b5a9b8f29018"></script> <!-- admax --> } **開発準備 ***[[開発環境構築]] **基礎・初心者向け ***[[HTML、javascript初心者の方]] ***[[OnsenUIでHelloWorld]] **応用・上級者向け(チュートリアル含む) ***[[OnsenUIを使って貯金管理アプリを作ろう！]] ***[[OnsenUIを使って日程通知アプリを作ろう！]] **開発Tips ***[[]] **疑問・課題 ***[[]] #javascript(){ <!-- admax --> <script src="http://adm.shinobi.jp/s/743bfdbea497388bc26095c0364ff6c0"></script> <!-- admax --> } 2016-03-27T01:11:55+09:00 1459008715 https://w.atwiki.jp/hybridapp/pages/13.html #javascript(){ <!-- admax --> <script src="http://adm.shinobi.jp/s/c90b3ae0e937b3f09847b5a9b8f29018"></script> <!-- admax --> } **開発準備 ***[[開発環境構築]] **基礎・初心者向け ***[[HTML、javascript初心者の方]] ***[[MonacaでHelloWorld]] **応用・上級者向け(チュートリアル含む) ***[[Monacaを使って貯金管理アプリを作ろう！]] ***[[Monacaを使って日程通知アプリを作ろう！]] **開発Tips ***[[]] **疑問・課題 ***[[]] #javascript(){ <!-- admax --> <script src="http://adm.shinobi.jp/s/743bfdbea497388bc26095c0364ff6c0"></script> <!-- admax --> } 2016-03-27T01:11:13+09:00 1459008673 https://w.atwiki.jp/hybridapp/pages/14.html #javascript(){ <!-- admax --> <script src="http://adm.shinobi.jp/s/c90b3ae0e937b3f09847b5a9b8f29018"></script> <!-- admax --> } **開発準備 ***[[開発環境構築]] ***[[AngularJSでの開発前に知っておきたいこと]] **用語 ***[[AngularJSのModuleとは？>http://it-innovation.hatenablog.com/entry/2016/03/24/000849]] ***[[AngularJSのServiceとは？]] ***[[AngularJSのControllerとは？]] ***[[AngularJSのFilterとは？]] ***[[AngularJSのDirectiveとは？]] ***[[AngularJSの$scopeとは？>http://it-innovation.hatenablog.com/entry/2016/03/24/222520]] **基礎・初心者向け ***[[AngularJSを使ってを画面遷移先に情報を渡そう！]] ***[[AngularJSを使ってToDoアプリを作ろう！]] **応用・上級者向け **開発Tips ***[[$scopeを使う場合と使わない場合の比較>http://it-innovation.hatenablog.com/entry/2016/03/24/231144]] **疑問・課題 ***[[]] #javascript(){ <!-- admax --> <script src="http://adm.shinobi.jp/s/743bfdbea497388bc26095c0364ff6c0"></script> <!-- admax --> } 2016-03-27T01:09:45+09:00 1459008585 https://w.atwiki.jp/hybridapp/pages/12.html #javascript(){ <!-- admax --> <script src="http://adm.shinobi.jp/s/c90b3ae0e937b3f09847b5a9b8f29018"></script> <!-- admax --> } **開発準備 ***[[開発環境構築-前編]] ***[[開発環境構築-後篇]] **基礎・初心者向け ***[[HTML、javascript初心者の方]] ***[[CordvaでHelloWorld]] **応用・上級者向け(チュートリアル含む) ***[[Cordovaを使って貯金管理アプリを作ろう！]] ***[[Cordovaを使って日程通知アプリを作ろう！]] **開発Tips ***[[]] **疑問・課題 ***[[]] #javascript(){ <!-- admax --> <script src="http://adm.shinobi.jp/s/743bfdbea497388bc26095c0364ff6c0"></script> <!-- admax --> } 2016-03-27T01:04:14+09:00 1459008254 https://w.atwiki.jp/hybridapp/pages/4.html * ニュース @wikiのwikiモードでは #news(興味のある単語) と入力することで、あるキーワードに関連するニュース一覧を表示することができます 詳しくはこちらをご覧ください。 ＝＞http://www1.atwiki.jp/guide/pages/266.html#id_542badf7 ----- たとえば、#news(ゲーム)と入力すると以下のように表示されます。 #news(ゲーム) 2016-02-20T22:24:57+09:00 1455974697 https://w.atwiki.jp/hybridapp/pages/5.html * 更新履歴 @wikiのwikiモードでは #recent(数字) と入力することで、wikiのページ更新履歴を表示することができます。 詳しくはこちらをご覧ください。 ＝＞http://www1.atwiki.jp/guide/pages/269.html#id_bf9eaeba ----- たとえば、#recent(20)と入力すると以下のように表示されます。 #recent(20) 2016-02-20T22:24:57+09:00 1455974697 https://w.atwiki.jp/hybridapp/pages/6.html * アーカイブ @wikiのwikiモードでは #archive_log() と入力することで、特定のウェブページを保存しておくことができます。 詳しくはこちらをご覧ください。 ＝＞http://www1.atwiki.jp/guide/pages/921.html#id_2d967d6e ----- たとえば、#archive_log()と入力すると以下のように表示されます。 保存したいURLとサイト名を入力して"アーカイブログ"をクリックしてみよう #archive_log() 2016-02-20T22:24:57+09:00 1455974697