ElixirDesktopを 楽しむための前説 〜就業後の束の間の開放感を添えて〜 2023/3/8 nako@9時間睡眠

ElixirDesktopって？

ElixirDesktopって何？ https://hexdocs.pm/desktop/readme.html によると、 Phoenix LiveViewを使って、Windows、MacOS、Linux、iOS、Android向 けのネイティブライクなElixirアプリを構築できるそうです。

マ？？？？？？ Phoenixで？？？

（心の声） PhoenixはMVCアーキテクチャのWebア プリケーションフレームワークで、 サーバサイドプログラマや特に Rubyに 馴染みがある人にはとっつきやすい！ ただ、業務だと分担が分かれていること が多く、Webサービス開発者はなかなか 手が出しにくいアプリ開発が Phoenix LiveViewで出来るということ？ ということは…

それって私でも アプリ開発ができる ってコト…！？

さっそくElixirDesktopを始めてみよう

さっそくサンプルを動かしてみるぞー① まず、 https://github.com/elixir-desktop/desktop-example-app にあるサンプルをGit cloneなりzipでダウンロードなりします。

さっそくサンプルを動かしてみるぞー② .tool-versionsのバージョンと、自分の環境のバージョンが合っているか確 認。 指定されているバージョンと違うとき、 % elixir -v No elixir executable found for elixir 1.13.4-otp-25 というメッセージが出ます。 .tool-versionsファイルを書き換えましょう。

さっそくサンプルを動かしてみるぞー③ mix deps.getを実行。

さっそくサンプルを動かしてみるぞー④ リポジトリのApplication set-upのとおり、 cd assets npm install cd .. mix assets.deploy を実行。

さっそくサンプルを動かしてみるぞー⑤ ./run でrunファイルを実行。 起動できたらOK！

ビューを書き換えてみよう

ビューを書き換えてみよう VSCodeでプロジェクトを開いてビューを書き換えてみます。 lib/todo_web/live/todo_live.html.heex 書き換えたら、assets.deployをし、再度runを実行します。

感想

ElixirとPhoenixチョット分かれば入門できそう ● Phoenixのファイルやディレクトリ構造を知っていれば、デスクトップサン プルを動かすのは出来そう。 ● Webサービスとアプリで同じ言語やフレームワークで実装できるのは、とっ つきやすくて助かる。

ご清聴ありがとうご ざいました！