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
86
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
180
会社員プログラマから見たzackyさんの研究活動がすごいという話
nako_sleep_9h
0
260
LiveViewとpiyopiyo.exのススメ
nako_sleep_9h
0
430
Other Decks in Programming
See All in Programming
データの整合性を保つ非同期処理アーキテクチャパターン / Async Architecture Patterns
mokuo
55
19k
Honoをフロントエンドで使う 3つのやり方
yusukebe
7
3.6k
Boost Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
990
コードを読んで理解するko build
bells17
1
110
CloudNativePGを布教したい
nnaka2992
0
120
CDKを使ったPagerDuty連携インフラのテンプレート化
shibuya_shogo
0
120
dbt Pythonモデルで実現するSnowflake活用術
trsnium
0
270
苦しいTiDBへの移行を乗り越えて快適な運用を目指す
leveragestech
0
1.2k
GoとPHPのインターフェイスの違い
shimabox
2
210
新宿駅構内を三人称視点で探索してみる
satoshi7190
2
120
Formの複雑さに立ち向かう
bmthd
1
950
DRFを少しずつ オニオンアーキテクチャに寄せていく DjangoCongress JP 2025
nealle
2
290
Featured
See All Featured
The Language of Interfaces
destraynor
156
24k
GraphQLとの向き合い方2022年版
quramy
44
14k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
10
530
The Pragmatic Product Professional
lauravandoore
32
6.4k
Building a Scalable Design System with Sketch
lauravandoore
461
33k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
4 Signs Your Business is Dying
shpigford
183
22k
Raft: Consensus for Rubyists
vanstee
137
6.8k
Code Reviewing Like a Champion
maltzj
521
39k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.5k
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サービスとアプリで同じ言語やフレームワークで実装できるのは、とっ つきやすくて助かる。
ご清聴ありがとうご ざいました!