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サービスとアプリで同じ言語やフレームワークで実装できるのは、とっ つきやすくて助かる。 

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