1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Windows端末でBlazorアプリを作ってiPhoneにデプロイするためには(macbookが別途必要) - その1

Last updated at Posted at 2022-02-13

Windows機でiPhone向けアプリを開発をしたい!

皆さんこんにちは。
僕は、とにかく開発については、操作性などから、Windows愛用者。

で、iPhone向けのモバイルデスクトップアプリを作ろうと思ったときに、
選択肢はいろいろあるのですが、
とにもかくにも「Experimental Mobile Blazor」で、Blazorアプリにしたくなり。

Webじゃなくて、モバイルネイティブなアプリです(のつもりですw)

で、そんなときに、Macbookも持っているのですが、
現時点(2022/02)では、VisualStudio2022がMacbookに対応していなかったりなどなど。

いろいろあって、やっぱりWindowsで開発したいよね~と。

そんなときの手順の覚書です。

MacBook側の設定

  1. Visual Studio for Macをインストール (Xcodeより先に入っていると、Win機側のVSからペアリングすると、見つからないといわれる。。)
     ※何がダメだったって、Win機からペアリングしようとすると、XCodeが見つかんねーよって言われました。
      確実な方法は、Visual Studio for Macを入れることってあったので、入れちゃいます。
  2. Xcodeを入れる
    1. AppStoreからXCodeを入れるだけです。ちなみにインストール完了までに、M1Pro16GBのスペックで1Hくらいかかりましたw
  3. XCodeでアカウントの設定
    1. 個人用のアカウントでXCodeでアカウントの設定を行います。
      1. [Xcode] > [Prereference] > [Accounts] > Apple IDを自分のもので設定してチームを作成
      2. アプリの設定を開いて、Bundle Identifierに任意の文字列を指定
  4. VisualStudioからペアリングできるようにする
    3. [設定] > [システム環境設定] > [共有]で、[リモートログイン]をONにする

Windows側の設定(こっちでVisualStudio2022を動かす)

  1. 下記あたりを参考に、Mobile Blazorアプリを作成する

    https://docs.microsoft.com/en-us/mobile-blazor-bindings/walkthroughs/build-first-app

  2. iOSコントロールパネル(ツールバーにある)にて、Macとペアリングをクリック

  3. 表示されたMacに接続

  4. 不足しているコンポーネントのインストールを求められるのでインストール
    ※この時、xamarin.iosがサイズが大きいので、インストールエラーになる場合あり。その場合は、以下からMac側に直接DLしてインストール。
    https://aka.ms/xvs/pkg/macios/15.4.0.0
    ※実際は、インストールエラーになったダイアログを見てバージョンを確認のこと。(変わるかもしれないので)

おっと、ここらで時間が来てしまいました。。
この続きはまた今度。

1
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?