SHOEISHA iD

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

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

UWPアプリ開発の最前線

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

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

  • X ポスト
  • このエントリーをはてなブックマークに追加

Hello, world!

 Uno Platformの環境が整ったら、さっそくアプリを作ってみましょう。Visual Studio 2019で説明していきます。

 [新しいプロジェクトの作成]ダイアログで[Cross-Platform App (Uno Platform)]を選んで、プロジェクトを作成します(次の画像)。

[新しいプロジェクトの作成]ダイアログ
Uno Platformアプリのプロジェクトを作る(Visual Studio 2019)

 プロジェクトが出来上がると、次の画像のようになります。

Uno Platformアプリのプロジェクトが出来た(Visual Studio 2019)
Uno Platformアプリのプロジェクトが出来た(Visual Studio 2019)

 画像の右側のソリューションエクスプローラーを見ると、次の5つのプロジェクトが生成されています。

  • .Droid」:Androidアプリ
  • .iOS」:iOSアプリ
  • .Shared」:共有プロジェクト。他の4つのプロジェクトそれぞれにマージされます
  • .UWP」:UWPアプリ
  • .Wasm」:Webアプリ

 「.Shared」プロジェクトに、ほとんどのコードが入っています。最初に表示される画面である「MainPage.xaml」をとりあえず覗いてみたくなりますが、ちょっと待ってください。画面はUWPのXAMLで定義されているため、画面のプレビューを見られるのはUWPアプリのプロジェクトのときだけです。ソリューションのスタートアッププロジェクトをUWPアプリに切り替えてから、「MainPage.xaml」を開いてください(次の画像)。一度プレビュー付きで開けたら、その後はスタートアッププロジェクトを切り替えても、覚えていてくれるようです。

「MainPage.xaml」を開いてみる(Visual Studio 2019)
「MainPage.xaml」を開いてみる(Visual Studio 2019):
上の赤丸がスタートアッププロジェクトを切り替えるドロップダウン。
下の赤丸は、文法チェックやインテリセンスがターゲットとするプラットフォームの切り替え

 それでは、それぞれのプロジェクトをデバッグ実行してみてください(次の画像)。

Uno Platformアプリが動いた(Visual Studio 2019)
Uno Platformアプリが動いた(Visual Studio 2019):
この画像でデバッグ実行しているのはUWPアプリ。
他のプラットフォームは、デバッグ実行終了後に、インストールされたアプリを起動したもの

 UWPアプリをデバッグ実行しているときには、そのXAMLを書き換えてみてください。簡単な変更なら、デバッグ実行が継続されたまま、その場でアプリに反映されます(次の画像)。UI構築の生産性がとても優れているのです。

UWPアプリのデバッグ中にXAMLを書き換えた(Visual Studio 2019)
UWPアプリのデバッグ中にXAMLを書き換えてみる(Visual Studio 2019)

XAMLホットリロード機能の拡充

 上記のXAMLホットリロード機能は、本稿執筆時点ではUWPだけです。他のプラットフォームは、Uno Platform 2.0で対応予定となっています。

次のページ
Uno Platformの仕組み

関連リンク

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

  • X ポスト
  • このエントリーをはてなブックマークに追加
UWPアプリ開発の最前線連載記事一覧

もっと読む

この記事の著者

biac(ばいあっく)

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

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

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

この記事をシェア

  • X ポスト
  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/11795 2019/11/13 11:00

おすすめ

アクセスランキング

アクセスランキング

イベント

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

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

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

メールバックナンバー

アクセスランキング

アクセスランキング