主にストアアプリが作りたい!! しかもi...

64
主にストアアプリが作りた い!! しかもiOSとかAndroidアプリと かも作りたい!!

Upload: makoto-nishimura

Post on 10-Jul-2015

1.170 views

Category:

Technology


2 download

TRANSCRIPT

Page 1: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

主にストアアプリが作りたい!!しかもiOSとかAndroidアプリとかも作りたい!!

Page 2: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

主な複数プラットフォーム開発ツール

ストアアプリ

デスクトップ

Windows Phone iOS MacOS Android

Xamarin △ △ △ ○ △ ○

Unity ○ ○ ○ ○ ○ ○

Monaca ○ × × ○ × ○

Adobe AIR × ○ × ○ × ○

PhoneGap × × ○ ○ × ○

Titanium Mobile

× × × ○ × ○

※△は条件付き※有料無料は考慮しておりません。※ほかにもRAD Studio XE5, OpenLaszloなど

Page 3: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

今回は以下を紹介します

ストアアプリ

デスクトップ

Windows Phone iOS MacOS Android

Xamarin △ △ △ ○ △ ○

Unity ○ ○ ○ ○ ○ ○

Monaca ○ × × ○ × ○

Adobe AIR × ○ × ○ × ○

PhoneGap × × ○ ○ × ○

Titanium Mobile

× × × ○ × ○

※△は条件付き※有料無料は考慮しておりません。※ほかにもRAD Studio XE5, OpenLaszloなど

Page 4: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

Xamarin

Page 5: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

Xamarin

概要:C#でiOS、MacOS、 Androidアプリの開発が可能

IDE:Visual Studio or Xamarin Studio

備考:iOS、Android用のポータブルクラスライブラリ(PCL)の開発が可能

もともとはMonoとして開発が進み色々あってXamarinに

Page 6: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

お値段

Page 7: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

お値段の感想

無料版(STARTER)はお試しという印象

Visual StudioサポートがBUSINESSから・・・

企業利用ならBUSINESSもあり、個人利用だとちょっと高い。INDIE版か?

Page 8: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

使ってみる

30日体験版でVisual Studioからの開発を試してみる。

Page 9: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

使ってみる(Android編)

新しいプロジェクトにAndroidとiOSの文字が!!

Page 10: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

書籍を参考に作ってみる(Android編)

「作ればわかる!Androidプログラミング」を参考にアプリを作ってみる。

Page 11: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

書籍を参考に作ってみる(Android編)

画面はAndroidと同じコード(XML)で行ける。注意:XAMLではない

WYSYWIGエディタもある。

Page 12: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

Visual Studio感覚(いやVisual Studioなんですが・・・)でコントロールをドラッグ&ドロップ

Page 13: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

ViewのコードはXAMLじゃなくてAndroid式

Page 14: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

