カテゴリー
コンピューター

Monaca の BarcodeScaner プラグインには読めない全角文字がある問題への対処

問題

  • はしごだか、たつさき、に限らず漢字の一部で、また、ひらがなでも組み合わせによって QR コードが読めない。
  • Monaca の iOS アプリで確認した。
    • Cordova バージョン: 4.1.2
      iOS プラットフォーム: 3.7.0
      Android プラットフォーム: 3.6.4
    • BarcodeScaner: v1.0.1
カテゴリー
Apple

【Monaca】【iOS アプリ】ネットワークインストール時のエラー対処

以前 Monaca でビルドして iOS にインストールし、正常に動くことを確認したアプリがございました。

その後月日が経ち、再度インストールしようといたしました。

すると、次のエラーが発生し、ネットワークインストールができませんでしたの><

Monacaでデバッグビルドしたアプリケーションをネットワーク経由で端末にインストールすることができます。

iOS端末からこのページにアクセスして下のボタンをタップしてください。

インストールできる有効期間を超えています。お手数ですがビルドをやり直してください。

インストールする
インストール出来ない場合

インストール出来ない場合は、アプリケーションに設定したプロビジョニングファイルに今アクセスしている端末を設定しているかなど、プロジェクトのiOS関連の設定を確認してください。

ネットワークインストールについて

ネットワークインストールは、iOS4以降の端末で利用できます。 iOS4未満の端末を使っている場合、デバッグビルドしたipaファイルとプロジェクトに 登録したプロビジョニングファイルをiTunesなどを通じて手動でインストールしてください。

ドキュメント を見ながら対処して、無事解決できましたのでその記録を残しておきますわ♪

カテゴリー
コンピューター

【Monaca】【Onsen UI】ナビゲーション型のページのひとつに、スライディングメニューを組み込むコード

ビゲーション型のページのひとつに、スライディングメニューを組み込むアプリのページ遷移イメージ
ビゲーション型のページのひとつに、スライディングメニューを組み込むアプリのページ遷移イメージ

アプリ内容

次の内容のアプリですわ。スライディングメニューとページ移動のみの、機能は一切無いアプリとなりますの。

  • ページ一覧
    • メインページ
    • ページ1
    • ページ2
  • メインページ ←→ ページ1←→ ページ2  →メインページ …、と移動する。
  • メインページのみ、スライディングメニューを持つ。

テンプレートとコード

カテゴリー
コンピューター

【AngularJS】一覧・詳細画面ごとのコントローラー間でデータ共有しているサンプル【Monaca】【Onsen UI】

一覧、詳細のコントローラー間でデータを共有する AngularJS アプリサンプル!

【AngularJS 】ページにバインドした $scope を別のコントローラと共有・同期したい【Monaca 】【Onsen UI】 | oki2a24 の続編となります

今まで、Monaca に Onsen UI を組み込んで AngularJS を駆使して次の 2 つのデータ共有方法を学習してまいりました♪

  • レベル1. 同じページに複数のコントローラー
  • レベル2. 異なるページに複数のコントローラー

そして、次の点を学びました。

  • ファクトリーオブジェクトは 1 つのみ存在する。
  • $scope はファクトリーの参照である。
  • ファクトリーまたは $scope のどちらのプロパティの値を変更しても、すべてのコントローラーのデータが即時で同期される
  • ファクトリーまたは $scope のどちらにプロパティを追加しても、すべてのコントローラーのデータが即時で同期される

実際のアプリでは、一覧画面でひとつを選択して詳細画面へ行き、編集や削除を行い、一覧画面へ戻る、そのとき詳細画面の変更内容は一覧画面へ反映済み、という動きが普通と存じます。

今回は、そのようなケースを想定して次のような仕様のサンプルを作ります。

  • 一覧画面: 一覧データはサーバから取得してメモリに保存(ただしサンプルなのでダミーの JSON ファイルを作って使う)
  • 一覧画面 → 詳細画面の移動時: サーバから詳細データを取得してメモリに保存(ただしサンプルなのでダミーの JSON ファイルを作って使う)
  • 詳細画面: 内容を変更して「変更」ボタンをタップしたら、サーバへ内容を送信し、詳細メモリ・一覧メモリの内容も更新する。(ただしサンプルなのでサーバへ変更内容は送信しない)

