Edited at

Elm+Firebaseでチャットアプリを作る


はじめに

この記事は、@Yamamoto0525 様の Angular+Firebaseでチャットアプリを作るElm版の記事です。

記事をお見かけしてElmをステップアップしながら学ぶための素晴らしい記事だと思い真似させていただきました。単なる真似にならないようにElmならではの良さやモダンっぽさを取り入れていければなと思っています。


対象読者


  • Elmの実践的な使い方に興味がある



    • Syntaxをざっと読んだ


    • Guideをざっと読んだ



  • ElmでFirebaseに興味がある

  • サクサク動くチャットアプリを作りたい


プロジェクトで使用するライブラリ


  • Elm: v0.19

  • firebase: v5.7.1

  • purecss: v1.0.0


リポジトリ

https://github.com/ababup1192/elm-firebase-chat


作成するアプリの使用


  • マルチデバイス対応

  • 自分と第三者とでチャットを行う

  • 入力には認証が必要

  • チャット内容をリアルタイム(更新などを行わず)に、他の端末に反映

  • ユーザーはコメントの作成、読み込み、更新、削除(CRUD)ができる


トピック


チャットの入力画面を作成