11.vue.jsとfirebaseで画像アップローダー:index.html
差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン | ||
11.vue.jsとfirebaseで画像アップローダー:index.html [2019/08/13] – [2019/8/13時点、動きません。] adash333 | 11.vue.jsとfirebaseで画像アップローダー:index.html [2020/04/19] (現在) – [方針をたてる] adash333 | ||
---|---|---|---|
行 6: | 行 6: | ||
===== 2019/ | ===== 2019/ | ||
- | Vuefireのためか、Vuetifyのせいなのか、動きません。 | + | <del>Vuefireのためか、Vuetifyのせいなのか、動きません。</ |
- | + | →動くようになりましたが、vuefireとVuetifyを勉強しなおす必要がありそうです。たった1年で、すぐにプログラムが動かなくなってしまうのは、かなりへこみます。 | |
- | 調査中です。 | + | |
https:// | https:// | ||
行 14: | 行 13: | ||
2019年06月22日に投稿 | 2019年06月22日に投稿 | ||
Vuefireが無いエラー【Vue.jsとfirebaseの環境構築】 | Vuefireが無いエラー【Vue.jsとfirebaseの環境構築】 | ||
+ | < | ||
+ | import { firestorePlugin } from ' | ||
+ | |||
+ | Vue.use(firestorePlugin) | ||
+ | </ | ||
https:// | https:// | ||
行 19: | 行 23: | ||
2019年04月18日に更新 | 2019年04月18日に更新 | ||
Vuetifyを使ってToDoアプリをちょっとかっこよくする | Vuetifyを使ってToDoアプリをちょっとかっこよくする | ||
+ | |||
+ | https:// | ||
+ | さらに、上記サイトを参考にしてmain.jsに以下を追加したら動きました。 | ||
+ | |||
+ | < | ||
+ | const vuetifyOptions = { } | ||
+ | Vue.use(Vuetify) | ||
+ | |||
+ | new Vue({ | ||
+ | el: '# | ||
+ | vuetify: new Vuetify(vuetifyOptions) | ||
+ | }) | ||
+ | </ | ||
+ | |||
+ | Vuetifyのツールバー(ヘッダー)が、 | ||
+ | < | ||
+ | から、 | ||
+ | < | ||
+ | に変更に。 | ||
+ | |||
+ | |||
===== 方針をたてる ===== | ===== 方針をたてる ===== | ||
-画像をアップロードできる | -画像をアップロードできる | ||
行 45: | 行 70: | ||
</ | </ | ||
+ | 現在、firebaseの方でwriteできないように設定しています。 | ||
11.vue.jsとfirebaseで画像アップローダー/index.html.1565674970.txt.gz · 最終更新: 2019/08/13 by adash333