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

はじめに

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

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

対象読者

• Elmの実践的な使い方に興味がある
  • Syntaxをざっと読んだ
  • Guideをざっと読んだ
• ElmでFirebaseに興味がある
• サクサク動くチャットアプリを作りたい

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

• Elm: v0.19
• firebase: v5.7.1
• purecss: v1.0.0

リポジトリ

作成するアプリの使用

• マルチデバイス対応
• 自分と第三者とでチャットを行う
• 入力には認証が必要
• チャット内容をリアルタイム（更新などを行わず）に、他の端末に反映
• ユーザーはコメントの作成、読み込み、更新、削除（CRUD）ができる

トピック

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

• Elmの環境構築(elm-webpack-starterを使います。cloneしてお使いください。)
• Elmでビュー(チャット画面)を作る
• TDDしながらチャットコメントを実装する
• Elm TDDしながらチャットコメントの投稿を実装する
• Elm TDDしながらelm/timeで日付の変換をする