<h1 id="%E5%8B%95%E7%94%BB">
<a class="header-anchor-link" href="#%E5%8B%95%E7%94%BB" aria-hidden="true"></a> 動画</h1>
<p><span class="embed-block embed-youtube"><iframe src="https://www.youtube-nocookie.com/embed/u5WuTjHpN4A" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy"></iframe></span><a href="https://www.youtube.com/watch?v=u5WuTjHpN4A" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://www.youtube.com/watch?v=u5WuTjHpN4A</a></p>
<p>2024年5月17日（木曜日）に東京浜松町・大門で開催されたElixir/Phoenix入門セミナー（daimon.ex）での発表です。</p>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__d815a324a1b17" src="https://embed.zenn.studio/card#zenn-embedded__d815a324a1b17" data-content="https%3A%2F%2Fdaimon-ex.connpass.com%2Fevent%2F312959%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://daimon-ex.connpass.com/event/312959/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://daimon-ex.connpass.com/event/312959/</a></p>
<h1 id="%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%89">
<a class="header-anchor-link" href="#%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%89" aria-hidden="true"></a> スライド</h1>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__a2881f11788ea" src="https://embed.zenn.studio/card#zenn-embedded__a2881f11788ea" data-content="https%3A%2F%2Fspeakerdeck.com%2Fkuroda1968%2Fqing-liang-purosesuto-phoenix-liveview" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://speakerdeck.com/kuroda1968/qing-liang-purosesuto-phoenix-liveview" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://speakerdeck.com/kuroda1968/qing-liang-purosesuto-phoenix-liveview</a></p>
<h1 id="linux%E3%81%AE%E3%83%97%E3%83%AD%E3%82%BB%E3%82%B9%E3%81%A8elixir%E3%81%AE%E8%BB%BD%E9%87%8F%E3%83%97%E3%83%AD%E3%82%BB%E3%82%B9">
<a class="header-anchor-link" href="#linux%E3%81%AE%E3%83%97%E3%83%AD%E3%82%BB%E3%82%B9%E3%81%A8elixir%E3%81%AE%E8%BB%BD%E9%87%8F%E3%83%97%E3%83%AD%E3%82%BB%E3%82%B9" aria-hidden="true"></a> LinuxのプロセスとElixirの軽量プロセス</h1>
<ul>
<li>プログラミング言語Elixirで書かれたプログラムが起動されると、それは仮想マシンBEAMの中で動く。</li>
<li>仮想マシンBEAM自体は、Linuxのプロセスである。</li>
<li>Elixirの軽量プロセスは、仮想マシンBEAM（＝Linuxプロセス）の内部で生まれる。</li>
<li>軽量プロセスは、生成にかかる時間が短く、メモリの使用量が少ない。</li>
</ul>
<h1 id="%E3%83%A1%E3%83%83%E3%82%BB%E3%83%BC%E3%82%B8%E3%83%91%E3%83%83%E3%82%B7%E3%83%B3%E3%82%B0">
<a class="header-anchor-link" href="#%E3%83%A1%E3%83%83%E3%82%BB%E3%83%BC%E3%82%B8%E3%83%91%E3%83%83%E3%82%B7%E3%83%B3%E3%82%B0" aria-hidden="true"></a> メッセージパッシング</h1>
<ul>
<li>軽量プロセスは受信箱を持ち、互いの受信箱に向けてメッセージを送り合うことができる（メッセージパッシング）。</li>
<li>軽量プロセスは受信箱に届いたメッセージを順に処理していく。</li>
<li>メッセージの処理は逐次処理。先に届いたものの処理が終わるまで、次には進まない。排他制御が不要。</li>
</ul>
<h1 id="liveview%E3%81%AF%E8%BB%BD%E9%87%8F%E3%83%97%E3%83%AD%E3%82%BB%E3%82%B9%E3%81%A7%E3%81%82%E3%82%8B">
<a class="header-anchor-link" href="#liveview%E3%81%AF%E8%BB%BD%E9%87%8F%E3%83%97%E3%83%AD%E3%82%BB%E3%82%B9%E3%81%A7%E3%81%82%E3%82%8B" aria-hidden="true"></a> LiveViewは軽量プロセスである</h1>
<ul>
<li>LiveViewを用いたPhoenixアプリケーションでは、ブラウザ側のLiveSocketオブジェクトとサーバー側のLiveView（軽量プロセス）がWebSocketで接続する。</li>
<li>ブラウザの数と同じ数のLiveViewが作られる。</li>
<li>LiveSocketオブジェクトはJavaScriptのオブジェクト。</li>
<li>両者はWebSocketで接続しているので、常にどちらの方向に対してもメッセージを送信できる。</li>
</ul>
<h1 id="liveview%E3%82%BD%E3%82%B1%E3%83%83%E3%83%88%E3%81%AF%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%AE%E3%80%8C%E7%8A%B6%E6%85%8B%E3%80%8D%E3%82%92%E6%8C%81%E3%81%A4">
<a class="header-anchor-link" href="#liveview%E3%82%BD%E3%82%B1%E3%83%83%E3%83%88%E3%81%AF%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%AE%E3%80%8C%E7%8A%B6%E6%85%8B%E3%80%8D%E3%82%92%E6%8C%81%E3%81%A4" aria-hidden="true"></a> LiveViewソケットはアプリケーションの「状態」を持つ</h1>
<ul>
<li>個々のLiveView（軽量プロセス）は、内部に「LiveViewソケット」を持つ。</li>
<li>LiveViewソケットはアプリケーションの「状態」を保持する。</li>
<li>アプリケーションの「状態」からブラウザの画面を描画するためのHTML文書を生成できる。</li>
</ul>
<h1 id="liveview%E3%81%A8react">
<a class="header-anchor-link" href="#liveview%E3%81%A8react" aria-hidden="true"></a> LiveViewとReact</h1>
<ul>
<li>状態を保持する場所が異なる：　LiveViewはサーバー側、Reactはブラウザ側</li>
<li>データを同期する方法が異なる：　LiveViewはプッシュ型、Reactはプル型</li>
</ul>


軽量プロセスとPhoenix LiveView

LinuxのプロセスとElixirの軽量プロセス

LiveViewソケットはアプリケーションの「状態」を持つ

elixir

Discussion