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
280
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
76
「推し」について話すLT〜NOKIA、Elixir〜
nako_sleep_9h
0
51
YouTubeライブ対談からのエッジコンピューティング入門
nako_sleep_9h
1
77
piyopiyo.ex#15 春のElixir入学式
nako_sleep_9h
0
80
おすすめエンジニアコミュニティ
nako_sleep_9h
0
130
Livebookを楽しむための前説
nako_sleep_9h
0
180
Nx、Axonを楽しむための前説
nako_sleep_9h
0
150
会社員プログラマから見たzackyさんの研究活動がすごいという話
nako_sleep_9h
0
190
LiveViewとpiyopiyo.exのススメ
nako_sleep_9h
0
340
Other Decks in Programming
See All in Programming
CSC307 Lecture 05
javiergs
PRO
0
210
SRE チーム立ち上げ前に考えたこと・取り組んだこと / Considerations and Preparations Before Establishing an SRE Team
mackey0225
3
320
CSC307 Lecture 11
javiergs
PRO
0
240
Jetpack for KMP
fornewid
1
290
DynamoDB コスト最適化っぽいことの基本 with Terraform
kuro_kurorrr
2
250
Xcode 16のPreviewModifierと@Previewableを活用した効率的なプレビュー方法の考察
ojun9
2
160
ドメイン駆動設計の実践
masuda220
PRO
17
5.1k
実用的かつリーズナブルな 「Azure × Gemini × LINE」~キャラクターBot 実装ライブデモ~
tomodo_ysys
1
170
継続的な活動で築く地方エンジニアの道
myamashii
2
350
日付と正規化
megmogmog1965
0
140
はしめてのプログラミングとロボット制御
watawatavoltage
0
290
feature環境をGitHub ActionsとCloudFormationでいい感じに管理する
nealle
2
310
Featured
See All Featured
Infographics Made Easy
chrislema
238
18k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
245
1.2M
Writing Fast Ruby
sferik
623
60k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
248
20k
Facilitating Awesome Meetings
lara
46
5.8k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
502
140k
Designing for Performance
lara
604
67k
Producing Creativity
orderedlist
PRO
340
39k
Fontdeck: Realign not Redesign
paulrobertlloyd
79
5.1k
Navigating Team Friction
lara
181
13k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.4k
The World Runs on Bad Software
bkeepers
PRO
63
11k
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サービスとアプリで同じ言語やフレームワークで実装できるのは、とっ つきやすくて助かる。
ご清聴ありがとうご ざいました!