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
250
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
50
「推し」について話すLT〜NOKIA、Elixir〜
nako_sleep_9h
0
31
YouTubeライブ対談からのエッジコンピューティング入門
nako_sleep_9h
1
57
piyopiyo.ex#15 春のElixir入学式
nako_sleep_9h
0
74
おすすめエンジニアコミュニティ
nako_sleep_9h
0
120
Livebookを楽しむための前説
nako_sleep_9h
0
170
Nx、Axonを楽しむための前説
nako_sleep_9h
0
140
会社員プログラマから見たzackyさんの研究活動がすごいという話
nako_sleep_9h
0
160
LiveViewとpiyopiyo.exのススメ
nako_sleep_9h
0
290
Other Decks in Programming
See All in Programming
入門 AWS Amplify Gen2 / Introduction to AWS Amplify Gen2
genkiogasawara
1
310
CircleCIを活用して AWSへの継続的デリバリーを 実践する
coconala_engineer
1
230
Elm Form Validation
bkuhlmann
0
500
educure_カリキュラム生操作マニュアル.pdf
linew_official
0
470
PHP8.3の機能を振り返る / Review of PHP 8.3 features
seike460
PRO
1
110
Designing for tomorrow's programming workflows
honnibal
PRO
2
110
DMMプラットフォームがTiDB Cloudを採用した背景
pospome
8
3.6k
[技育CAMPアカデミア]アイディアを形に!【超入門】スマホアプリ開発〜リリースまでの流れをご紹介
teamlab
PRO
0
350
Folding Cheat Sheet #3
philipschwarz
PRO
0
110
スキーマ駆動開発による品質とスピードの両立 - 私達は何故、スキーマを書くのか
kentaroutakeda
0
120
ログラスを支える設計標準について / loglass-design-standards
urmot
10
2.1k
pixivアプリでマルチモジュールを実現するまで
gatosyocora
1
130
Featured
See All Featured
Docker and Python
trallard
33
2.7k
Stop Working from a Prison Cell
hatefulcrawdad
266
19k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
18
1.7k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
243
20k
Statistics for Hackers
jakevdp
789
220k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
24
2.3k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
15
1.4k
Navigating Team Friction
lara
177
13k
The Illustrated Children's Guide to Kubernetes
chrisshort
29
46k
Principles of Awesome APIs and How to Build Them.
keavy
120
16k
[RailsConf 2023] Rails as a piece of cake
palkan
22
3.9k
Embracing the Ebb and Flow
colly
79
4.1k
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サービスとアプリで同じ言語やフレームワークで実装できるのは、とっ つきやすくて助かる。
ご清聴ありがとうご ざいました!