Unoプラットフォーム入門：フルC#クロスプラットフォーム開発

Unoプラットフォームとは

ティムはビデオの冒頭で、ウノのミッションを要約する："一度ビルドすれば、どこにでもデプロイできる - それが夢であり、Unoプラットフォームはその夢を実現します"。

ウノは単なるフレームワークやツールキットではありません。 ティムが説明するように、"これは完全なプラットフォームであり、開発者は単一のコードベースからクロスプラットフォームのアプリケーションを作成することができます。 ウノはWindows、Android、iOS、Linux、macOS、WebAssemblyをサポートしており、1つのプロジェクトでデスクトップからモバイルデバイス、さらにはウェブまで、あらゆる主要環境に対応できます。

ティムはすぐにコストに対応します。 彼は、ウノがApache 2.0ライセンスに基づく無料のオープンソースプロジェクトであることを視聴者に保証する："アプリケーションのビルドとデプロイに必要なものはすべて無料です"コアプラットフォームは、個人、小規模チーム、そして大企業まで、すべてのユーザーが完全に無料で利用できます。

唯一の有料ツールは、アプリのビルドをスピードアップするUIデザイナーのHot Designですが、これはオプションです。 宇野氏の持続可能性モデルは、レッドハットのようなものだとティム氏は指摘する。高度なプレミアムツールとエンタープライズサポートが、オープンソース財団の資金源となっているのだ。

ウノを Visual Studio にインストールする

TimはVisual StudioにUnoをインストールする手順を説明します。 彼は拡張機能メニューに向かい、"Uno Platform "を検索してインストールする。

彼は、なぜこのインストーラが重要なのかを説明する："クロスプラットフォーム開発は簡単ではありません。 Android、iOS、Windows、Linux、Web向けのアプリを作成することは、さまざまなSDK、エミュレータ、デプロイメントシステムを使いこなすことを意味します。 ウノは、面倒な部分を簡素化します：

"このインストーラは、.NET MAUI、エミュレータ、ツールのような必要なコンポーネントも裏でセットアップしてくれるため、あなたのために素晴らしい仕事をしてくれました"とティムは言います。

新しい Uno プロジェクトの作成

Unoをインストールした状態で、TimはVisual Studioでプロジェクトを開始します：File > New Project > Uno Platform App.彼はそれを "UnoDemo "と名付け、重要なセットアップステップを指摘する：

"このボックス"ソリューションとプロジェクトを同じディレクトリに配置する"にチェックを入れないとエラーになります。

そこからウノは、ティムが"amazing"と呼ぶ強力なプロジェクトウィザードを起動します。

プロジェクト ウィザードの説明

クロスプラットフォームの開発者がアプリの基礎をカスタマイズする場所であるため、ティムはウィザードに時間を費やしています。

最初の実行と環境のセットアップ

TimがCreateをクリックすると、プロジェクトがビルドされ、Visual Studioが環境の問題を表示します。 そこで、ウノのウノチェックツールが威力を発揮します。

"このコマンドをコピーして実行し、エラーがなくなるまで実行し続けてください。 修正できるところは修正します"。

SDKのインストール、Android Studioの設定、エミュレータのセットアップは、Uno Checkが行います。 ティムはこの自動化を高く評価している：

"ここにはたくさんの複雑さがありますが、彼らはその複雑さをすべて受け止めて、きれいにしてくれます"。

アプリの実行とホット リロードの使用

Timはデスクトップ・ターゲット（テスト用に最速）に切り替え、アプリを実行します。生成されたデモにはテキストボックスとボタンがあり、シンプルだが機能的だ。

彼は、XAMLでUIコードを変更し、即座に更新を確認できる無料の機能であるHot Reloadを実演しています：

""名前を入力してください "を "名前を入力してください "に変更し、保存を押して、ライブになりました"。

このシームレスなワークフローは、複数のプラットフォームで作業するクロスプラットフォーム開発者の生産性を大きく向上させます。

ホット デザインの探求 - オプションだが強力

次に、Timは炎のアイコンをクリックし、ホットデザインを有効にします。

"これは有料のアップグレードです - 持っている必要はありませんが、持っていると便利です"。

Hot Designでは、実行中のアプリにUI要素をドラッグ＆ドロップしてプロパティを調整し、その編集をソースコードに直接反映させることができます。

TimはTextBlockをドラッグし、"Hello World "と表示するように設定し、色を変更します。 彼はこう指摘する：

"ホットデザインはプレビューするだけではありません。

また、Hot Designがモバイルデバイス用のレスポンシブレイアウト、テーマの明暗切り替え、高度なバインディング設定をどのように処理するか、すべてプロジェクトを実行しながら実演します。

ティムはその価値を次のようにまとめています：

"月に1時間でも節約できれば、39ドルの価値があります。 それ以上の節約になるでしょう"。

生成されたソースコードを見る

宇野が生成したコードを検査するティム。 彼は、このプロジェクトがMVUXをベースにしていること、モデルがページにバインドされていること、そしてハイライトを示しています：

• Servicesフォルダ - キャッシュとHTTPのサンプルコードが含まれています。

• ローカリゼーションリソース - 英語、スペイン語、フランス語、ポルトガル語の翻訳サンプル。

• csprojの違い - Unoはマイクロソフトのデフォルトではなく、独自のUNO.SDKを使用しています。

デバッグ中に、デスクトップ・ターゲット以外をコメントアウトすることで、リビルドをスピードアップすることができます。

プラットフォームとカスタムコードを理解する

Timは、Android、iOSなどのプラットフォーム固有のコードを含むPlatformsフォルダを探検します：

"ほとんどの場合、あなたのコードはプラットフォーム間で動作しますが、AndroidやiOSのためだけに書く必要があるものもあります。

この柔軟性により、クロスプラットフォーム作業の95%はウノが処理し、必要に応じて独自のモバイルデバイスや組み込みデバイスに合わせたソースコードを書くことができます。

Beyond Visual Studio - VS Code と Rider

UnoはVisual Studioに固定されていません。 ティムは、new.platform.unoにあるUnoのウェブベースのプロジェクトウィザードのおかげで、クロスプラットフォームの開発者がVS CodeやJetBrains Riderをどのように使用できるかを示しています。

"そこでプロジェクトを構成し、CLI コマンドを生成し、Visual Studio 外で同じスターター プロジェクトを scaffold できます"。

このため、Linuxラップトップで実験している趣味の開発者から、Windowsマシンで本番用モバイルアプリケーションを構築しているチームまで、あらゆる種類のセットアップで作業している開発者に柔軟に対応できます。

まとめ：本当にどこでも使えるプラットフォーム

ティムは、宇野選手の活躍を要約してビデオを締めくくります：

"Windows、Mac、Linux、WebAssembly、iOS、Androidに展開します。 あなたのC#コードはほとんどどこでも動作します"。

ウノは、iOSやAndroidのモバイルアプリケーションから、WindowsやLinuxのデスクトップソフトウェア、ブラウザ上のウェブアプリケーションまで、開発者が単一のコードベースでアプリケーションを作成し、複数のプラットフォームで実行することを可能にします。

ティムは、ウノを試してみて、次に何を試してほしいかを共有するよう、みんなに勧めている："飛び込むものがたくさんあるので、皆さんにお見せするのが待ちきれません"。