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
310
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
83
「推し」について話すLT〜NOKIA、Elixir〜
nako_sleep_9h
0
66
YouTubeライブ対談からのエッジコンピューティング入門
nako_sleep_9h
1
93
piyopiyo.ex#15 春のElixir入学式
nako_sleep_9h
0
85
おすすめエンジニアコミュニティ
nako_sleep_9h
0
150
Livebookを楽しむための前説
nako_sleep_9h
0
190
Nx、Axonを楽しむための前説
nako_sleep_9h
0
160
会社員プログラマから見たzackyさんの研究活動がすごいという話
nako_sleep_9h
0
220
LiveViewとpiyopiyo.exのススメ
nako_sleep_9h
0
380
Other Decks in Programming
See All in Programming
Micro Frontends for Java Microservices - dev2next 2024
mraible
PRO
0
230
ActiveRecordの力でDBのメタデータを迅速に解析する
lnit
5
2k
GPU Hash Table | レイトレ合宿10
yknishidate
0
330
Folding Cheat Sheet #8
philipschwarz
PRO
0
140
Vaporモードを大規模サービスに最速導入して学びを共有する
kazukishimamoto
3
2.1k
個人開発で使ってるやつを紹介する回
yohfee
1
730
テスト駆動開発✅️
akitoshiga
1
170
Going Staff - Keynote edition
pragtob
0
360
The future of development – Are our jobs getting harder or easier?
hollycummins
1
210
rtcamp 10 (vk-illuminati)
yumcyawiz
1
210
Modern Functional Fluent CFML REST by Luis Majano
ortus24
0
160
Scan with Decoupled Look-back and Onesweep Radix Sort
shocker_0x15
0
150
Featured
See All Featured
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
How To Stay Up To Date on Web Technology
chriscoyier
788
250k
Designing Experiences People Love
moore
138
23k
A Tale of Four Properties
chriscoyier
156
22k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
355
29k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
26
4.1k
Intergalactic Javascript Robots from Outer Space
tanoku
268
27k
Unsuck your backbone
ammeep
668
57k
How to train your dragon (web standard)
notwaldorf
88
5.6k
10 Git Anti Patterns You Should be Aware of
lemiorhan
653
59k
Faster Mobile Websites
deanohume
304
30k
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サービスとアプリで同じ言語やフレームワークで実装できるのは、とっ つきやすくて助かる。
ご清聴ありがとうご ざいました!