ElixirDesktop開発環境構築 Android for Mac

はじめに

この記事は Elixirアドベントカレンダーのシリーズ４の3日目の記事です

ElixirDekstopのAndroidアプリの開発環境の構築について解説し、
実際に以下のサンプルアプリをシミュレーターで動かします

検証環境

M1 Mac(Apple M1 Max)
Mac OS Sonoma(14.1.1)
Xcode 15.0.1

Android Studioのインストール

こちらのサイトからダウンロードを行います
https://developer.android.com/studio?hl=ja

ダウンロードが完了したら、こちらに沿ってインストールを行ってください

Android NDKのインストール

Android Studioを起動したら、右上の︙（縦３点リーダ）をクリックしてSDK Mnagerをクリックしてください

クリックすると以下のような画面がでるので、SDK toolsのタブをクリックし、NDKと CMakeをチェックしてOKをクリックしてください

これでAndroid周りのインストールは完了です

Elixirのインストール

AndroidStudioとNDKのインストールが完了したらにErlangとElixirのインストールを行います
２日目のiOSの開発環境の記事で行った方は動作確認まで飛ばしていただいて構いません

Elixirのバージョンは最新でも問題なく動きますが、ElixirDesktopで使用されるErlangバイナリのバージョンが25.0.4となっているため、このバージョンのElrangでアプリケーションのビルドをしないと動かないので注意が必要です

asdf のセットアップ

様々な言語、ライブラリの管理・切替できるasdfでErlang/Elixirをインストールしていきます

ソースからビルドでも構いませんが、brewにあるのでそちらからインストールを行います

brew install asdf

インストールが完了いたら、環境変数に実行パスを通します、
この例はbashですので、zshを使用している方は公式のドキュメントを参考にしてください

echo -e "\n. \"$(brew --prefix asdf)/libexec/asdf.sh\"" >> ~/.bash_profile
echo -e "\n. \"$(brew --prefix asdf)/etc/bash_completion.d/asdf.bash\"" >> ~/.bash_profile
source ~/.bash_profile

asdfのプラグイン追加

asdfに各言語のプラグインを追加していきます

Erlangのプラグインはこちら
https://github.com/asdf-vm/asdf-erlang

以下のコマンドでプラグインを追加します

asdf plugin add erlang https://github.com/asdf-vm/asdf-erlang.git

Elixirのプラグインはこちら

asdf plugin-add elixir https://github.com/asdf-vm/asdf-elixir.git

Erlangのインストールに必要なライブラリを追加

Erlangのインストールの前に必要なライブラリをインストールしていきます

brew install　git openssl@1.1 npm wxwidgets openjdk　autoconf  libxslt fop
echo 'export PATH="/opt/homebrew/opt/openjdk/bin:$PATH"' >> ~/.bash_profile
source ~/.bash_profile

ErlangとElixirのインストール

Erlangのバージョンさえ気をつければいいので、 1.15.7-otp-25や1.16.0-rc.0-otp25
でも問題なく動きます

※ Mac OS sonomaにerlangをインストールする場合は --disable-jitオプションをつけてください

export DED_LDFLAGS_CONFTEST="-bundle"
export KERL_CONFIGURE_OPTIONS="--without-javac --with-ssl=$(brew --prefix openssl@1.1) --disable-jit"
asdf install erlang 25.0.4
asdf install elixir 1.15.7-otp-25

※2023/11/27日現在 wxwidgetsを組み込んだErlangのインストールに失敗しますが、Androidのアプリケーションをビルド・実行する際には使用されないので問題なく動きます

動作確認

インストールが完了したらサンプルアプリを git cloneして動かしてみましょう

git clone https://github.com/elixir-desktop/android-example-app.git

ライブラリのインストールが完了したら、言語のバージョンを指定している .tool-versionsを先程インストールしたelixirに書き換えましょう

.tool-versions

erlang 25.0.4
- elixir 1.13.4-otp-25
+ elixir 1.15.7-otp-25

Android Stduioのopenからgit cloneしたフォルダを選択しましょう
gradleの読み込みでしばらくかかりますが、完了したら実行ボタンを押すと以下のようにアプリが立ち上がります

ビルドが失敗する場合は

cd android-example-app/app

でappフォルダに移動後./run_mixをコンソールから実行するとビルド時のエラーが出力されるので、そちらを確認しましょう

ビルドが成功して起動してからクラッシュした場合はXcodeの方にエラーメッセージがログに出力されているのでそちらを確認しましょう

最後に

Androidは本記事執筆時にMacでは問題なく動きましたが、動かない等ありましたら報告していただけたら対処法を追加させていただきます

Windowsで開発する場合は @Alicesky2127さんが Elixirシリーズ1の4日目に書くようなのでそちらを参考していただけたらと思います

自分も実際にやってみましたがMacに比べべて非常に環境構築の難易度が高いので Macで開発することをおすすめします

本記事は以上になりますありがとうございました

次は実際にElixirDesktopのプロジェクトを作成します