ネットワーク通信は実際には行いません。一覧から詳細への移動時は毎回ダミーの JSON ファイルからデータを取得いたします。したがいまして、詳細画面が表示される時は毎回同じデータです。

レベル3. 異なるページに複数のコントローラーでデータはオブジェクトの配列

カテゴリー
コンピューター

【Monaca】iPad の DatePicker が使えた♪※デザインはイマイチ

Monaca Datepicker プラグインは iPad では使用できないとある。

ポイント

  • Datepickerプラグイン – Monacaドキュメント には「こちらのプラグインはiPhoneでのみ動作し、iPadでは正常に動作しません。」とある。
  • しかし、iOS 8 の iPad で確かめたところ、Datepickerプラグインを使ってネイティブ側の DatePicker コントロール ( 日付設定 ) にアクセスできた
  • ただし、タップした場所ではなく常に左上に表示され、デザイン性には欠けた
カテゴリー
コンピューター

【AngularJS 】ページにバインドした $scope を別のコントローラと共有・同期したい【Monaca 】【Onsen UI】

AngularJS でデータ共有用のファクトリーを生成し、複数のコントローラーに注入することでコントローラー間でデータ同期を取る

【まとめ】AngularJS でデータ共有用のファクトリーを生成し、複数のコントローラーに注入したときのふるまい・ポイント

  • ファクトリーオブジェクトは 1 つのみ存在する。
  • $scope はファクトリーの参照である。
  • ファクトリーまたは $scope のどちらのプロパティの値を変更しても、すべてのコントローラーのデータが即時で同期される
  • ファクトリーまたは $scope のどちらにプロパティを追加しても、すべてのコントローラーのデータが即時で同期される

はじめに

  • Monaca で iOS アプリを作っている
  • 一覧ページと詳細ページがあり、それぞれ別の AngularJS のコントローラーが紐付いている
  • 一覧ページで選択したデータは、移動先の詳細ページで値を更新できる
  • 詳細ページで更新した値は一覧ページの値へも反映されていてほしい

こんなことを実現したいのですけれども、コントローラー間でデータの共有ってできるのかしら?

カテゴリー
Microsoft

【成功!】Monaca と Onsen UI 使用者が Visual Studio 2015 RC から Visual Studio 2015 にアップデートして動作を確認♪

Visual Studio 2015 を選択して「更新」

要約・結論

はじめに

Visual Studio 2015 RC にこれら2つのプラグインをインストールしてモバイルアプリを開発しておりました。

今回、正式なバージョン2015にアップデートして、これらのプラグインを引き続き使用したまま、開発を再開することができるのかしら?開発中プロジェクトへの影響はあるのかしら?引き続き問題なく使えるかしら?…

疑問に思いましたので、記録を取りながら少し確認してみました。

カテゴリー
コンピューター

【AngularJS】現在時刻をリアルタイムに表示する時計サンプル

目的・実現方法

  • リアルタイムの時間を AngularJS を使って表示したい。
  • HTML タグを書いたところに自動的に時刻を挿入したい。
  • 時間のフォーマットを HTML タグ内で指定したい。

JavaScript 側で機能を作ったら、HTML 側では機能を意識しないで使いたいですの。つまり、AngularJS と HTML の結びつきが薄い、疎な状態なものを作りたいですわ♪

カテゴリー
Microsoft

Visual Studio 2015 で開発している Monaca プロジェクトを後で再開できるように削除する方法!

Monaca を Visual Studio 2015 で開発しており、プロジェクトを削除するときはどう考え、どう行動すると良いかしら?

大事にしたいことは、削除したプロジェクトを後々インポートして開発を再開できるようにしたい!、ですの。

後で開発を再開できるように Monaca プロジェクトを削除する手順