Firestoreでサブコレクションにドキュメントを追加する方法(Web または JavaScript)

Firestoreのサブコレクションに新しいドキュメントを追加する具体的な方法をJavaScriptコード例付きで解説。addDoc()とsetDoc()の両方のケースを紹介します。

新たなドキュメント(データ)を作成し、サブコレクションに追加するためには以下のコードを実行します。

Firebaseを初期化する

この初期化コードは省略します。

addDoc()でサブコレクションにドキュメントを追加する場合

addDoc()メソッドを使うと、FirestoreがIDを自動生成してくれます。

レファレンスを作る時に、親ドキュメントのIDとサブコレクションの名前を入れる必要があるだけで、それ以外は普通にドキュメントを追加するときと全く同じです。

// roomsのドキュメントの深い層に、messagesというサブコレクションを持つ場合
// rooms
//   - document
//     - messages
 
// 変数を用意
const collectionName = "rooms";
const docId = "foo";
const subcollectionName = "messages";
 
// サブコレクションのレファレンス
const collectionRef = collection(db, collectionName, docId, subcollectionName);
 
// addDoc()で追加する
await addDoc(collectionRef, {
  content: "hello world",
  user_id: "foofoo"
});

setDoc()でサブコレクションにドキュメントを追加する場合

setDoc()メソッドを使うと、ドキュメントのIDを指定してドキュメントを作成できます。

// 新たに追加するドキュメントのID
const newDocId = "foofoofoo";
 
// サブコレクションのドキュメントのレファレンス
const docRef = doc(db, collectionName, docId, subcollectionName, newDocId);
 
// setDoc()で追加する
await setDoc(docRef, {
  content: "hello world",
  user_id: "foofoo"
});

※適宜変数に値を代入してください。

Read more

サービス更新履歴

ここでは、LiveQのサービス・製品への変更を全て紹介しております。 このページは大きな変更があった場合に更新されます。 いつごろにどのような機能がリリースされたかが分かります。 2026年6月: 高速化・安定化 * 5月よりサーバーおよびアプリケーションの大型リニューアルに取り組み、6月に読み込み速度の向上や、大規模アクセス時にも安定して高速に動作するように変更をおこないました。 2026年4月: 画像スライド * 新たなスライドの種類として画像スライドを追加しました。 * PowerPoint, PDFファイルを一括インポートし、画像スライドとして追加する機能を追加しました * そのほか多数の細かな変更(操作性などのデザイン改善や、不具合)をおこないました 2026年3月: ワードクラウド、コメントのAIモデレーション(監視) * 新たなスライドの種類としてワードクラウドを追加しました * コメントをAIで自動監視する機能をリリースしました * そのほか細かな改善や不具合の修正をおこないました 2026年2月: 有料プランのデータエクスポート

By 阿部 隼也

チームメンバーを招待する方法

チームメンバーを追加するには、招待する必要があります。 その招待方法を紹介します。 招待可能なチームメンバーの数は、ご利用のプランによって異なるため、事前にご確認ください。 チームページの「新しいチームメンバーを招待」にて、招待するメンバーのメールアドレスを入力し、「招待を送信」をクリックします。 招待された側で招待を承認 次に、招待された側の方によって招待を承認する必要があります。 ※この承認にはLiveQのアカウントが必要となりますので、必ず事前にご登録ください。 下記のような招待メールが届きます。 件名:【LiveQ】チームへの招待が届いています 差出人:[email protected] 既にLiveQに登録済みの方はそのまま「招待を承認して参加する」ボタンをクリックします。 まだLiveQに登録していない方は、登録後、同様に承認ボタンをクリックします。 チームを切り替える 招待を承認すると、チームページに下記のように「チーム切り替え」ができるようになります。 招待したユーザーにもメールが届きます 招待が承認されると、招待したユーザーに

By 阿部 隼也