Comments
Description
Transcript
Xamarin
Xamarin-‐‑‒Bluemixハンズオン 事前作業⼿手順書 エクセルソフト株式会社 × 1 × Xamarin対応⼀一覧 • Xamarinは様々なOS向けのアプリを各種IDEで開発できます。この ハンズオンでは⾚赤枠の組み合わせで開発を⾏行行います。 Windows Mac Visual Studio Xamarin Studio Xamarin Studio iOS ○（要Mac） × ○ Android ○ ○ ○ Mac × × ○ Windows Phone ○ × × UWP ○ × × Windowsストア ○ × × 2 事前に必要な作業 × • Xamarinのインストール • Xamarinアカウントの作成 • SDK更更新や開発者登録 – Android SDK更更新（Windows／Androidの場合） – Apple Developer Program加⼊入、プロビジョニングプロファイルの準 備（Mac／iOSの場合） • Xamarinで実機ビルドのテスト 3 × Xamarin インストール 4 Xamarinインストール × • 【Windows新規】Visual Studio未インストールの場合 – 次のスライド以降降の⼿手順を参照してください • 【Windows追加】Visual Studioインストール済みの場合 – Xamarinをダウンロードします – Windows に Xamarin.Android をインストール : XLsoft エクセルソ フト を参考にインストールします • ［Android Emulators の設定］以降降はスキップして構いません – インストール後、スライド８から参照してください • 【Mac】Macの場合 – 最新のXcodeとiOS SDKをダウンロード、インストールします – Xamarinをダウンロードします – Mac に Xamarin.iOS をインストール : XLsoft エクセルソフト を参考 にインストールします – インストール後、スライド８から参照してください 5 × Visual Studio 2015 Communityのダウンロード • https://www.visualstudio.com/downloads/download-‐‑‒visual-‐‑‒ studio-‐‑‒vs にアクセスし、［Community を無料料ダウンロード］を クリックします。 6 インストール × • ダウンロードした 「vs_̲community.exe」をダブル クリックしてインストールを開始 します。 • Visual Studio 2015にはXamarin のインストーラーが含まれていま す。 • ［カスタム］を選択し、［クロス プラットフォームモバイル開発］ の［C#/.NET (Xamarin)］に チェックを⼊入れてインストールし ます。 7 × Xamarinアカウントの作成 8 Xamarin評価版アカウントを作成 × • Xamarinの評価版アカウントを作成していきます。 • 左側のスクリーンショットがWindowsで、右側がMacです。 9 ログイン画⾯面 × • メニューから［ツール＞Xamarin Account（Windows）］か ［Xamarin Studio＞Account（Mac）］をクリックし［Log In］ ボタンをクリックします。ダイアログで［Create account］リンク をクリックします。 10 アカウント作成 × • 必要事項を⼊入⼒力力し［Start a trial of Xamarin Business（Windows）］か［Start my 30-‐‑‒days Xamarin trial immediately（Mac）］をチェックして［Create my account］を クリックします。 • チェックは必ず付けてください 11 アカウント作成完了了 × • 以下の画⾯面が表⽰示されたら、ブラウザを閉じて先ほどのログイン画 ⾯面に戻り、ユーザー名、パスワードを⼊入⼒力力して［Log In］ボタンを クリックします。 12 評価版開始 × • 以下の［Xamarin Trial］の画⾯面になれば評価開始です。 13 評価期間 × • 評価期間はアカウントダイアログからいつでも確認できます。 14 × SDK更更新や開発者登録 15 Android SDK更更新（Windowsのみ） × • Visual Studioメニューから［ツール＞Android＞Android SDK Manager］をクリックして、［Android SDK Tools］「Android SDK Platform-‐‑‒tools」「Android SDK Build-‐‑‒tools」を最新にしま す。［Android 6.0］の［SDK Platform］もインストールします。 16 ドライバーインストール（Windowsのみ） × • デバイスマネージャーを開き、 ［Android Device］に［Android Composite ADB Interface］があ るか確認します • 無い場合は、お持ちのAndroid端末 のメーカーサイトから、ドライバー をダウンロードしてインストールし てください – Nexusシリーズの端末はこちらから ダウンロードできます 17 × Android端末を開発者モードに（Windowsのみ） • Android端末の［設定］画⾯面を開きます。［開発者向けオプショ ン］があるかを確認します • 無い場合は、［端末情報］（に準じたメニュー）をタップして、 ［ビルド番号］を7回タップして開発者モードにします 18 × Apple Developer Program登録（Macのみ） • 開発したiOSアプリを実機にデプロイするには、原則Apple Developer Programが必要です。 • Xcode 6.x で実機デバッグするまでの簡単な流流れ -‐‑‒ Xamarin ⽇日本 語情報 Xcode 6.xの情報ですが、7.xでもそのまま活⽤用できますの で、こちらをご参照の上、Provisioning Profileの登録をお願いいた します。 • Xcode 7からFree Provisioningでもデプロイ出来るようになりまし たが、XamarinでFree Provisioningを活⽤用するには少し⼿手間がか かります。どうしても無料料でやりたいという⽅方は以下をご参照くだ さい。 – Xcode 7 と Xamarin Studio Starter で１円も払わずに⾃自作 iOS アプ リを実機確認する (ｲﾝｽﾊﾟｲｱ記事) -‐‑‒ Xamarin ⽇日本語情報 19 × Xamarinで実機ビルドのテスト 20 Xamarin.Formsアプリを作成（Windows） × • Visual Studio［ファイル＞新規作成＞プロジェクト］をクリックし、 表⽰示されるダイアログで［Visual C#＞Cross-‐‑‒Platform］を選択し、 中央のテンプレートから［Blank App (Xamarin.Forms Portable)］を選択して、［OK］をクリックします。 21 Xamarin.Formsアプリを作成（Windows） × • ［▶］のある［デバッグターゲット］ボタンの右側の［▼］をク リックして、ドロップダウンから実機を選択します。 22 Xamarin.Formsアプリを作成（Windows） × • 次の画⾯面が実機に表⽰示されれば完了了です – 写真はAndroid 6.0がインストールされたNexus 5 23 Xamarin.Formsアプリを作成（Mac） × • Xamarin Studioメニューから［ファイル＞新規＞ソリューショ ン］をクリックします。表⽰示されるダイアログで［Cross-‐‑‒ platform］の［App］から［Xamarin.Forms App］を選択し、 ［Next］をクリックします。 24 Xamarin.Formsアプリを作成（Mac） × • ［App Name］に任意のアプリ名を⼊入⼒力力し、［Shared Code］が ［User Portable Class Library］にチェックが⼊入っていることを確 認し［Next］をクリックします。 25 Xamarin.Formsアプリを作成（Mac） × • ［Use Xamarin Insights］のチェックを外し、［作成］をクリッ クします。 26 Xamarin.Formsアプリを作成（Mac） × • ［Debug］の右側のドロップダウンから接続している実機を選択し、 ［▶］でビルド、デプロイを開始します。 27 Xamarin.Formsアプリを作成（Mac） × • 次の画⾯面が実機に表⽰示されれば完了了です – 写真はiPhone 6 Plus 28 × お疲れ様でした ハンズオン会場でお会いしましょう 29