(Java) static final int imageButtons[] = {

R.id.image_button1,

(C#)static private readonly int[] imageButtons = {

Resource.Id.image_button1,

Page 15: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

(Java) ImageButton imgbtn =

(ImageButton)findViewById(imageButtons[i]);

(C#)ImageButton imgbtn = FindViewById<ImageButton>(imageButtons[i]);

Page 16: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

(Java) ImageButton imgbtn =

SystemClock.elapsedRealtime() ;

(C#)SystemClock.ElapsedRealtime();

Page 17: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

(Java) btn.setOnClickListener(new View.OnClickListener() {

public void onClick(View v) {startGame();startChronometer();

}});

(C#)btn.Click += (s, e) =>

{startGame();startChronometer();

};

Page 18: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)
Page 19: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

Xamarin × Androidまとめ

Visual StudioでAndroid開発ができるのはBUISINESSエディション(30日お試しあり)

Xamarin Studioなら無料のSTARTERでも可能。(容量などの制限あり)

作成したプロジェクトはMac上のXamarin Studioでも開発可能(お試し版だと同時に複数PCで利用できない?)。

Page 20: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

軽く使ってみる(iPhone編)

Visual StudioでiOS開発するにはBUSINESS以上のエディションが必要と表示されます(AndroidができたのもTrialだったからです)。

Page 21: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

軽く使ってみる(iPhone編)

(参考)Macだと制限つきですがSTARTERでiPhone開発可能。

Page 22: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

軽く使ってみる(iPhone編)

Trialを選択。

Page 23: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

軽く使ってみる(iPhone編)

(意訳)Mac上でデバッグするためのホストを起動しPairを押してくれ!

Page 24: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

軽く使ってみる(iPhone編)

Mac上でログインしてPairボタンを押す

Page 25: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

軽く使ってみる(iPhone編)

Mac上でログインしてPairボタンを押す

Page 26: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

軽く使ってみる(iPhone編)

続いてVisual StudioでビルドするホストMacを選択。

Page 27: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

軽く使ってみる(iPhone編)

ペアリングするためにMac上で表示されたPINを入力。

Page 28: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

軽く使ってみる(iPhone編)

ペアリング成功!!

Page 29: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

軽く使ってみる(iPhone編)

ペアリング成功!!

Page 30: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

軽く使ってみる(iPhone編)

Mac側でシュミレーター起動

Windows側はVisual Studioでデバッグ

Page 31: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

気になったところ(iPhone編まとめ)

ストーリーボード(iPhoneのView作る仕組み)が作れない。(Mac上で起動したXamarin Studioなら可能)

リモートデバッグが面倒(Win機とMacでキーボード、マウスを共有して対応)

Visual Studioに拘らず、C#にこだわるならMacでXamarin Studioが良さそう。

Page 32: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

軽く使ってみるPCL編

Visual Studio+Xamarinを使えばiOS用のアプリもAndroid用のアプリもC#で作成できるのはわかった!!

けど、それぞれ別のプロジェクトが必要になるんだよね?

結局、それぞれで開発しなければいけないの?

Page 33: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

軽く使ってみるPCL編

という場合にPCL(ポータブルクラスライブラリ)の登場です。

PCL=Windows、Silverlight、Windows Phoneなどで共通で実行できるDLLを作成するんだ!!

Xamarinを使えばこれにAndroid、iPhoneが加わる!!(注意:Visual StudioでのPCL作成にはPro以上のエディションが必要です。)

Page 34: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

軽く使ってみるPCL編

Xamarinがある場合PCL作成時に決める対応プラットフォームに・・・

Page 35: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

軽く使ってみるPCL編

とりあえずすごい簡単なやつを作ってみる

public class Class1{

public int add(int a, int b){

return a + b;}

}

Page 36: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

軽く使ってみるPCL編

とりあえずすごい簡単なやつを作ってみるAndroidのプロジェクトで呼び出し(手抜き過ぎてすまん)

Class1 c = new Class1();System.Diagnostics.Debug.Write(c.add(3, 4));

結果↓

Page 37: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

軽く使ってみるPCL編

もちろんiPhoneでも!!

Class1 c = new Class1();System.Diagnostics.Debug.Write(c.add(3, 4));

結果↓

Page 38: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

軽く使ってみるPCL編

もちろんWindowsストアアプリでも!!

Class1 c = new Class1();System.Diagnostics.Debug.WriteLine(c.add(3, 4));

結果↓

Page 39: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

PCLまとめ

使い方は簡単。

でも、各プラットフォーム固有のAPIなどは呼び出せない。

Visual StudioだとPro以上のエディションが必要になりますが、Xamarin Studioなら無償のSTARTERでも32kbまでのPCLが作れる。とりあえず動作確認はできるね。

Page 40: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

Xamarinまとめ

C#でいろいろ開発できる!!View側の仕組みはそれぞれの

iPhone開発はMacが必要

無料のSTARTERで動作確認とりあえず簡単なアプリを作るならINDIE(年間299$)Visual Studioを使いたいならBUSINESS(年間999$)ENTERPRISEはなんでもありで1899$

プロジェクトはそれぞれのプラットフォームで必要PCLである程度カバー

Page 41: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

Unity

Page 42: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

Unity

言わずとしれたゲーム制作ツール。

無料でいろいろ始められるのが嬉しい。(iOS、Android、ストアアプリ・・・)

C#で書ける!!

3Dゲーム用でしたが、2Dも行けるように(こうなると使い方次第ではなんでも)

Page 43: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

お値段機能がそろったPro版は有料

Page 44: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

無印とProの比較

http://japan.unity3d.com/unity/licenses

Page 45: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

軽く使ってみる

以下のWebサイトを参考に触ってみます。ドットインストール – Unity入門(全26回)

http://dotinstall.com/lessons/basic_unity

Page 46: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

軽く使ってみる

以下の作業を行います

1.床とボールの配置

2.重力の設定

3.キーイベントで入力に反応

4.ストアアプリ用に書き出し

Page 47: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

軽く使ってみる

デモ

Page 48: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

軽く使ってみる

1.床とボールの配置

オブジェクト(物体)の配置はHierarchyウィンドウ(Visual Studioでいうソリューションエクスプローラー)

Page 49: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

軽く使ってみる

1.床とボールの配置

オブジェクト(物体)のパラメーターはInspectorで(Visual Studioでいうプロパティウィンドウ)

Page 50: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

軽く使ってみる

床になる(Cube)とボール(Sphere)を配置

Page 51: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

軽く使ってみる

ボールに重力を設定

Componentから物理設定を

(参考)#08 Rigidbodyを使ってみようhttp://dotinstall.com/lessons/basic_unity/24608

Page 52: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

軽く使ってみる

ボールに重力を設定

Physics→Rigidbody

Page 53: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

軽く使ってみる

動作確認

跳ね返らないので跳ね返りを設定

Page 54: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

軽く使ってみる

跳ね返りを設定

Physic Material→Bouncinessを設定

ボール(Sphere)にPhysic Materialを設定(ドロップ)

Page 55: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

軽く使ってみる

キーイベントの設定

スペースキーで飛び上がるようにする

・・・その前に

Page 56: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

軽く使ってみる

エディタをVisual Studioに設定

Edit→Preferences

External Tools

(参考)#12 Scriptを追加してみようhttp://dotinstall.com/lessons/basic_unity/24612

Page 57: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

軽く使ってみる

スクリプトはボールに対して設定

ボールを選択してAdd Component → New Script

Page 58: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

軽く使ってみる

public class NewBehaviourScript : MonoBehaviour {

// 初期化処理をここに記入void Start () {

}

// 繰り返し呼ばれるのでここにイベント処理などを書くvoid Update () {

}}

Page 59: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

軽く使ってみる

// 繰り返し呼ばれるのでここにイベント処理などを書くvoid Update () {

if (Input.GetButtonUp("Jump")){

// 上向きの速度を与えるrigidbody.velocity = Vector3.up * 10;

}}

Page 60: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

軽く使ってみる

ストアアプリ用に書き出し

C#+XAMLも選べるもちろん8.1対応!!

Page 61: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

軽く使ってみる

ストアアプリ用に書き出し

Visual Studioのプロジェクト形式に吐き出されるので、ストアに出せるように整形。

Visual Studioでストア提出向けの情報を編集!!・・・なんだけど、この工程でUnity側で編集が出たら・・・

Visual StudioからUnityで作ったゲームロジックなどは触れない(っぽい)

Page 62: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

Unityまとめ

・すぐに3Dのアプリを作成できる

・Visual Studioでソースを編集できる

・PC、 Windows Phone、ストアアプリ、色々書きだせる。

もちろん、キーイベントやタッチイベントはそれぞれに対応するように

Page 63: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

全体まとめ

・Visual StudioやC#を使って色々なプラットフォーム向けのアプリが作れる!!

・.NET技術でiPhone, Androidアプリも作ろう!!もちろんストアアプリもね!

Page 64: 主にストアアプリが作りたい!! しかもI osとかandroidアプリとかも作りたい!!(公開用)

ご清聴ありがとうございました