11.vue.jsとfirebaseで画像アップローダー:index.html
差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン | ||
11.vue.jsとfirebaseで画像アップローダー:index.html [2019/01/03] – [src/App.vueの編集] adash333 | 11.vue.jsとfirebaseで画像アップローダー:index.html [2020/04/19] (現在) – [方針をたてる] adash333 | ||
---|---|---|---|
行 4: | 行 4: | ||
FirebaseのCloud Firestorageに複数の画像を保存します。しかし、直接その一覧をとってくることができないため、画像を保存する段階で、あらかじめ、Firestoreに画像のアドレスを保存しておく必要があるため、ややこしいコードになっています。 | FirebaseのCloud Firestorageに複数の画像を保存します。しかし、直接その一覧をとってくることができないため、画像を保存する段階で、あらかじめ、Firestoreに画像のアドレスを保存しておく必要があるため、ややこしいコードになっています。 | ||
+ | |||
+ | ===== 2019/ | ||
+ | < | ||
+ | →動くようになりましたが、vuefireとVuetifyを勉強しなおす必要がありそうです。たった1年で、すぐにプログラムが動かなくなってしまうのは、かなりへこみます。 | ||
+ | |||
+ | https:// | ||
+ | @mugi_chan_tea | ||
+ | 2019年06月22日に投稿 | ||
+ | Vuefireが無いエラー【Vue.jsとfirebaseの環境構築】 | ||
+ | < | ||
+ | import { firestorePlugin } from ' | ||
+ | |||
+ | Vue.use(firestorePlugin) | ||
+ | </ | ||
+ | |||
+ | https:// | ||
+ | @rerere0101 | ||
+ | 2019年04月18日に更新 | ||
+ | Vuetifyを使ってToDoアプリをちょっとかっこよくする | ||
+ | |||
+ | https:// | ||
+ | さらに、上記サイトを参考にしてmain.jsに以下を追加したら動きました。 | ||
+ | |||
+ | < | ||
+ | const vuetifyOptions = { } | ||
+ | Vue.use(Vuetify) | ||
+ | |||
+ | new Vue({ | ||
+ | el: '# | ||
+ | vuetify: new Vuetify(vuetifyOptions) | ||
+ | }) | ||
+ | </ | ||
+ | |||
+ | Vuetifyのツールバー(ヘッダー)が、 | ||
+ | < | ||
+ | から、 | ||
+ | < | ||
+ | に変更に。 | ||
+ | |||
+ | |||
===== 方針をたてる ===== | ===== 方針をたてる ===== | ||
-画像をアップロードできる | -画像をアップロードできる | ||
行 30: | 行 70: | ||
</ | </ | ||
+ | 現在、firebaseの方でwriteできないように設定しています。 | ||
11.vue.jsとfirebaseで画像アップローダー/index.html.txt · 最終更新: 2020/04/19 by adash333