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
360
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
100
「推し」について話すLT〜NOKIA、Elixir〜
nako_sleep_9h
0
84
YouTubeライブ対談からのエッジコンピューティング入門
nako_sleep_9h
1
120
piyopiyo.ex#15 春のElixir入学式
nako_sleep_9h
0
98
おすすめエンジニアコミュニティ
nako_sleep_9h
0
160
Livebookを楽しむための前説
nako_sleep_9h
0
210
Nx、Axonを楽しむための前説
nako_sleep_9h
0
170
会社員プログラマから見たzackyさんの研究活動がすごいという話
nako_sleep_9h
0
250
LiveViewとpiyopiyo.exのススメ
nako_sleep_9h
0
430
Other Decks in Programming
See All in Programming
コミュニティ駆動 AWS CDK ライブラリ「Open Constructs Library」 / community-cdk-library
gotok365
2
240
もう僕は OpenAPI を書きたくない
sgash708
6
1.9k
たのしいSocketのしくみ / Socket Under a Microscope
coe401_
8
1.3k
PEPCは何を変えようとしていたのか
ken7253
2
240
Amazon Q Developer Proで効率化するAPI開発入門
seike460
PRO
0
120
苦しいTiDBへの移行を乗り越えて快適な運用を目指す
leveragestech
0
1k
TCAを用いたAmebaのリアーキテクチャ
dazy
0
120
データの整合性を保つ非同期処理アーキテクチャパターン / Async Architecture Patterns
mokuo
55
19k
機能が複雑化しても 頼りになる FactoryBotの話
tamikof
0
160
『テスト書いた方が開発が早いじゃん』を解き明かす #phpcon_nagoya
o0h
PRO
8
2.4k
XStateを用いた堅牢なReact Components設計~複雑なClient Stateをシンプルに~ @React Tokyo ミートアップ #2
kfurusho
1
990
パスキーのすべて ── 導入・UX設計・実装の紹介 / 20250213 パスキー開発者の集い
kuralab
3
900
Featured
See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Building Adaptive Systems
keathley
40
2.4k
Speed Design
sergeychernyshev
27
810
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7.1k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
175
52k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.4k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
How to train your dragon (web standard)
notwaldorf
91
5.9k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.1k
Making Projects Easy
brettharned
116
6k
Mobile First: as difficult as doing things right
swwweet
223
9.4k
How GitHub (no longer) Works
holman
314
140k
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サービスとアプリで同じ言語やフレームワークで実装できるのは、とっ つきやすくて助かる。
ご清聴ありがとうご ざいました!