SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

DeveloperZine(デベロッパージン)- エンジニアの意思決定を支える技術情報メディア ProductZine

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

UWPアプリ開発の最前線

UWPアプリを書けばiOS/Android/Webでも動く!?
~Uno Platform:クロスプラットフォーム開発環境

UWPアプリ開発の最前線 第15回

Uno Platformの環境構築

 Uno Platformの開発環境を構築するには、まずXamarin.Formsの環境を作り、次にWebアプリの開発もできるようにして、それからUno Platformを導入します。公式ドキュメントの「Getting Started with the Uno Platform」も参照してください。

Xamarin.Formsの開発環境を作る

 Xamarin.Formsの導入方法は、docs.microsoft.comに公式ドキュメントがあるので、そちらをご覧ください。ただし、Uno Platformを使えるのはWindowsだけです(Visual Studio for Macには対応していません)。

Visual Studioのインストーラーの中のUWPワークロードのタイル
Visual Studioのインストーラーで、UWP開発のワークロードをインストール(Visual Studio 2019)
Visual Studioのインストーラーの中のXamarinワークロードのタイル
Visual Studioのインストーラーで、Xamarinのワークロードをインストール(Visual Studio 2019)

 なお、Visual StudioからiOS用のビルドを行うには、ネットワークでつながったMacが必要です。詳しくは「Windows に Xamarin.iOS をインストールする」をご覧ください。実機がなくても、Visual Studio App Centerを利用すればiOS用のXamarinアプリをビルド可能です(本稿執筆時点では、毎月4時間までのビルドが無料)。MacinCloudMacStadiumといった、有料のサービスもあります。また、ライセンスの問題をクリアできるなら、VMware Workstation PlayerでmacOSを動かす手段もあるようです。

 Xamarin.Formsをインストールできたら、簡単なアプリを書いて、ちゃんとビルド/実行できることを確認してください。詳しくは「最初の Xamarin.Forms アプリのビルド」をご覧ください。ここでいろいろトラブルが起きる可能性もありますが、Xamarin.Formsに関してはWeb上に日本語の情報も増えてきているので、ググればなんとかなると思います。

Webアプリ開発もできるようにする

 Webアプリもビルドしたいなら、「ASP.NETとWeb開発」のワークロードもインストールしておきます。

Visual Studioのインストーラーの中のWeb開発ワークロードのタイル
Visual Studioのインストーラーで、Webアプリ開発のワークロードをインストール(Visual Studio 2019)

 このとき、オプションで.NET Core 2.2のランタイムも一緒に入れておいてください。

 インストールできたら、同じように簡単なアプリを書いて、ちゃんとビルド/実行できることを確認してください。Webアプリの作り方は「チュートリアル: ASP.NET Core の Razor ページの概要」が参考になります。

Uno Platformを導入する

 「Uno Platform Solution Templates」をVisual Studioにインストールします。Visual Studio Marketplaceからダウンロードしてインストールするか、または、Visual Studioの[拡張機能の管理]からインストールします。

 [拡張機能の管理]から行う方法を、Visual Studio 2019で説明します。何かソリューションを開いた状態で(あるいは、起動画面から「コードなしで続行」した状態で)、メニューの[拡張機能]-[拡張機能の管理]を選びます。出てきた[Manage Extensions]ダイアログで「Uno」を検索し(次の画像)、見つかった「Uno Platform Solution Templates」の[ダウンロード]ボタンをクリックしたら、後は指示に従ってインストールします。

[Manage Extensions]ダイアログ
[Manage Extensions]ダイアログで「Uno」を検索(Visual Studio 2019)

次のページ
Hello, world!

関連リンク

この記事は参考になりましたか?

UWPアプリ開発の最前線連載記事一覧

もっと読む

この記事の著者

biac(ばいあっく)

HONDA R&Dで自動車の設計をやっていた機械屋さんが、技術の進化スピードに魅かれてプログラマーに。以来30年ほど、より良いコードをどうやったら作れるか、模索の人生。わんくま同盟の勉強会(名古屋)で、よく喋ってたりする。2014/10~2019/6 Microsoft MVP (Windows Devel...

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

CodeZine(コードジン)
https://codezine.jp/article/detail/11795 2019/11/13 11:00

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー