SDKの使い方・注意点等について書く。インストールscriptタグで直接CDNから読み込むのが一番かんたん。Firebase以下をコピーここまでで、こんな感じになります。</body></html>使うfirebaseは主にfirebaseオブジェクトのメソッドから操作する。firebase.database().ref('production/messages');refの引数は参照する階層になる。データベースに値が追加されたら通知する。snapshot.key();});child_addedキーでref以下の階層に値が追加された場合に通知が飛ぶ。通知の引数になるsnapshotから値を取得する場合はval()メソッドで値を取得する。自身のパスが取得したければ、key()で取得できる。データベースから値が削除されたら通知する。snapshot.key();});データベースの値が変更されたら通知する。snapshot.key();});データベースの値が移動したら通知する。snapshot.key();});最初に接続した時にDBに値があれば、child_addedかvalueに通知が来る。全てのイベントを通知する。'bar'});pushで新たなエントリーを生成し、setで値を設定する。void)ユニークキーを生成して、そのキーで新たなエントリーを生成する。valueを指定した場合は後述するsetも同時に行われる。void)現在のロケーションに値をセットする。フィルターをかけるフィルター系で注意したいのは、firebaseは複数のフィルターを組み合わせられないという点なので、データ構造は十分考慮する必要があるし、場合によってはjavascript側で並べ替えることも考慮した方がいい。string)指定された子要素のプロパティ値で順序を決める。デフォルトで昇順になる。orderByKeyキーでソートする。キーに順序をもたせた場合はこれを呼ぶだけでいい。orderByValue値でソートする。プリミティブが直接子要素になっている場合以外に使い道がない気がするが。子要素の値を指定してフィルターする。このメソッドはorderByに影響を受け、orderByの指定があった場合はそのプロパティを比較に使う。orderByの指定がなければ、第二引数で比較する値を指定する。string)値が一致する要素から開始する。一致しない要素は全てスキップされる。string)値が一致したら終了する。一致するまでは全ての要素が流れる。string)値が一致した要素のみを流す。number)指定した件数を先頭から取得する。number)指定した件数を最後尾から取得する。注意点・Tips等Firebaseのイベントで気をつけなければいけないのは、初回に繋いだ瞬間全ての値が流れてくること。キャッシュ等をしていて、差分からの値が欲しければ、最後の値をstartAt()に渡してイベントをスキップするような実装にする必要がある。valueとchild_addedを一緒に指定すると、valueとchild_addedの両方に値が流れるので注意。基本的にはvalueは使わず、child_added/moved/changed/removedをちゃんと使い分けたほうがよい。新機能typescript2.4がでたので新機能を確認。2はてなブログをはじめよう!brn_takeさんは、はてなブログを使っています。ブログを報告する引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。