アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud...

25
1 今日の授業 Confidential / Don’t distribute  cayto inc.

description

schoo

Transcript of アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud...

Page 1: アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】

1

今日の授業

Confidential / Don’t distribute  cayto inc.

Page 2: アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】

2

アプリ開発者の収益を最大限にするためのバックエンドサービス

とは、

Confidential / Don’t distribute  cayto inc.

Page 3: アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】

3

広告ネットワーク

アプリのマネタイズに必要な機能が全て用意されているサービス

アプリ内課金PUSH通知 サーバーetc…

Confidential / Don’t distribute  cayto inc.

Page 4: アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】

4

今日の授業の内容

Confidential / Don’t distribute  cayto inc.

Swiftデ、広告実装!

Page 5: アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】

5

今日の授業の内容

Confidential / Don’t distribute  cayto inc.

SwiftとはAppleのiOSおよびOS Xのためのプログラミング言語です

「コード量を従来より少なくできる」「Objective-Cより速い(らしい)」

「Objective-Cと共存できる」

Page 6: アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】

6

今日の授業の内容

1時限事前準備を 説明します。

2時限広告実装を 説明します。

Confidential / Don’t distribute  cayto inc.

今日の教材

ダウンロード

してくださいねー

ダウンロードはこちら

https://app-c.net/schoo/schoo20141203.zip

Page 7: アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】

7Confidential / Don’t distribute  cayto inc.

広告実装準備ヲ、ハジメマス

1時限目 事前準備

手順(1)— 広告SDKのダウンロード —

手順(2)— 新規プロジェクトの作成 —

手順(3)— 広告SDKの設置 —

手順(4)— Bridge headerの設定 —

手順(5)— フレームワークの追加 —

手順(6)— appC Cloud初期化処理 —

Page 8: アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】

8Confidential / Don’t distribute  cayto inc.

管理画面( )にログインして、 の広告 をダウンロードします。

の最新 をダウンロードログインしたら、①SDKダウンロードページへ行き、iOS用の②「Download SDK」ボタンで「appc_cloud_ios_v_2.0.0_20140922.zip」をダウンロードします。

手順(1)— 広告SDKのダウンロード —

1

2

Page 9: アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】

9Confidential / Don’t distribute  cayto inc.

を起動して新規プロジェクトを作成します。

新規プロジェクトを作る起動画面で「 」を開き、テンプレートプロジェクトダイアログで「 」を選んで「 」ボタンで次へ行きます。

手順(2)— プロジェクトの作成 —

Page 10: アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】

10Confidential / Don’t distribute  cayto inc.

新規プロジェクトのオプション情報を設定して作成完了。

新規プロジェクトの情報を設定します。左のように「 」と「 」「 」で、プロダクトの名前を入力して開発言語、作成するアプリケーションのデバイスにチェックして「 」ボタンで次へ行きます。

手順(2)— プロジェクトの作成 —

新規プロジェクト作成完了ファイルツリーに「schoo20141203」が現れていれば設置完了です。

Page 11: アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】

11Confidential / Don’t distribute  cayto inc.

作成した新規プロジェクトに、 の を設置します。

の を設置Xcodeでファイルツリーから作成した新規プロジェクトのフォルダを開き、 管理画面よりダウンロードした の最新バージョン「 」をドラッグドロップします。

手順(3)— 広告SDKの設置 —

Page 12: アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】

12Confidential / Don’t distribute  cayto inc.

設置した の のオプション情報を設定して設置を完了します。

手順(3)— 広告SDKの設置 —

オプションを設定オプションのダイアログが出ますので、その際に

のチェックを入れます。で次へ行きます。

設置完了ファイルツリーに「appc_cloud_2.0.0_x6」が現れていれば設置完了です。

Page 13: アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】

13Confidential / Don’t distribute  cayto inc.

から のヘッダファイルを読み込む、 の設定を始めます。

手順(4)— Bridge headerの設定 —

ファイル内に新規「 」を作成ファイルツリーの「schoo20141203」を選択して、右クリック→「New File…」を選ぶと、ダイアログが開くので「Objective-C File」を選んで「Next」ボタンで次へ行きます。

