19
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.

ElixirAdvent Calendar 2022

Day 19

Ubuntu 22.04 にElixirDesktopの開発環境を作成しよう

Last updated at Posted at 2022-12-17

↓こちらをUbuntuで動かす方法を記述します

前提事項

↓こちらのElixirのインストールまで終わっている前提です

理想は実機、実機でないVM等での場合はか必ずネットワークはNATでなくてブリッジ等で接続してください
AndroidにアプリをWifi経由で転送する場合は同じネットワークアドレスでないと転送できませんでした

KVM(VM)でブリッジの設定方法はこちらです

他のVMでもブリッジまたは、外部接続の表記の設定があると思います

KVMで動かす時はKVMでメモリは16GB割当ないとエミュレータが起動しませんでした

インストールをはじめましょう

「OS(Ubuntu 22.04)のインストールから初める仕事用Elixir開発環境の作成方法」で環境構築している場合は
差分は、「Android Studio + NDK」のみです

Android Studioをダウンロードします

2022/12/17時点

Download Android Studio

Screenshot from 2022-12-17 18-56-51.png

Screenshot from 2022-12-17 18-57-54.png

「I have read and agree with the above terms and conditions」をチェック
「Download Android Studio Dolphin | 2021.3.1 Patch 1 for Linux」
のボタンをクリックしダウンロード

ダウンロードしたファイルを解凍する(ホームディレクトリ/ダウンロードにある前提)

$ cd ~/ダウンロード
$ tar zxvf android-studio*.tar.gz 
$ mv android-studio ~/
$ cd ../

Android Studioを起動する

$ cd android-studio/bin
$ ./studio.sh

画面に従って設定をする

OKをクリック
Screenshot from 2022-12-17 19-09-52.png

Don't sendをクリック
Screenshot from 2022-12-17 19-10-38.png

Nextをクリック
Screenshot from 2022-12-17 19-11-20.png

Nextをクリック
Screenshot from 2022-12-17 19-11-53.png

Nextをクリック
Screenshot from 2022-12-17 19-12-17.png

Nextをクリック
Screenshot from 2022-12-17 19-12-37.png

Acceptを選択しNextをクリック
Screenshot from 2022-12-17 19-13-06.png

Finishをクリック
Screenshot from 2022-12-17 19-14-11.png

ダウンロードが始まるからしばらくまつ
Screenshot from 2022-12-17 19-14-41.png

Finishをクリック
Screenshot from 2022-12-17 19-19-25.png

NDKのインストール

More ActionのSDK Managerをクリック

Screenshot from 2022-12-17 19-20-19.png

SDK ToolsタブのNDKをチェックし、Applyをクリック
Screenshot from 2022-12-17 19-21-21.png

OKをクリック
Screenshot from 2022-12-17 19-23-10.png

ダウンロードが終わるまでまつ
Screenshot from 2022-12-17 19-23-36.png

Finishをクリック
Screenshot from 2022-12-17 19-24-54.png

OKをクリック
Screenshot from 2022-12-17 19-25-16.png

gitでandroid-example-appをcloneする

「New」-「Project from Version Control...」をクリック
Screenshot from 2022-12-17 19-25-47.png

URLにhttps://github.com/elixir-desktop/android-example-app.gitを入力しCloneをクリック

Screenshot from 2022-12-17 19-27-34.png

Cloneが終わるまでまつ
Screenshot from 2022-12-17 19-28-07.png

Trust Projectをクリック
Screenshot from 2022-12-17 19-28-34.png

プロジェクトが読み込まれました
Screenshot from 2022-12-17 19-29-28.png

FileメニューのSettingsを選択
Screenshot from 2022-12-17 19-31-38.png

Build、Execution,Deployment→Build Tools→Gradleを選択し
Gradel JDKが下記のようにJDKの11が選択されていることを確認しOK
※選択されてない場合は選択してください

Screenshot from 2022-12-17 19-33-00.png

Android Studio画面下のステータスが動いているので落ち着くまでまつ
Screenshot from 2022-12-17 19-36-38.png

サンプル起動

緑の▶をクリックするとエミュレータがたちあがります、数分まつ
Screenshot from 2022-12-17 19-56-19.png

立ち上がりました
Screenshot from 2022-12-17 19-59-42.png

スマホ本体にアプリを転送しよう

まずスマホ側を開発者モードにして転送する準備が必要です

設定を開く
Screenshot_20221217-194252345.jpg

下にスクロールするとシステムがあるのでタップ
Screenshot_20221217-194257143.jpg

デバイス情報をタップ
Screenshot_20221217-194306267.jpg

ソフトウェアバージョンをタップ
Screenshot_20221217-194319349.jpg

ビルド番号を連続でタップ
Screenshot_20221217-194328854.jpg

連続でタップするとこのような表示になります、そのごパスコード(スマホ所有者が決めたパスコード)を入力
Screenshot_20221217-194405151.jpg

開発者モードが有効になりました
Screenshot_20221217-194427754.jpg

システム→開発者向けオプションをタップ
Screenshot_20221217-194603957.jpg

ワイヤレスデバッグを有効にするにしてタップする
Screenshot_20221217-194625532.jpg

ワイヤレス デバッグの画面が表示したら QRコードによるデバイスのペア設定をタップ
Screenshot_20221217-194635816.jpg

Android StudioでWifiの設定をする

Pair Devices Using Wi-Fiをクリック

Screenshot from 2022-12-17 20-12-04.png

表示したQRコードをスマホに読ませる
Screenshot from 2022-12-17 20-13-53.png

スマホは下記の画面が表示している
screenshot_20221217-202716661.jpg

QRコードを読ませた後スマホは下記の画面になります
Screenshot_20221217-201439915.jpg

成功すると下記の画面になります、そしてCloseをクリックします
Screenshot from 2022-12-17 20-14-44.png

スマホの実機が選択されてることを確認して▶をクリック
Screenshot from 2022-12-17 20-16-31.png

スマホでアプリが起動しました
Screenshot_20221217-201730793.jpg

19
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
19
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?