Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ElixirDesktopを楽しむための前説
Search
nako@9時間睡眠
March 12, 2023
Programming
0
300
ElixirDesktopを楽しむための前説
本スライドは、2023/3/8開催の「【人気増枠】ElixirMobile#1:Elixirでスマホネイティブアプリ作れるのご存知でした?」でLTした際のスライドです。
nako@9時間睡眠
March 12, 2023
Tweet
Share
More Decks by nako@9時間睡眠
See All by nako@9時間睡眠
Elixir国内コミュニティと アンチパターン回避
nako_sleep_9h
3
80
「推し」について話すLT〜NOKIA、Elixir〜
nako_sleep_9h
0
65
YouTubeライブ対談からのエッジコンピューティング入門
nako_sleep_9h
1
89
piyopiyo.ex#15 春のElixir入学式
nako_sleep_9h
0
83
おすすめエンジニアコミュニティ
nako_sleep_9h
0
140
Livebookを楽しむための前説
nako_sleep_9h
0
190
Nx、Axonを楽しむための前説
nako_sleep_9h
0
150
会社員プログラマから見たzackyさんの研究活動がすごいという話
nako_sleep_9h
0
210
LiveViewとpiyopiyo.exのススメ
nako_sleep_9h
0
360
Other Decks in Programming
See All in Programming
Boost Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
440
私のEbitengineの第一歩
qt_luigi
0
450
connect-go で面倒くささと戦う / 2024-08-27 #newmo_layerx_go
izumin5210
2
640
o1モデルのプロンプトエンジニアリングって?
ktc_wada
0
180
Ruby Parser progress report 2024
yui_knk
2
230
Using Livebook to build and deploy internal tools @ ElixirConf 2024
hugobarauna
0
250
オートマトン学習しろ / Do automata learning
makenowjust
3
130
いまから追い上げる、Jetpack Compose トレーニング
nyafunta9858
0
530
GenU導入でCDKに初挑戦し、悪戦苦闘した話
hideg
0
160
Go1.23で入った errorsパッケージの小さなアプデ
kuro_kurorrr
2
390
[DroidKaigi 2024] Android ViewからJetpack Composeへ 〜Jetpack Compose移行のすゝめ〜 / From Android View to Jetpack Compose: A Guide to Migration
syarihu
1
550
Rubyのobject_id
qnighy
6
1.3k
Featured
See All Featured
Reflections from 52 weeks, 52 projects
jeffersonlam
346
20k
The Language of Interfaces
destraynor
153
23k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
663
120k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.3k
A designer walks into a library…
pauljervisheath
201
24k
Clear Off the Table
cherdarchuk
91
320k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
36
1.7k
Adopting Sorbet at Scale
ufuk
73
8.9k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
225
22k
The Brand Is Dead. Long Live the Brand.
mthomps
53
38k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
24
610
Transcript
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サービスとアプリで同じ言語やフレームワークで実装できるのは、とっ つきやすくて助かる。
ご清聴ありがとうご ざいました!