![見出し画像](https://assets.st-note.com/production/uploads/images/98005753/rectangle_large_type_2_73c47692c5a7ba4f4003216835241e4a.png?width=1200)
【FlutterFlow】CSVアップロードでフィールド定義+ドキュメント追加
前回記事からの続きです。FlutterFlowの公式ドキュメントを参考に、Firestore Content Managerで、ドキュメントを追加・更新・削除する方法についてご紹介していきます。
前回は、Firestore Content Managerで、すでにドキュメントがあるコレクションにCSVアップロードを行って、ドキュメント追加することを試みました。実際のところ、LIST型フィールドへの追加がうまくいかなかったのですが、その手順についてはご紹介できました。
今回は、次のチュートリアルも参考にして、CSVアップロードにより空のコレクション、つまりフィールドの定義をしていないコレクションに、ドキュメントを追加したいと思います!
今度こそ、バシッっとうまくいきますように。
レッツゴー。
支店コレクションを追加
何はともあれ、アップロードするCSVデータを準備しないといけません。下図のように、Googleスプレッドシートで支店の情報を格納するCSVファイルを作ってみました。
![](https://assets.st-note.com/img/1676353689454-ZnOvDvcf3T.png)
1行目が見出しに相当し、2行目以降がレコード(ドキュメントですが)の値になるようにします。これをCSV形式でローカルにダウンロードしておきます。
空のコレクションを新規追加
今度は、データの受け皿となるコレクションを作っておきます。
+ボタンを押します。
![](https://assets.st-note.com/img/1676354569361-rNBGyKbIAZ.png)
コレクションに名前を付けます。
![](https://assets.st-note.com/img/1676354600381-r2HoGBGfVJ.png?width=1200)
はい、Branchesなるコレクションが追加できました。
![](https://assets.st-note.com/img/1676354627987-k0zRSj00b3.png)
ここまでは、OKですね。
ドキュメント追加に加えてフィールド定義もできる
Firestore Content Managerに移動して、Branchesコレクションを選択の上、Upload CSVを押します。
![](https://assets.st-note.com/img/1676354797182-peUIXIN29q.png?width=1200)
アップロードするCSVファイルを選んで、アップロードCSVを押します。
![](https://assets.st-note.com/img/1676354841991-dFXapLoAoC.png?width=1200)
取り込むデータがプレビューされます。うん、フィールド名、フィールド型もばっちりですね。まあ、3つのフィールドすべての型がStringですから、エラーが起きにくいですけれdも。
![](https://assets.st-note.com/img/1676354915023-2kXLUQ7F6m.png?width=1200)
あれ、警告らしきものが出ました。「新しいフィールドが追加されますよ~」ということですね。ドキュメント(レコード)だけでなく、新たにフィールドが追加されることを教えてくれているのでしょう。
![](https://assets.st-note.com/img/1676355042935-pUIw9T3HlO.png?width=1200)
さらに、メッセージが。これらが新しく追加されるフィールドです、と教えてくれています。やたら、親切ですね…。
![](https://assets.st-note.com/img/1676355118859-OhDXJeFkpK.png)
うまくいったと表示されました。これまた丁寧ですね~。どんだけ丁寧なんでしょうかw。
![](https://assets.st-note.com/img/1676355209484-0NIlJGTXil.png)
実際に、Firestore Content Managerで確認します。お!Branchesコレクションに新たにフィールドが加わるとともに、ドキュメント追加されています。
![](https://assets.st-note.com/img/1676355274633-LP8BG5eRGx.png?width=1200)
フィールドの定義と、ドキュメント追加が、CSVアップロードにより一度にできてしまうなんて、便利ですな~。
はい、本日はここまで~。無事、CSVをアップロードして、空のコレクションにドキュメント追加できました。前回記事の借りを取り返した、、、かな。
次回は、コレクションの下に、コレクションを作る「サブコレクション」を紹介したいと思います~。
Glide学ぶなら、Udemy
Glideで急いでアプリを作りたいけど、どうすれば?お気持ち察します。でも、心配いりません!UdemyならGlide初心者向けの動画コースが受講できます。このブログ300記事をベースにして生まれました。期間限定のキャンペーンもあります。気になる方は、チェックしましょう!
この記事が気に入ったらサポートをしてみませんか?