LoginSignup
0
0

Webアプリ開発環境作ってみた(4) - React Native(4)

Posted at

前回はAndroid SDKがインストールできないところで終わり。その続きです。

やっとSDKインストール成功

前回のような事象がどこかにあがっていないかと、Webを探索。しかし有用な情報にはたどり着かなかった。何か見落としやヒントがないかと、改めてAndroid Studioを起動。そうすると、再びウィザードがスタート。

17.png


SDKないよって言われているが、そんなことわかってるよ。とりあえず先に進むしかないので、「Next」をクリック。そうしたら、さっき「(unavailabe)」となっていたSDKの詳細が、なんだか表示されている!

18.png


プロキシの設定変更は、Android Studioをいったん閉じないと全体に共有されないのかもしれないね。とにかく今度こそうまくいきそう。期待しながら「Next」を。再びVerify Settingsが表示されるが、今度はインストール対象らしきものが表示されている。

19.png


License Agreementウィンドウが表示される。初めて見た。右下の「Accept」を選択すると、「Licenses」のところの各インストール対象に付与されていた赤い印が消える。

20.png
21.png


「Finish」をクリック。ついにSDKのダウンロードがスタート。ようやくここまで来た。

22.png


しばらくして、全てのコンポーネントインストールが完了。「Finish」をクリックし、Welcome画面に。

23.png

ダミープロジェクト作成

書籍によると、テストにはAndroid仮想デバイスが必要だが、それを作成するためのEmulator管理ツールが、なんかプロジェクトを1つ作らないと有効にならないとのこと。なので、ダミーのプロジェクトを1つ作成することに。

Welcome画面で「New Project」をクリック。

24.png


プロジェクトテンプレートの選択ウィンドウが。ここでは書籍どおりに「No Activity」を選択。

25.png


基本属性指定ウィンドウは何も変更せず「Finish」をクリック。

26.png


そのままプロジェクトができあがると思っていたら、なんだか再びSDKインストールが開始されてしまった。さっきインストールしたのは確か34って書いてあった。1つ前のバージョンのSDKのようだけど。よくわからないのでそのまま継続。

27.png


インストール自体は問題なく完了。「Finish」をクリック。

28.png


とりあえずプロジェクトは作成されたみたい。書籍では、そのうちビルドが開始されるのでそれを待つように、とのこと。

29.png

プロジェクトビルド

プロジェクト作成後も、なんだかいろいろとダウンロードされてきているようだ。そうこうするうちに、ファイアウォールのアクセス許可要求ダイアログが表示された。対象はadb.exe。

30.png


とにかくまずは開発環境として動くようにすることを最優先ということで、いずれのネットワークについてもアクセス許可を設定。

31.png


引き続きダウンロードが継続。またしばらくすると今度はまたプロキシの設定画面が。さっきしたはずだけど?

32.png


よく見ると「Enable HTTPS Proxy」のところにチェックがついている。さっきはHTTPのプロキシ設定だったけど、HTTPSもしたほうがいいっていうおすすめなのかな?どちらも使えたほうがよさそうなので、内容を確認し「Yes」をクリック。よ~く見ると、画面下ステータスバーのところに「Build」という、ハンマーアイコンが付いた表示が見える。ついにビルドがスタートしたのか。タブウィンドウになっているようなので、それを選択。

33.png


ビルドとは言っても、まだ必要なコンポーネントのダウンロードが継続されているようだ。これらを手動で全部揃えるのはかなり大変。今は便利になっているね。かなりの時間待った後、ようやく「BUILD SUCCESSFUL」の文字が。それに重ねるようにしてバルーンが表示されているが、とりあえず今回は気にしないことに。ビルドが成功したのは素直にうれしい。

34.png

開発ツールインストール

続いて、開発ツールのインストールが必要とのこと。書籍では、以下の手順で設定箇所にたどり着くとある。

  1. メニューから「Preferences」を開く
  2. 「Apperance & behavior, System Settings」の下の「Android SDK」を選択

しかし。まずメニューに「Preferences」がない。うーん。書籍をもう一度見ると、まずインストールが必要なのは以下の2つとなっている。

  • Android SDK Platform 28
  • Google APIs Intel x86 Atome_64 System Image

Android SDKならさっきSDK Managerからたどり着いたSettingsウィンドウにあった。それならと、メニューの「File」-「Settings」を選択。

35.png


「Languages & Frameworks」-「Android SDK」を選択する。Android Studioのバージョンによりこのあたりの構成が違うのは仕方ないところか。

36.png


SDKは、最初34がインストールされ、続いてダミープロジェクト作成の時に33がインストールされた。一覧をよく見ると、それらのStatusが以下のようになっている。

  • Android API 34: チェックあり Installed
  • Android 13.0("Tiramisu"): チェックなし Partially installed

うーん。なんだか状態が同じじゃなさそう。書籍でも右下の「Show Package Details」でバージョンごとのインストール対象を細かく制御できるというので、API Level 33, 34のインストール状態を確認してみることに。

まず34。確認すると以下の2つがインストール済になっていた。

  • Android SDK Platform 34
  • Sources for Android 34

37.png


それに対し、33の方は以下のもののみインストール済だった。

  • Android SDK Platform 33

ソースの有無の差なんだね。ということで、以下のコンポーネントをインストール対象にチェック。

  • Sourecs for Android 33

続いて、SDK Toolsの選択に。書籍では以下のコンポーネントを指定している。

  • Android Emulator
  • Android SDK Platform-Tools
  • Android SDK Tools
  • Intel x86 Emulator Accelerator (HAXM installer)

Settingsウィンドウでは、以下のような状態になっていた。

  • Android SDK Build-Tools 34: Installed
  • Android Emulator: Installed
  • Android SDK Platform-Tools: Installed
  • Intel x86 Emulator Accelerator (HAXM Installer) - Deprecated: Not installed

38.png


名称に若干の差異があるものの、HAXM Installerのみが未インストールのよう。「Deprecated」ってなってるけど?とりあえず気にせずインストール対象に選択。

いったんいいかなということで、「Apply」をクリック。インストール対象とディスク消費量の確認メッセージが表示されるので、「OK」。

39.png


License Agreementウィンドウが表示されるが、HAXM Installerについてのもののみ。Sources for Androidについてはなかった。SDK本体が既にインストールされているからだいじょうぶってことかしら?インストールは継続。

40.png


ダウンロードを開始。HAXM Installerから。

41.png


しばらくするとHAXMの設定画面が。書籍には特に記載がなく、既定の内容のまま「Next」。

42.png


また少し待つと、再びLicense Agreementが表示される。対象はHAXM Installerのよう。さっきAcceptしなかったっけ?また?になりながら、再度「Accept」。

43.png


最終的にインストールは失敗した。

44.png
45.png

どうやらインストールが2回動作しているようだ。HAXM Installerだけ繰り返しインストールしてみながら、フォルダーの様子を観察していると、確かにHardware_Accelerated_Execution_ManagerとHardware_Accelerated_Execution_Manager-2というフォルダーが2つできる。Hardware_Accelerated_Execution_Managerができたところでいったん消してみたりもしたけど、結局うまくいかなかった。まあ「Deprecated」ってついてるし、気にしないことに。

これでコンポーネントのインストールは終わったはず。次はAndroid仮想デバイスの作成。うまくいくかしら?

0
0
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
0
0