Page 14: アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】

14Confidential / Don’t distribute  cayto inc.

「 」に任意の名前をつけて作成

手順(4)— Bridge headerの設定 —

任意の名前をつけて「 」を作成先ほどのダイアログから任意のファイル名「appCなど」を入力してFileTypeはEmpty FIleの状態で「Next」ボタンで次へ行きます。保存先が「schoo20141203」になっているのを確認して「Create」で次へ行きます。

Page 15: アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】

15Confidential / Don’t distribute  cayto inc.

「 」の作成

手順(4)— Bridge headerの設定 —

「 」の作成ダイアログが出てきて「Bridge header」として設置するか聞かれるので「Yes」ボタンで作成完了します。

※ファイルツリーに「appC.m」「schoo20141023-Bridging-Header.h」の2ファイルが、現れれば「Bridge

header」設置が完了。「appC.m」は不要なので削除しても問題ありません。

Page 16: アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】

16Confidential / Don’t distribute  cayto inc.

「 」の設定を完了します。

手順(4)— Bridge headerの設定 —

「 」の設定完了ファイルツリーから「schoo20141023-Bridging-Header.h」を開いて を追加してヘッダーのインポートを記述します。これで のプログラム全体から の呼び出しが可能となります。

Page 17: アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】

17Confidential / Don’t distribute  cayto inc.

「 」のオプション情報に、フレームワークを追加します。

手順(5)— フレームワークの追加 —

5 フレームワークを追加するファイルツリーのプロジェクトを選び表示される、オプション情報の

の 「 」ボタンから、下記の点の を のダイアログで検索して「 」ボタンで追加します。

のように表示されれば完了です。1

2

3

Page 18: アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】

18Confidential / Don’t distribute  cayto inc.

次に の広告 の初期化処理を始めます。 管理画面()にログインして、アプリの登録をします。

でアプリを登録管理画面ダッシュボードで       ボタンをクリック アプリ管理名を「 」と入力して登録 を選択 メディア詳細画面へ。

メディア詳細画面で左の赤枠のように「アプリ名」「 」を入力して、画面下にある        ボタンをクリックし「メディアキー」を生成してください。

「メディアキー」はコピーボタンでクリップボードにコピーされます。

手順(6)— appC Cloud初期化処理 —

Page 19: アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】

19Confidential / Don’t distribute  cayto inc.

プロジェクトに、 のメディアキーを設置します。6-2 メディアキーの設置

を開いて、メディアキーを 管理画面のメディア詳細設定からコピーして の メディアキー の部分に設置します。

手順(6)— appC Cloud初期化処理 —

1

Page 20: アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】

20Confidential / Don’t distribute  cayto inc.

サンプルプロジェクトに

リストビュー型広告 を実装します

2時限目広告実装 — リストビュー広告 —

リストビュー広告

Page 21: アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】

21Confidential / Don’t distribute  cayto inc.

実装手順 — リストビュー広告の実装 —

コードを 行設置するだけ!Xcodeで を開いて、 メソッド内へ を記述して完了です。

1

Page 22: アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】

2時限目広告実装 — ムーブアイコン広告 —

22Confidential / Don’t distribute  cayto inc.

サンプルプロジェクトに

ムーブアイコン型広告 を実装します

ムーブアイコン広告

Page 23: アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】

23Confidential / Don’t distribute  cayto inc.

実装手順 — ムーブアイコン広告の実装 —

コードを 行設置するだけ!Xcodeで を開いて メソッド内へ を記述して完了です。

23

Page 24: アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】

24Confidential / Don’t distribute  cayto inc.

オ疲レサマデシタ

https://app-c.net/

Page 25: アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】

25

カイト株式会社(cayto inc.)〒106-0047 東京都港区南麻布3-21-17 B City Tower Azabu Tokyo 7F

Tel:03 5475 3385  設立:2008年4月1日業務内容:「giveApp」「appC cloud」の運営

@appC_official

https://www.facebook.com/appc.cloud

Confidential / Don’t distribute  cayto inc.