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にあります |
③ElixirDesktopでiPhoneネイティブアプリをビルド
【この動画は、5分で見れて、20分程度でお試しいただけます】 下記Githubの手順に沿って実施します |
まず、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を起動し、「▶」ボタンクリックでアプリがシミュレータ上で起動します