tag:blogger.com,1999:blog-19345160654349513612024-03-19T18:00:23.511+09:00週刊Cordovaアプリ開発JQMマニアhttp://www.blogger.com/profile/14356812417450436695noreply@blogger.comBlogger98125tag:blogger.com,1999:blog-1934516065434951361.post-48864539853611848952018-05-20T19:02:00.000+09:002018-05-20T19:02:35.937+09:00Cordova Android 7 以降wwwアセットファイルのパスが変更jsやcssファイルなどのwwwアセットファイルが格納されるパスが変更になっています。<br />
<br />
Cordova Android 7未満<br />
platforms/android/assets/www<br />
<br />
Cordova Android 7以降<br />
platforms/android/app/src/main/assets/wwwJQMマニアhttp://www.blogger.com/profile/14356812417450436695noreply@blogger.com0tag:blogger.com,1999:blog-1934516065434951361.post-71278527125308752342018-05-15T00:52:00.001+09:002018-05-15T00:52:30.206+09:00アプリ表示名の多言語化(Android) Cordova Android 7.0以降英語(ディフォルト)と日本語の表示を切り替える場合を記載しています。<br />
<div>
<ul>
<li>/platforms/android/app/src/main/res/ に values-ja というフォルダを作ります。</li>
<li>同じ階層にあるvaluesの中にあるstrings.xmlをコピーしてきます</li>
<li>app_nameを変更します</li>
<ul>
<li>launcher_name 表示名(app_nameと同じになっているので個別に変更する場合のみ変更)</li>
</ul>
</ul>
<div>
<br />
ビルドではファイルがなくならないので一度設定すれば良い作業ですが、platform rm android のようにandroidフォルダ毎消すと当然ながらなくなります。</div>
</div>
JQMマニアhttp://www.blogger.com/profile/14356812417450436695noreply@blogger.com0tag:blogger.com,1999:blog-1934516065434951361.post-24748099126636200522018-05-13T16:51:00.001+09:002018-05-13T17:02:52.420+09:00Crosswak 2.4.0 Mismatch of CPU Architecture解消方法Cordova Android 7.1.0 , Crosswalk plugin 2.4.0 の組み合わせでビルドは通るのですが、cordova runで実行した際に「Mismatch of CPU Architecture」が表示されます。<br />
<br />
これはビルドで作成された「app-arm64-debug.apk」がインストールされたことが原因らしいです。<br />
<a href="https://github.com/crosswalk-project/cordova-plugin-crosswalk-webview/issues/203" target="_blank">https://github.com/crosswalk-project/cordova-plugin-crosswalk-webview/issues/203</a><br />
<br />
色々やってみましたが解決することができず、暫定対応として以下を行うようにしております。<br />
<br />
<br />
<ul>
<li>cordova build android</li>
<li>adb install -r platforms/android/app/build/outputs/apk/armv7/debug/app-armv7-debug.apk</li>
</ul>
<br />
<br />
アプリの公開はarvmv7のみインストールするば良さそうです。<br />
<br />JQMマニアhttp://www.blogger.com/profile/14356812417450436695noreply@blogger.com0tag:blogger.com,1999:blog-1934516065434951361.post-86179085902943022172017-02-19T13:38:00.004+09:002017-02-19T13:38:37.224+09:00Crosswalkが23で開発終了<a href="https://crosswalk-project.org/blog/crosswalk-final-release.html" target="_blank">Crosswalk 23 to be the last Crosswalk release</a> で記載されている通り、Crosswalkは23を持って開発を終了するようです。<a href="https://github.com/crosswalk-project/cordova-plugin-crosswalk-webview" target="_blank">cordova-plugin-crosswalk-webview</a>としてはver2.3で23に対応しており、おそらくこちらも2.3を持って終了すると思われます。<br />
<br />
Android5以降はWebViewもアップデートの対象になっているため、ユーザが定期的にアップデートを行っていることを前提にすると、Crosswalkを使う必要はそれほどありません。しかしながら、4.4以下をターゲット、Crosswalk特有の機能を使っている場合は今後の対応を検討する必要があります。<br />
<br />JQMマニアhttp://www.blogger.com/profile/14356812417450436695noreply@blogger.com0tag:blogger.com,1999:blog-1934516065434951361.post-79849822307209896882016-09-22T01:05:00.001+09:002017-10-09T23:52:44.840+09:00ios10でシェアプラグインを使うとアプリが落ちるシェアプラグインで写真などをシェアする先として端末の「写真」を選択するとiOS10ではアプリが落ちるようになりました。エラーメッセージは以下の通りでエラーの原因は明確です。<br />
<br />
<br />
<div class="p1">
<span class="s1"><b>The app's Info.plist must contain an NSPhotoLibraryUsageDescription key with a string value explaining to the user how the app uses this data.</b></span></div>
<div class="p1">
<span class="s1"><b><br /></b></span></div>
<div class="p1">
infoPlistに以下のキーを設定する必要があります。</div>
<div class="p1">
<br /></div>
<div class="p1">
</div>
<ul>
<li>Key: NSPhotoLibraryUsageDescription</li>
<ul>
<li>説明:Privacy - Photo Library Usage Description</li>
</ul>
<li>Type: String</li>
<li>Value: ここに記載された文章が、写真へのアクセスを求める際に表示されます</li>
<ul>
<li>どのような目的でアクセスするのかを書けばいいと思います。 </li>
</ul>
</ul>
<br />
<div>
<br /></div>
<div>
例:</div>
<div>
<key>NSPhotoLibraryUsageDescription</key></div>
<div>
<string>対戦表などを写真アルバムに保存します</string></div>
<div>
<br /></div>
<div>
<h3>
説明文章を多言語化</h3>
上記では多言語化できないようなので、stringsファイルへそれぞれの言語を記載していきます。<br />
<br />
infoPlist.strings のそれぞれの言語へ下記を記載<br />
<style type="text/css">
p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; color: #d12f1b}
span.s1 {font-variant-ligatures: no-common-ligatures; color: #000000}
span.s2 {font-variant-ligatures: no-common-ligatures}
</style>
<br />
<span class="s1">NSPhotoLibraryUsageDescription = </span><span class="s2">"説明文を記載"</span><span class="s1">;</span></div>
JQMマニアhttp://www.blogger.com/profile/14356812417450436695noreply@blogger.com0tag:blogger.com,1999:blog-1934516065434951361.post-8099903292303165872016-09-06T22:59:00.001+09:002016-09-06T22:59:17.626+09:00Cordova Admob proプラグインでエラーが出る場合は<br />
(1)プラグインのアップデート<br />
(2)platform rm android/ios , platform add android/ios で入れ直す<br />
(3)cordova-plugin-extensionを以下の手順で最新にする<br />
<br />
cordova plugin rm cordova-plugin-admobpro --save<br />
cordova plugin add cordova-plugin-extension@1.5.1 --save<br />
cordova plugin add cordova-plugin-admobpro --save<br />
<br />
cordova-plugin-extensionはcordova-plugin-admobproの依存となっているため、本来であれば別々にいれる必要はないが、extensionの方を確実に新しいバージョンにする場合は上記手順で行う。<br />
1.5.1は現在の最新なので適時変更する。<br />
<br />
<br />JQMマニアhttp://www.blogger.com/profile/14356812417450436695noreply@blogger.com0tag:blogger.com,1999:blog-1934516065434951361.post-65456376416695544842016-08-12T19:31:00.004+09:002016-08-12T19:50:13.281+09:00Phonon1.3.1 を UI Framework Catalogへ追加活発に開発が行なわれているモバイル向けHTML5フレームワークとして<a href="http://phonon.quarkdev.com/" target="_blank">Phonon</a>があります。MITライセンスで提供されており、軽量でかつ、Riot, Angularjs, Reactなどを自由に選べることが特長です。コンポーネントも一通り揃っており、IonicやFramework7を使うほどは大きくないアプリの開発には重宝しそうです。<br />
<br />
ただし、見た目はAndroid マテリアルデザイン風なので、iOS向けとしては審査が難しいかもしれません。また、Form周りのコンポーネントが、1行テキスト入力とシンプルなラジオ・チェックボックスのみです。<br />
<br />
<a href="https://play.google.com/store/apps/details?id=org.eniblo.uicatalog" target="_blank">UI Framework Catalog</a>へも追加しましたので、Cordovaアプリとしてのパフォーマンスのご確認にお役立てください。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrhp4MXQJ8kMueQl81I9MiH6vYbQ2ZoxdyFF9gBvnOb6jBt4v2Bv-oy_DHzAU3o5joQ94aEMOr5p3jCKYVxq0t9GjzpBPSR8iKTt-07QaITzJskWzwhkSD8iKCI64hsNbIEK2JWYr3-XWi/s1600/Phonon+%25C2%25B7+A+light+weight+and+scalable+HTML5+Mobile+Framework+2016-08-12+19-03-57.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrhp4MXQJ8kMueQl81I9MiH6vYbQ2ZoxdyFF9gBvnOb6jBt4v2Bv-oy_DHzAU3o5joQ94aEMOr5p3jCKYVxq0t9GjzpBPSR8iKTt-07QaITzJskWzwhkSD8iKCI64hsNbIEK2JWYr3-XWi/s320/Phonon+%25C2%25B7+A+light+weight+and+scalable+HTML5+Mobile+Framework+2016-08-12+19-03-57.png" width="197" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNEbVL_EKP8A9vuupsGygYdunOJzejJZKP9rKnoNLGtCoEV0mmT4jG4sWnvkEaG91QtqPW9gXIE2uxvv1Sv0Adt5VvSVtMM-P48TXqh8RUvaYCH3l-JQ-q5GQg2rWPz8KefyaHKJWE-W-U/s1600/Phonon+%25C2%25B7+A+light+weight+and+scalable+HTML5+Mobile+Framework+2016-08-12+19-04-21.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNEbVL_EKP8A9vuupsGygYdunOJzejJZKP9rKnoNLGtCoEV0mmT4jG4sWnvkEaG91QtqPW9gXIE2uxvv1Sv0Adt5VvSVtMM-P48TXqh8RUvaYCH3l-JQ-q5GQg2rWPz8KefyaHKJWE-W-U/s1600/Phonon+%25C2%25B7+A+light+weight+and+scalable+HTML5+Mobile+Framework+2016-08-12+19-04-21.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMxrdyYpkj9AKyMykMIdmnmJYKuGAZGQ1LqkAttV8s9CiPpv9kXlcQqRXWl0bzj_sfemJ3SRoAioQE-XVDnTQpQynzPYZ50PNZILydlQQdQdJvBizj-y9jFOucuA5k5cG278g6uq3fkA9D/s1600/Phonon+%25C2%25B7+A+light+weight+and+scalable+HTML5+Mobile+Framework+2016-08-12+19-04-43.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMxrdyYpkj9AKyMykMIdmnmJYKuGAZGQ1LqkAttV8s9CiPpv9kXlcQqRXWl0bzj_sfemJ3SRoAioQE-XVDnTQpQynzPYZ50PNZILydlQQdQdJvBizj-y9jFOucuA5k5cG278g6uq3fkA9D/s1600/Phonon+%25C2%25B7+A+light+weight+and+scalable+HTML5+Mobile+Framework+2016-08-12+19-04-43.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<br />JQMマニアhttp://www.blogger.com/profile/14356812417450436695noreply@blogger.com0tag:blogger.com,1999:blog-1934516065434951361.post-89454777774363483462016-08-11T12:54:00.000+09:002016-08-11T21:19:52.827+09:00Windowsストアではダウンロードが低いとMicrosoft社により非公開にされる***App has been unpublished.<br />
<br />
Microsoft社から「あなたのアプリは非公開になりました」というメールが届きました。非公開になったアプリは申請の承認が下りて半年ほどは公開されているものでした。<br />
非公開になった理由としては、<b>"App Policies: 3000.1 App Quality" </b>アプリの品質が低すぎるという理由でした。しかし、同じようなアプリが残っているところをみると、Microsoft社としては<b style="background-color: yellow;">ダウンロード数が低いアプリを排除する方針</b>のようです。<br />
全く同じアプリをAndroid PlayストアやiOS App Storeに公開していますがそこそこダウンロードがあるので、納得はあまりできません。ただ、正直なところWindowsストアに公開する効果は他のストアの1/10000程度なので、関心が持てないというのが感想です。<br />
こんなことをしていると開発者離れが益々進んでしまいそうですが・・・<br />
<br />
まとめとしては、<br />
<b style="background-color: orange;">Windowsストアではダウンロード数が低いとMicrosoft社により非公開にされます</b>JQMマニアhttp://www.blogger.com/profile/14356812417450436695noreply@blogger.com0tag:blogger.com,1999:blog-1934516065434951361.post-47983724270693829152016-07-31T18:15:00.003+09:002016-07-31T18:15:24.238+09:00Mac Bookの空き容量を増やす方法リンク集128GByteの開発用のMacbookAirがいつの間にか残り3Gになっていました。特にアプリケーションをたくさん入れているわけではないので空き容量増やす方法を調べました。<br />
<br />
<h4>
<a href="http://qiita.com/hirayaCM/items/14dc021d4b27bdbfbb3d" target="_blank">Xcode関連の不要ファイルを削除してディスクスペースを節約 Qiita</a></h4>
必ず行った方がいいと思います。<br />
記載されている全項目を確認して、不要なものを削除すると8G以上はサイズが空きました。<br />
<br />
<h4>
<a href="https://discussionsjapan.apple.com/docs/DOC-1081" target="_blank">ハードディスクの空き容量が極端に少なくなる場合の対処方法 Apple コミュニテイ</a></h4>
必ず行った方がいいと思います。<br />
特に大きなフォルダの検索は不要なディレクトリの発見がありました。<br />
<br />
<h4>
以下個人的に行っていること</h4>
<br />
<ul>
<li>Androidの不要なエミュレーター用のイメージ削除</li>
</ul>
<br />
<div>
<br /></div>
JQMマニアhttp://www.blogger.com/profile/14356812417450436695noreply@blogger.com0tag:blogger.com,1999:blog-1934516065434951361.post-55387220255941314462016-07-31T11:51:00.000+09:002016-07-31T11:51:44.219+09:00jQuery Mobile1.5デモサイト開発中であるjQuery Mobile1.5のデモサイトができていました。<br />
<br />
<a href="http://view.jquerymobile.com/1.5-dev/demos/">http://view.jquerymobile.com/1.5-dev/demos/</a><br />
<br />
もう2年近くjQuery Mobileはメジューバージョンアップされていませんが、Githubでのコミットも続いているので近くリリースされるのではないでしょうか。JQMマニアhttp://www.blogger.com/profile/14356812417450436695noreply@blogger.com0tag:blogger.com,1999:blog-1934516065434951361.post-75228138721100752732016-07-30T01:31:00.005+09:002016-07-30T01:32:00.946+09:00Crosswalk18に注意 overflow-xが効かないCordova Android 1.7のディフォルトで使用される Crosswalk18はChrominium48がベースとなっていますが、このバージョンでoverflow-xが効かないなどの不具合が出ました。<br />
<br />
config.xmlの記載を以下のうように20以上が読み込まれるようにすると解消されました。<br />
ただしこのバージョンからはandroidの最小バージョンが4.1(SDK 16)となることに注意が必要です。<br />
<span style="background-color: white; font-family: "menlo"; font-size: 9pt;"><</span><span style="color: navy; font-family: "menlo"; font-size: 9pt; font-weight: bold;">preference </span><span style="background-color: white; font-family: "menlo"; font-size: 9pt;">name</span><span style="color: green; font-family: "menlo"; font-size: 9pt; font-weight: bold;">="xwalkVersion" </span><span style="background-color: white; font-family: "menlo"; font-size: 9pt;">value</span><span style="color: green; font-family: "menlo"; font-size: 9pt; font-weight: bold;">="20+" </span><span style="background-color: white; font-family: "menlo"; font-size: 9pt;">/></span>JQMマニアhttp://www.blogger.com/profile/14356812417450436695noreply@blogger.com0tag:blogger.com,1999:blog-1934516065434951361.post-84452967874714061802016-07-06T14:48:00.000+09:002016-07-06T14:49:20.814+09:00ionic2で日本向けのをアプリを作成するためのカスタマイズionic2で日本向けのアプリを作成していると、いくつか気になる箇所が出てきました。<br />
<br />
<h3>
フォント設定</h3>
<div>
ios,android向けのみでWebアプリを作成しない場合は変える必要はないと思います。</div>
<div>
<br /></div>
<h3>
フォントサイズ</h3>
<div>
全体的にはそのままでよさそうですが、一部文章を記入する箇所などで文字が小さすぎるように感じましたので変えました。</div>
<div>
<br /></div>
<div>
<b>app.md.scss</b></div>
<div>
<br /></div>
<div>
<pre style="background-color: white; font-family: Menlo; font-size: 9pt;"><span style="color: navy; font-weight: bold;">ion-card ion-card-content</span>{
font-size: <span style="color: blue;">1.6</span><span style="color: green; font-weight: bold;">rem</span>;
}</pre>
</div>
JQMマニアhttp://www.blogger.com/profile/14356812417450436695noreply@blogger.com0tag:blogger.com,1999:blog-1934516065434951361.post-9026323938242920722016-07-06T14:13:00.003+09:002016-07-06T14:30:11.276+09:00WebStormでionic2開発時にCPU使用率が高い場合<div>
プロジェクトのインデックス対象からビルド後のディレクトリを除外する。これで私の環境(Macbook Air2011)は収まりました。</div>
<div>
<ol>
<li>メニュー「Preference」</li>
<li>「Directories」選択</li>
<li>www/build を選択して「Excluded」を選択</li>
</ol>
<div>
<br />
/platformsがexcludedになっていると思いますが、なっていない場合はexcludedにしておきます。</div>
</div>
JQMマニアhttp://www.blogger.com/profile/14356812417450436695noreply@blogger.com0tag:blogger.com,1999:blog-1934516065434951361.post-74767860766322982652016-07-06T14:10:00.000+09:002016-07-06T17:12:54.191+09:00ionic2開発のためのAngularjs2 チートシート<br />
<br />
<ul>
<li>() view -> controller</li>
<li>[] controller -> view</li>
<li>[()] view <-> controller 双方向</li>
</ul>
<br />
<h4>
繰り返し</h4>
<div>
*ngFor="let item of items"<br />
<h4>
スイッチ</h4>
</div>
<div>
<div [ngSwitch]="fruit"></div>
<div>
<div *ngSwitchWhen="'apple"></div>
<div>
</div></div>
<div>
<div>
<div *ngSwitchWhen="'banana"></div>
<div>
</div></div>
</div>
<div>
</div></div>
<h4>
クリックイベント</h4>
<div>
(click)="openNewPage(val)"<br />
<h4>
入力項目変更時イベント</h4>
</div>
<div>
(ionChange)="onChanged($event)"</div>
<h4>
cssスタイルをセット</h4>
<div>
[ngStyle]="{'background-color': colorVal}"</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
JQMマニアhttp://www.blogger.com/profile/14356812417450436695noreply@blogger.com0tag:blogger.com,1999:blog-1934516065434951361.post-87904156532423157062016-07-05T02:40:00.003+09:002016-07-05T02:40:55.566+09:00ionic2でブラウザ表示時にプラットフォームのテーマを切り替えるionic serve でブラウザ表示するとandroid用の見た目で表示されますが、以下のようにurlを変更することでiosやwindowsの見た目へ切り替えられます。<br />
<br />
<b>ios</b><br />
http://localhost:8101/?ionicPlatform=ios<br />
<b>windows</b><br />
http://localhost:8101/?ionicplatform=windows<br />
<br />JQMマニアhttp://www.blogger.com/profile/14356812417450436695noreply@blogger.com0tag:blogger.com,1999:blog-1934516065434951361.post-17981402379094743192016-07-05T01:49:00.003+09:002016-07-05T08:59:44.519+09:00ionic2でページをコマンドで作成<br />
<span style="background-color: yellow;">ionic g page new-page</span><br />
<div>
<br /></div>
<div>
<div>
app/pages/ に以下のディレクトリとファイルができます。</div>
<div>
new-page/</div>
<div>
+- new-page.html</div>
<div>
+-new-page.scss</div>
<div>
+-new-page.ts<br />
<br />
コマンド実行後に注意書きが表示されますが、app_core.scssには自動的にimport文が追加されないようです。<br />
<br />
<blockquote class="tr_bq">
Don't forget to add an import for new-page.scss in app/themes/app.core.scss:<br /> @import "../pages/new-page/new-page.scss";</blockquote>
</div>
</div>
<div>
<br /></div>
<div>
ionic g コマンドは他にも<br />
<span style="background-color: yellow;">ionic g provider</span><br />
があります。</div>
<div>
<br />
<b>参考</b><br />
http://ionicframework.com/docs/v2/cli/generate/</div>
<div>
<br /></div>
JQMマニアhttp://www.blogger.com/profile/14356812417450436695noreply@blogger.com0tag:blogger.com,1999:blog-1934516065434951361.post-31791108140576239302016-04-26T19:00:00.000+09:002016-04-26T21:40:07.088+09:00ionic2でunderscorejsを使用するionic2でTypeSciprtで開発している場合、underscorejs[lodash]をただ使おうとすると、<br />
<span style="color: red;">Cannot find name '_' </span><br />
と出ると思います。<br />
<br />
<h2>
事前準備</h2>
事前にtypingsを入れておく必要があります。<br />
<b>npm install -g typings</b><br />
<br />
<h2>
underscorejsをいれる</h2>
<b>npm install underscore --save</b><br />
<br />
<h2>
underscorejsの型定義ファイル作成</h2>
<b>typings install underscore --ambient --save </b><br />
<br />
typings/browser/ambient/underscore/index.d.tsが作成されます<br />
<br />
<h2>
tsconfig.json設定 </h2>
filesへmain.d.tsを追加 <br />
<b> "files": [<br /> "typings/main.d.ts"<br /> ],</b><br />
<br />
<h2>
undescorejs使用</h2>
使用したいファイルで読み込みます。<br />
<br />
<b>import * as _ from 'underscore';</b><br />
<br />
上記だと全ての関数が読み込まれますが<br />
<br />
<br />
<br />
import "<b class="header">reject</b><code>"</code> from 'underscore';<br />
のようにして個別にも読み込めるようです。JQMマニアhttp://www.blogger.com/profile/14356812417450436695noreply@blogger.com0tag:blogger.com,1999:blog-1934516065434951361.post-55199894414273997242016-04-25T10:03:00.000+09:002016-04-26T05:01:50.594+09:00ionic2 searchbarでエンター押下時に検索<ion-searchbar [(ngModel)]="searchQuery" <span style="color: blue;">(input)="searchItem($event)"</span>></ion-searchbar><br />
<br />
上記の場合はキーを押下時にsearchItemが呼ばれます。既にあるリストをフィルタする場合などは良いのですが、サーバーに呼び出しを行いたい場合は頻繁に負荷をかけることになるのでエンターを押した場合のみ呼び出したい場合もあると思います。<br />
<br />
inputではなくsearchイベントを使うことで解決できます。(ドキュメントには未記載)<br />
<br />
<ion-searchbar [(ngModel)]="searchQuery" <span style="color: blue;">(search)="searchProduct($event)" </span>></ion-searchbar><br />
<br />
input,searchイベント共に呼ばれる関数内で モデルとしてバインドされているsearchQueryを使用してはいけないようです。関数が呼ばれた時点ではまだ値の同期が終わっていない場合がありました。<br />
したがって以下のように関数に渡しているeventから値を取得する必要があります。<br />
<br />
<b>inputの場合</b><br />
searchItem = function(event){<br />
<b> </b>//eventがsearchbarなので<br />
var query = event["value"]; <br />
}<b> </b> <br />
<br />
<b>searchの場合</b><br />
searchItem = function(event){<br />
<b> </b>//eventはEventオブジェクトなので<br />
var query = event["target"]["value"];<br />
}<br />
<br />JQMマニアhttp://www.blogger.com/profile/14356812417450436695noreply@blogger.com0tag:blogger.com,1999:blog-1934516065434951361.post-10724491600384068982016-04-24T11:23:00.005+09:002016-04-24T11:23:48.776+09:00ionic2 ページ遷移でパラメータを渡すリストページ-詳細ページのページ構成などでパラメータ(idなど)を渡す方法です。<br />
<br />
<b>リストページ側</b><br />
pushの第2引数で渡します。ページを差し込む他のメソッドでも引数の順番は違えど渡せます。 <br />
<br />
<span style="color: #444444;">this.nav.push(DetailPage,{itemId:item.id});</span><br />
<br />
<b>詳細ページ側</b> <br />
NavParamsを使って取り出します。<br />
<br />
<span style="color: #444444;">import{NavController,NavParams} from 'ionic-angular';<b> </b></span><br />
<span style="color: #444444;"><br /></span>
<span style="color: #444444;">constructor(navParams: NavParams) {<br /> this.itemId = navParams.get('itemId');</span><br />
<span style="color: #444444;">}</span>JQMマニアhttp://www.blogger.com/profile/14356812417450436695noreply@blogger.com1tag:blogger.com,1999:blog-1934516065434951361.post-22840409074931824982016-04-23T13:08:00.003+09:002016-04-27T10:15:43.484+09:00ionic2を始める<h2>
ionic2をnpmでインストール</h2>
npm install -g ionic@beta<br />
<h2>
<b>cordovaをインストール(入っていない場合)</b></h2>
npm install -g cordova<br />
<h2>
ionic2プロジェクトを作成</h2>
(TypeScript使用)<br />
ionic start ionic-sample --v2 --ts<br />
(JavaScript使用)<br />
ionic start ionic-sample --v2<br />
<br />
ionic2のサンプルなどはTypeScriptで記載されているので type scriptを使用したほうが良いかと思います。<br />
<h2>
サーバーを起動</h2>
<div>
cd ionic-sample</div>
<div>
ionic serve</div>
<div>
<br />
ブラウザが立ち上がります。liveloadが有効になっているのでコードを変更すると自動的コンテンツが変わります。liveloadをoffにする場合は ionic serve --nolivereload でサーバを起動します。<br />
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWZoAZIgHyrOOPA-GGYQLvHJAD0yKDEAcj-iQZyXhZkuD0VRAB2KasRFFV0cPO5DBEspo3AWC-RapcToSAAaV9XT-ydjNXUoBP9BuurHnzIJxb6OwDhABoqULhvkp3DL8XyQdDko1hiiLD/s1600/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2016-03-14+9.34.23.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWZoAZIgHyrOOPA-GGYQLvHJAD0yKDEAcj-iQZyXhZkuD0VRAB2KasRFFV0cPO5DBEspo3AWC-RapcToSAAaV9XT-ydjNXUoBP9BuurHnzIJxb6OwDhABoqULhvkp3DL8XyQdDko1hiiLD/s400/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2016-03-14+9.34.23.png" width="223" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<h2 style="clear: both; text-align: left;">
ターゲットデバイス追加</h2>
<div>
作成したいアプリのデバイスを追加します。このあたりのコマンドはcordovaがionicに置き換わっただけです。</div>
<div>
<br /></div>
<div>
ionic platform add android --save</div>
<div>
ionic platform add ios --save</div>
<div>
<br /></div>
<h2>
デバイスで実行</h2>
<div>
ionic run android --device</div>
<div>
ionic run ios --device</div>
<div>
<br />
<h2>
ionic2の感想</h2>
</div>
<div>
<b>動作速度</b><br />
ionic2になりAndroid,iOSそれぞれのネイティブの見た目に近づきました。Angular2となりパフォーマンスも向上されたはず(?)です。</div>
<div>
しかしながら、心なしか旧バージョンより動作が遅いような気がしてしました。</div>
<div>
<br />
<b>開発</b><br />
ionic2のAPIは分かりやすくリファレンスを参照して必要なコンポーネントを使うだけなので学習コストは低くかったです。<br />
むしろAngular2とTypescriptに慣れるのに4、5時間かかりました。TypeScriptを使用使っていくべきかどうかはもう少し使ってみて判断したいと思いました。<br />
<br />
まだまだionic2もangular2もベータ版なので今後の動きに注目して参りたいです。</div>
<div>
<br /></div>
JQMマニアhttp://www.blogger.com/profile/14356812417450436695noreply@blogger.com0tag:blogger.com,1999:blog-1934516065434951361.post-31277802060369867362016-04-20T20:07:00.001+09:002016-04-20T20:13:16.727+09:00developer.microsoft.comの不具合対処<h2>
<span style="font-size: small; font-weight: normal;">Windowsアプリを公開する上で必ずアクセスすることになるMicrosoftの開発者サイトdeveloper.microsoft.com は残念ながらChromeなどのブラウザでアクセスすると私の環境では不具合が頻発します。</span><span style="font-size: small; font-weight: normal;">いくつか対応策が見えてまいりましたので記載しておきたいと思います。</span></h2>
<h2>
developer.microsoft.comページは機能していません</h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDwOg6iKRga-1jXUAHKrhharn29lwo3vaZEheKEbjtSeJX1AXFSnZcaVFzJNVEVg4UOCCn78sYxXKPo94VhFDGAWhqL3JbzKKYHjt2DB6ZLXLWFf6Qr94TsF3Uv81ks6SBlPGCGR8t4kgX/s1600/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2016-04-20+19.55.41.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="352" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDwOg6iKRga-1jXUAHKrhharn29lwo3vaZEheKEbjtSeJX1AXFSnZcaVFzJNVEVg4UOCCn78sYxXKPo94VhFDGAWhqL3JbzKKYHjt2DB6ZLXLWFf6Qr94TsF3Uv81ks6SBlPGCGR8t4kgX/s640/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2016-04-20+19.55.41.png" width="640" /></a></div>
<br />
上記の場合はCookieを削除するのが手っ取り早く治ります。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixwKPxCHW3OMlvRiUYbNs1TB2V7t0kSqdATxy_jjgZe1eCxwYgKsDSeG-G_DFTDjZZr7wvrML3EJ0H7fHu9doSnco6IHp6sNjhZ8OLXuM75rqfqJJc7nMy3_uS1RfPhzhdRi5SPCLYoWOQ/s1600/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2016-04-20+19.56.27.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="261" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixwKPxCHW3OMlvRiUYbNs1TB2V7t0kSqdATxy_jjgZe1eCxwYgKsDSeG-G_DFTDjZZr7wvrML3EJ0H7fHu9doSnco6IHp6sNjhZ8OLXuM75rqfqJJc7nMy3_uS1RfPhzhdRi5SPCLYoWOQ/s400/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2016-04-20+19.56.27.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h2 style="clear: both; text-align: left;">
Service Unavailable - Zero size object</h2>
<div class="separator" style="clear: both; text-align: left;">
ログインすると下記のようなサーバーエラーが出る場合、microsoftのcookieを削除し、ログイン画面でログインする前に・・・をクリックしてsign outを行ってからアクセスすると入れる場合があります。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZUPHbbGezs_ZqxUKKb2EDq6uTXujuYXbJWlQjMQTlVvfyNGL5MQEhO4iHONUuLyH3KkDkcgBvP6pFlmBar_ki07JGjpFV1-Kt4tSXx0HNCd7Q0E-RKJITnvUdUpjyXXzgpnGIzo2uukxv/s1600/Service+Unavailable+2016-04-20+20-00-52.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="61" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZUPHbbGezs_ZqxUKKb2EDq6uTXujuYXbJWlQjMQTlVvfyNGL5MQEhO4iHONUuLyH3KkDkcgBvP6pFlmBar_ki07JGjpFV1-Kt4tSXx0HNCd7Q0E-RKJITnvUdUpjyXXzgpnGIzo2uukxv/s400/Service+Unavailable+2016-04-20+20-00-52.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h2 style="clear: both; text-align: left;">
アプリの紹介画像がアップロードできない場合</h2>
<div>
一見アップロードされたように見えますが、保存ボタンを押しても実は保存されていません。文章などは保存されているので見落とす場合があるので注意が必要です。<br />
時間を置いてアップロードするか他のブラウザを使用するとアップロードできます。</div>
<br />
<br />
<br />
<br />
<br />JQMマニアhttp://www.blogger.com/profile/14356812417450436695noreply@blogger.com0tag:blogger.com,1999:blog-1934516065434951361.post-84113768013904687332016-04-14T22:04:00.004+09:002016-04-14T22:21:40.514+09:00Cordova Windows 4.3.2はストアアプリビルドで不具合StartPage周りで不具合の多いCordova Windowsですが、ver4.3.2はストアアプリ向けのビルドを行うまではいいのですが、いざMicrosoftに申請するとコンテンツが表示されないとリジェクトされてしまいました。<br />
普段は見ない認定キットの認定中の画面を見ていると確かに画面が表示されていません。(ただし認定は全て合格する)<br />
レジュームに問題はありますがまだ<b>4.3.0</b>を使い続けるのが良さそうです。JQMマニアhttp://www.blogger.com/profile/14356812417450436695noreply@blogger.com0tag:blogger.com,1999:blog-1934516065434951361.post-24282285811351185432016-04-05T00:56:00.000+09:002016-04-05T21:10:31.986+09:00CordovaでOAuthを利用する(GoogleID利用編)<a href="https://github.com/nraboy/ng-cordova-oauth" target="_blank">ng-cordova-oauth</a>を使ってCordovaアプリでOAuthを利用してみます。このライブラリはAndroid,iOS,Windowsへ対応しています。<br />
<br />
Googleアカウントでログインしてみます。<br />
<br />
bowerやリポジトリからダウンロードするなどしてファイルを読み込みます。<br />
<script src="lib/ng-cordova-oauth/ng-cordova-oauth.min.js"></script><br />
<br />
<h2>
必要なプラグインを入れます。</h2>
cordova plugin add cordova-plugin-inappbrowser --save<br />
cordova plugin add cordova-plugin-whitelist --save<br />
<br />
<br />
<h2>
Googleの開発者コンソールでプロジェクトを作成します。</h2>
<br />
「OauthクライアントID」タイプは「ウェブアプリケーション」で作成します。<br />
承認済みのリダイレクト URIには"http://localhost/callback"を登録しておきます。<br />
<br />
<h2>
<span style="font-weight: normal;">モジュールを関連付けます。</span></h2>
var module = angular.module('app', ['onsen','ngCordovaOauth']);<br />
<div>
<br /></div>
<h2>
OAuth呼び出し</h2>
<div>
<div>
$cordovaOauth.google("Access ID", ["email"]).then(function(result) {</div>
<div>
//Success</div>
<div>
}, function(error) {</div>
<div>
//Error</div>
<div>
});</div>
</div>
<br />
<b>Successの場合のresult</b><br />
{ <br />
"access_token":"*****",<br />
"token_type":"Bearer",<br />
"expires_in":"3600",<br />
"id_token":"*****"<br />
}<br />
<br />
<h2>
Androidの場合の画面遷移</h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8-2kFew_m1iqBbRnJNV13syUFKu4MYQ84rUQ_ra_9nTku4vKBNiXxcrCu8yI8k8NNxDyQCadKSQGvKrJM9OeVKrnrxAKBB4Ef353_-CnvQQlLpCyKnicTJEfDc7ev8SryASSeoqd2D8Ou/s1600/device-2016-04-05-001136.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8-2kFew_m1iqBbRnJNV13syUFKu4MYQ84rUQ_ra_9nTku4vKBNiXxcrCu8yI8k8NNxDyQCadKSQGvKrJM9OeVKrnrxAKBB4Ef353_-CnvQQlLpCyKnicTJEfDc7ev8SryASSeoqd2D8Ou/s400/device-2016-04-05-001136.png" width="223" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiATTN9nqPoqq1RmtTYLo2BlOGH1blwJoMdTsQTkQwXMzjIFuw9TX_0THsCtcvBrNfOLRVae2jAz98krrSX9O3db2AJ2XIv72gFn_PSpt8P13AuvVzAehXorp-dJHakc3NH5xn1YiHhaN8J/s1600/device-2016-04-05-001231.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiATTN9nqPoqq1RmtTYLo2BlOGH1blwJoMdTsQTkQwXMzjIFuw9TX_0THsCtcvBrNfOLRVae2jAz98krrSX9O3db2AJ2XIv72gFn_PSpt8P13AuvVzAehXorp-dJHakc3NH5xn1YiHhaN8J/s400/device-2016-04-05-001231.png" width="223" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh25OZUDFt1ESBwRyoJC3UNMOfdSPKQsBftn9ZTwxaKsJ1YOmyI2VZ8KCjGRsTQ0hERlBSQv-cTmH1YR3Hu7tbNmvCGAKgBSVBDmmVM8-Ia2xXrwcl4QXZBn5fU34te-FsaqvdNH74G0E_0/s1600/device-2016-04-05-002407.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh25OZUDFt1ESBwRyoJC3UNMOfdSPKQsBftn9ZTwxaKsJ1YOmyI2VZ8KCjGRsTQ0hERlBSQv-cTmH1YR3Hu7tbNmvCGAKgBSVBDmmVM8-Ia2xXrwcl4QXZBn5fU34te-FsaqvdNH74G0E_0/s400/device-2016-04-05-002407.png" width="223" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Inappbrowserが中に開いてログイン画面が表示されます。ブラウザ標準の拡大・縮小画面が表示されるので違和感は少しあります。デバイスの戻るボタン以外で元の画面に戻る術はありませんでした。</div>
<div>
<br /></div>
<h2>
iOSの画面遷移</h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7iy08prTS7KFdQvu-bEMw4n_hXi0C20uFMC1fsbi4UjadBa-MMSHfjgEpiPTJCUiR7hX6jL0yyKLmMnldEHRoPkDPkbkd01D2AtDzM7HBI_X32Iqsd2dX5K60qm76SJ6W_FU3YNaZnPN5/s1600/Simulator+Screen+Shot+2016.04.05+0.47.53.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7iy08prTS7KFdQvu-bEMw4n_hXi0C20uFMC1fsbi4UjadBa-MMSHfjgEpiPTJCUiR7hX6jL0yyKLmMnldEHRoPkDPkbkd01D2AtDzM7HBI_X32Iqsd2dX5K60qm76SJ6W_FU3YNaZnPN5/s400/Simulator+Screen+Shot+2016.04.05+0.47.53.png" width="225" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFr0-zoy9qzc-flOiYPrQVIfD8kDecPL_mabUtzjo7fG2vd-ES5Zb2PRtC1BR5Mn6T-MlfGjCosVuQIIPBIqzLplcQ0r8c_RbJEYxZ3xn50voklhIpHN5RM0LSJ2LN3-FuikzTiOSdGgBa/s1600/Simulator+Screen+Shot+2016.04.05+0.48.01.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFr0-zoy9qzc-flOiYPrQVIfD8kDecPL_mabUtzjo7fG2vd-ES5Zb2PRtC1BR5Mn6T-MlfGjCosVuQIIPBIqzLplcQ0r8c_RbJEYxZ3xn50voklhIpHN5RM0LSJ2LN3-FuikzTiOSdGgBa/s400/Simulator+Screen+Shot+2016.04.05+0.48.01.png" width="225" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGdeAEQKNZEhOpXk-ZOoZL9uWbZcB8rh5SElhSq_aoIBCzBDd_U3nUlHeuu3hcnKVzHZdeSQJq6yhd07eq8m5m0m7y4sFy4Ofje4UhnBGlcCb7qr0efrnP-wMzDwK6dyFMZfu85FvZFCmv/s1600/Simulator+Screen+Shot+2016.04.05+0.49.26.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGdeAEQKNZEhOpXk-ZOoZL9uWbZcB8rh5SElhSq_aoIBCzBDd_U3nUlHeuu3hcnKVzHZdeSQJq6yhd07eq8m5m0m7y4sFy4Ofje4UhnBGlcCb7qr0efrnP-wMzDwK6dyFMZfu85FvZFCmv/s400/Simulator+Screen+Shot+2016.04.05+0.49.26.png" width="225" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
"Done"をクリックすると元の画面へ戻ります。問題はApple社の審査をこの動作で通過できるかですが、issueには上がっていないようです。</div>
<div>
<br /></div>
JQMマニアhttp://www.blogger.com/profile/14356812417450436695noreply@blogger.com0tag:blogger.com,1999:blog-1934516065434951361.post-38297622924001001882016-03-16T07:27:00.001+09:002016-03-16T07:30:13.552+09:00UI Framework CtalogへApp.jsを追加モバイル向けUIフレームワークのカタログアプリ<a href="http://ui-catalog.eniblo.com/" target="_blank">UI Framework Catalog</a>へ「<a href="http://code.kik.com/app/3/index.html">App.js</a>」を追加しました。<br />
<br />
App.jsの用途はリストを少し表示するようなちょっとしたアプリや軽量なのを活かしてWebアプリなどが良いのではないでしょうか。<br />
UI Framework CatalogでもトップメニューにはApp.jsを使用しています。覚えるのがとても簡単ですぐに使い始めることができました。<br />
<br />
<br />
<h2>
App.jsの特徴</h2>
<div>
<ul>
<li>軽量 -> コンポーネントの数はかなり少ない</li>
<li>iOS, Androidの向けのUI</li>
<ul>
<li>タイトルバー、ダイアログのデザインとページ遷移時のアニメーションが違うのみ</li>
</ul>
<li>学習コストはかなり低い</li>
</ul>
<div>
<br /></div>
</div>
<h2>
App.jsコンポーネント</h2>
<ul>
<li>ボタン</li>
<li>タイトルバー</li>
<li>リスト</li>
<li>ダイアログ</li>
<li>画像カルーセル</li>
</ul>
<div>
<br /></div>
<h2>
画面画像</h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCVEBI0EMZNJnXpuYBnbrZTlzVgBfKsFrUVHB2aPoO8yJLsyXreqtMdloNb4zQ6iSLQYFGLaPtz9a9UoH-fBVM9Flt9zvwKADAoaHdjaxaPUkx4yWdpUq53yst2ZwZ1e9XEL4XeQNKzBGm/s1600/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2016-03-16+7.21.40.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="App.js ボタン" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCVEBI0EMZNJnXpuYBnbrZTlzVgBfKsFrUVHB2aPoO8yJLsyXreqtMdloNb4zQ6iSLQYFGLaPtz9a9UoH-fBVM9Flt9zvwKADAoaHdjaxaPUkx4yWdpUq53yst2ZwZ1e9XEL4XeQNKzBGm/s320/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2016-03-16+7.21.40.png" title="App.js ボタン" width="180" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7CB5CABWX6wgTTiWVw7V4MffPT-kkHjmSEfgFrZEjvyBuuNCRAQXy9ZCihXXVdYK3IZpSab_GSmqzWnlzFltyXNs8s7ngQtbi7ylIpaHXJT4XsQ7nQkxR4zLEMi2G2VEE_VpGkQG7zUro/s1600/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2016-03-16+7.21.53.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="App.js ダイアログ" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7CB5CABWX6wgTTiWVw7V4MffPT-kkHjmSEfgFrZEjvyBuuNCRAQXy9ZCihXXVdYK3IZpSab_GSmqzWnlzFltyXNs8s7ngQtbi7ylIpaHXJT4XsQ7nQkxR4zLEMi2G2VEE_VpGkQG7zUro/s320/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2016-03-16+7.21.53.png" title="App.js ダイアログ" width="181" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEYQWnF6m1vTPD91aY2GRf3q-0-9xFWUR36x-lxTnQq1-Ps8zaz2r0aH2r2SbLAAE4cc7heLCERTLkH_qGDTQVSf9rPgDuaUtiZNMN-w-CM1ek6UZFDJ0nz0LD7N3Ir4QMnNKvmul_syRk/s1600/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2016-03-16+7.22.23.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="App.js リスト" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEYQWnF6m1vTPD91aY2GRf3q-0-9xFWUR36x-lxTnQq1-Ps8zaz2r0aH2r2SbLAAE4cc7heLCERTLkH_qGDTQVSf9rPgDuaUtiZNMN-w-CM1ek6UZFDJ0nz0LD7N3Ir4QMnNKvmul_syRk/s320/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2016-03-16+7.22.23.png" title="App.js リスト" width="181" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaOd6K40IO8UpNw9EyLYp7PO2JPFWdTK4FYwGPHwhIyR3aCT5jMGhrGCX0pjMKqTqwhaIGYsRIhuy059bsVvTMKPkzGteeKrsxVO0ejCHpBaHEJ2t3bnALJoE0Vjvxz_2xQ4sdfCWLvFSr/s1600/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2016-03-16+7.22.37.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="App.js フォーム" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaOd6K40IO8UpNw9EyLYp7PO2JPFWdTK4FYwGPHwhIyR3aCT5jMGhrGCX0pjMKqTqwhaIGYsRIhuy059bsVvTMKPkzGteeKrsxVO0ejCHpBaHEJ2t3bnALJoE0Vjvxz_2xQ4sdfCWLvFSr/s320/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2016-03-16+7.22.37.png" title="App.js フォーム" width="180" /></a></div>
<div>
<br /></div>
JQMマニアhttp://www.blogger.com/profile/14356812417450436695noreply@blogger.com0tag:blogger.com,1999:blog-1934516065434951361.post-87695166260911418102016-03-03T19:40:00.001+09:002016-03-03T19:42:42.021+09:00Cordova Android5.1.1, iOS4.1がリリースされました昨日Cordova <a href="http://cordova.apache.org/announcements/2016/03/02/cordova-android-5.1.1.html">Androidが5.1.1</a>へ<a href="http://cordova.apache.org/announcements/2016/03/02/ios-4.1.0.html" target="_blank">Cordova iOSは4.1</a>へアップデートできるようになりました。どちらも最近困っていました不具合が解消されました。<br />
現在動作を確認している限りではAndroid5.1.1に目立った不具合は感じられません。<br />
<br />
<h2>
Cordova Android5.1.1注目のアップデート内容</h2>
<div>
<ul>
<li>Uninstall app from device/emulator only when signed apk is already installed</li>
<ul>
<li>テスト時に端末やエミューレータのデータがディプロイの度に消えていましたが、解消されました。</li>
</ul>
</ul>
</div>
<div>
<h2>
Cordova iOS4.1.0注目のアップデート内容</h2>
</div>
<div>
<ul>
<li>correct the paths for iOS icon and splashscreen resources</li>
<ul>
<li>アーカイブ時に出ていたリソースが見つからない問題が解消されます</li>
</ul>
</ul>
</div>
JQMマニアhttp://www.blogger.com/profile/14356812417450436695noreply@blogger.com0