Elixirでスマホアプリ開発を始める

【このページは、5分で読めて、1~2時間くらいでお試しいただけます】

Elixirでスマホネイティブアプリ開発を行うには、「ElixirDesktop」というフレームワークを使います

LiveViewのコード1本で、PCネイティブアプリと、AndroidおよびiPhone/iPadのネイティブアプリが開発できます

ここでは、ElixirDesktopでPCネイティブアプリのサンプルを動かした後、AndroidとiPhoneのネイティブアプリの各サンプルを動かします

本解説ページは、開発環境にHomebrewとElixirがインストールされていることを前提としており、未インストールの方は、下記から始めてください

https://elixir-lang.info/topics/entry_column

【Mac環境をお使いの方のみ】Apple ID取得後、Xcodeをインストールし、Xcodeのライセンス同意をしておいてください(ライセンス同意は下記コマンドでも実施できます)

sudo xcodebuild -license

Xcode未インストールもしくはライセンス未同意の場合、ZIPFoundation関連のエラーが出ます

①Elixirでスマホアプリ開発「ElixirDesktop」の概要、開発環境構築

【この動画は、12分で見れます】

Elixirでスマホネイティブアプリが書けるフレームワーク「ElixirDesktop」の概要です

概要の解説後には、PCネイティブアプリのサンプルを使った開発環境構築もあります

動画中のスライドは、下記でもご覧になれます

https://speakerdeck.com/nako_sleep_9h/elixirdesktopwole-simutamenoqian-shuo

②ElixirDesktopでAndroidネイティブアプリをビルド

【この動画は、11分で見れて、1時間程度でお試しいただけます】

下記コラムの手順に沿って実施します

https://qiita.com/t-yamanashi/items/f593731dd7b894635d66

元となる手順は、下記Githubにあります

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

③ElixirDesktopでiPhoneネイティブアプリをビルド

【この動画は、5分で見れて、20分程度でお試しいただけます】

下記Githubの手順に沿って実施します

https://github.com/elixir-desktop/ios-example-app


まず、asdfでElixirをインストールします

brew install asdf
echo -e "\n. $(brew --prefix asdf)/libexec/asdf.sh" >> ${ZDOTDIR:-~}/.zshrc
source ${ZDOTDIR:-~}/.zshrc
asdf plugin add erlang https://github.com/asdf-vm/asdf-erlang.git
brew install wxwidgets
brew install openjdk
asdf plugin-add elixir https://github.com/asdf-vm/asdf-elixir.git
export DED_LDFLAGS_CONFTEST="-bundle"
export KERL_CONFIGURE_OPTIONS="--without-javac --with-ssl=$(brew --prefix openssl@1.1)"
asdf install erlang 25.0.4
asdf install elixir 1.13.4-otp-25

次に、以下コマンドでビルド環境を設定します(上記Githubに記載されています)

git clone https://github.com/elixir-desktop/ios-example-app
cd ios-example-app
brew install carthage git openssl@1.1 npm
carthage update --use-xcframeworks --platform ios

その後、DockからXcodeを起動し、「▶」ボタンクリックでアプリがシミュレータ上で起動します

④入門のあとは…

ElixirでElixirDesktopについて書かれたコラム群を見てみる

https://qiita.com/piacerex/items/d67ebc3b5deb789005a5