JavaScriptを使わない（Phoenix LiveViewの紹介）

PhoenixはElixirのWebアプリケーションフレームワークです。
その中のLiveViewというライブラリを使用すると、JavaScriptを使わなくても、Elixirのコードだけでテンプレートにインタラクティブな処理を組み込むことができます。

Transcript

1. +BWB4DSJQUΛ࢖Θͳ͍
   (VONBXFC
   

   View Slide

2. େా෦ߊ
   ϩέοτ8FC
   

   View Slide

3. +BWB4DSJQUΛ࢖Θͳ͍˞
   (VONBXFC
   

   View Slide

4. όοΫΤϯυΛॻ͔ͳ͍࣌୅ʁ
   

   View Slide

5. গ͠ಈ͔͚ͩ͢ͳͷʹ7VFKTʁ
   

   View Slide

6. 443ͷͨΊʹ/VYUKTʁ
   

   View Slide

7. 1IPFOJY-JWF7JFX
   

   View Slide

8. 1IPFOJY
   &MJYJSͷ8FCΞϓϦέʔγϣϯϑϨʔϜϫʔΫ
   

   View Slide

9. 1IPFOJY-JWF7JFX
   

   View Slide

10. 1IPFOJY-JWF7JFX
    όοΫΤϯυͷ&MJYJSͰɺ
    ϑϩϯτΤϯυͷΠϯλϥΫςΟϒͳॲཧ͕͔͚Δ
    

    View Slide

11. 1IPFOJY-JWF7JFX
    8FC4PDLFUΛར༻
    

    View Slide

12. View Slide

13. EFGIBOEMF@FWFOU DIBOHF \FNBJMFNBJM^ TPDLFU
    EP
    \SFTVMU NFTTBHFT^
    WBMJEBUF FNBJM FNBJM
    
    cWBMJEBUF NBY FNBJM
    
    cWBMJEBUF NJO FNBJM
    
    \OPSFQMZ BTTJHO
    TPDLFU
    FNBJMFNBJM
    SFTVMUUP@TUSJOH SFTVMU
    
    NFTTBHFTNFTTBHFT
    
    ^
    FOE
    

    View Slide

14. TFDUJPODMBTTEFNP
    IDMBTTEFNPIFBEJOH-JWF7JFXσϞI
    GPSNQIYDIBOHFDIBOHFDMBTTEFNPGPSNBVUPDPNQMFUFP⒎
    JOQVUUZQFUFYUOBNFFNBJMWBMVF!FNBJMDMBTTEFNPFNBJM
    EFNPFNBJM@@!SFTVMU
    GPSN
    JG!SFTVMUFSSPSEP
    EJWDMBTTEFNPBMFSU
    GPSN!NFTTBHFTEP
    QDMBTTEFNPNFTTBHFNQ
    FOE
    EJW
    FOE
    TFDUJPO
    

    View Slide

15. ͋Γ͔΋ʁ
    

    View Slide