サルでもわかるWEBプログラミング

フリーソフトのみでホームページ作成

ユーザ用ツール

サイト用ツール


13.vue.jsとfirebaseで認証つきボイスレコーダー:index.html


差分

このページの2つのバージョン間の差分を表示します。

この比較画面にリンクする

両方とも前のリビジョン 前のリビジョン
次のリビジョン
前のリビジョン
13.vue.jsとfirebaseで認証つきボイスレコーダー:index.html [2019/01/10]
adash333 [方針をたてる]
13.vue.jsとfirebaseで認証つきボイスレコーダー:index.html [2019/05/11] (現在)
adash333 [方針をたてる]
行 34: 行 34:
 {{:13.vue.jsとfirebaseで認証つきボイスレコーダー:pasted:20190110-095407.png}} {{:13.vue.jsとfirebaseで認証つきボイスレコーダー:pasted:20190110-095407.png}}
  
-デモサイト+デモサイト1 (Firebase認証を用いる場合は、デプロイ先のアドレスを、FirebaseのAuthenticationで『認証済みドメイン』に登録する必要があります。) 
 +https://csb-zz65m3qyl4.netlify.com/ 
 + 
 +デモサイト2
 https://zz65m3qyl4.codesandbox.io https://zz65m3qyl4.codesandbox.io
  
行 238: 行 241:
  
 デモサイト デモサイト
 +https://zz65m3qyl4.codesandbox.io
 +
 +
 +
 <html> <html>
 <iframe src="https://codesandbox.io/embed/zz65m3qyl4" style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;" sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"></iframe> <iframe src="https://codesandbox.io/embed/zz65m3qyl4" style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;" sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"></iframe>
行 245: 行 252:
 ===== 気になること ===== ===== 気になること =====
  
-前回の<wrap hi>[[12.vue.jsとwebspeechapiで音声認識アプリ:|12.vue.jsとwebspeechapiで音声認識アプリ:]]</wrap>までのコードをコピペしようと思ったのですが、よくわからず、結局、データを1個追加したり削除するたびに、ローカルnotesデータを更新して、そのnotesデータ全てを、Firestoreにアップロードしたり、ダウンロードしたりするコードになってしまいました。テキストなのでまあよいかもしれませんが、データ通信量が莫大になってしまうのが気になりますが、解決方法がわかりません。+前回の<wrap hi>[[12.vue.jsとwebspeechapiで音声認識アプリ:|12.vue.jsとwebspeechapiで音声認識アプリ:]]</wrap>までのコードをコピペしようと思ったのですが、やり方がわかりませんでした。結局、データを1個追加したり削除するたびに、ローカルnotesデータ(オブジェクト、連想配列)を更新して、そのnotesデータ全てを、Firestoreにアップロードしたり、ダウンロードしたりするコードになってしまいました。テキストなのでまあよいかもしれませんが、データ通信量が莫大になってしまうのが気になりますが、解決方法がわかりません。
 ===== 今回写経した本 ===== ===== 今回写経した本 =====
 Vue.js初めての方に非常にお勧めです。読みながら手を動かしてアプリが動くことを実感できて楽しいです。 Vue.js初めての方に非常にお勧めです。読みながら手を動かしてアプリが動くことを実感できて楽しいです。


13.vue.jsとfirebaseで認証つきボイスレコーダー/index.html.1547087763.txt.gz · 最終更新: 2019/01/10 by adash333