Beacondoで制作したiOSネイティブアプリをiPhoneで起動する方法

まず始めにApp Storeから"Beacondo Viewer"をダウンロードしてiPhoneにインストールします。


1. Beacondoデザイナーを使いプロジェクトをビルドする。今までは"Build for Xcode"でiOSシュミレータでアプリの実行をしていましたが、今回は左側オプションの"Build for Beacondo Viewer"を選びます。そして"Start Build"ボタンをクリックします。それにより指定した場所に、指定した名前で???.zipファイルが自動保存されます。



2.Beacondo ViewerをインストールしたiPhoneをMacにケーブル接続し、MacのiTunesを起動して認識させます。

iPhone_connection-1.png

3. iTunesのウィンドウで、左側のコラムの「デバイス」から目的のiPhoneを選択し、iTunesウィンドウ内にある「App」タブを選択します。



4. iTunesのウィンドウを下にスクロールし、「ファイル共有」の「App」から「Beacondo」を選択します。「App」のリストの右側に表示される「Beacondoの書類」の領域に、ビルドして自動生成された???.zipファイルを領域内にドラッグ&ドロップで追加します。そして、iTunesウィンドウの右下にある「同期」ボタンをクリックします。

becondoApp_transfer-3.png

5.iPhoneでBeacondoを起動し、右画面上の「+」ボタンをタップします。メニューから「Copy from iTunes」を選びます。



6.リストに追加された新プロジェクトをタップしiOSネイティブアプリケーションを起動します。

スポンサーサイト

BeacondoでKMLファイルをiOSネイティブアプリに組み込む



1.Google Earthをダウンロードし、指定したい住所で検索します。
2.左側メニューに表示される住所をチェックし、右マウスでKML形式で地図ファイルを保存します。



3.Beacondoデザイナーを開き、アプリ内に表示する項目にMAPを選択します。



4.MAP項目をクリックするとポップアップウィンドウが表示されますので、***.bdoのコンテンツフォルダー内に1.で用意したKMLファイルをあらかじめコピーします。
5.locationsメニュー内に"map.kml"ファイルを選択・表示を確認します。
6.OKボタンを押してポップアップウィンドウを閉じます。



7.Beacondoデザイナーの右上端にあるBuildボタンをクリックし、真ん中にある"Start Build"ボタンをクリックします。

beacondo-4.png

8.Xcode上の左スタートボタンでコンパイルすると、iOSシュイレータが自動で立ち上がり、アプリケーションが生成さてます。指定したアプリの場所に地図データが表示されているか確認できます。







MacBook Airにbeacondo環境を構築する



ここ数か月はiPadAirを持ち歩いていましたが、今週からはMacBook Airに変えて、beacondoをインストールして、スマホアプリ制作のデモをするためにXcodeをダウンロードしている最中です。 しかし、自宅にはEモバイルルーターのみのネット環境しかないため、2.2GBあるXcodeファイルをMacbook Airにダウンロードするために数時間かかっています。 やはり、自宅は有線ネット環境があったほうがいいですね。

今週からは、ウェブ経由で引き合いをいただいた会社を訪問するため、MacBook Airを持ち歩いて実演デモをします。

8月にはbeacondo-Androidバージョンもリリース予定、コピッとがんばる! 

BeacondoでiOSネイティブアプリを制作しました!

まだまだ、デザイン的にラフですが、Beacondoデザイナーを使うと1時間程度で下記のようなiOSネイティブアプリができます!

Barihigh.jpg


Beacondoの説明資料をSlideshare.netにアップ

カレンダー
06 | 2017/07 | 08
- - - - - - 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 - - - - -
プロフィール

吉田秀利

Author:吉田秀利
はじめまして!友人から教えてもらったオープンソースを仕事にいかしています。Tips&Tricksをご紹介します。

「iBeaconアプリ開発ガイド」

詳細はこちらから...

crijapan

http://www.crijapan.jp

最新記事
月別アーカイブ
カテゴリ
ネイティブスマホアプリが簡単にできる!
クラウドPBX Voipditto.com
オープンソース執筆本

 オープンソースツール執筆本: 

Trixbox実績ガイドブック