質問編集履歴

誤字

2018/10/04 08:41

投稿

yamamotototo

スコア10

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -196,7 +196,7 @@
 ```
-```
+```index.js
 const functions = require('firebase-functions')
@@ -252,278 +252,12 @@
 ### 試したこと
-ここに問題に対して試したことを記載してください。
+javascriptは初心者で検索できるところは試したのですがうまくいきません。
+<div id ="replies"></div> が表示するテキストをデータテーブルに表示するにはどうしたらいいのでしょうか。また、別の方法がありましたら教えてください。よろしくお願いいたします。
 ### 補足情報（FW/ツールのバージョンなど）
-ここにより詳細な情報を記載してください。
-### 前提・実現したいこと
-現在、こちらを参考に（https://qiita.com/nacasora/items/713919f7a56024f5c59f）掲示板を作ろうとしており、書き込まれた情報をjquaryのデータテーブルに表示しようと思っております。色々試したのですが、データテーブル内に書き込みを表示できずにいます。
-現在の状態：
-書き込みページ　https://myapplication-d9e40.firebaseapp.com/
-表示ページ　https://myapplication-d9e40.firebaseapp.com/link/index.html
-### 発生している問題・エラーメッセージ
-```
-エラーメッセージ
-```
-### 該当のソースコード
-```index.html
-<script>
-    $(document).ready(function () {
-    var url = "https://myapplication-d9e40.firebaseio.com/simplebbs/posts";
-   // Jsonデータ取得
-    $.get(url, function (jsonData) {
-    });
-});
-    </script>
-        <script>
-        jQuery(function($){
-            $("#foo-table").DataTable( {
-    data: data,
-    columns: [
-        { data: 'content' },
-        { data: 'date' },
-        { data: 'locate0' },
-        { data: 'locate1' },
-        { data: 'locate2' },
-        { data: 'name' },
-    ]
-    });
-});
-    </script>
-</head>
-<body>
-    <div id ="replies"></div>
-    <table id="foo-table" class="table table-bordered">
-        <thead>
-                <tr><th>名前</th>
-                    <th>日付</th>
-                    <th>内容</th>
-                    <th>県</th>
-                    <th>市</th>
-                    <th>詳細</th></tr>
-        </thead>
-        <tbody>
-        </tbody>
-    </table>
-<script src="//cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
-<script src="//cdn.datatables.net/1.10.16/js/dataTables.bootstrap4.min.js"></script>
-</body>
-</html>
-```
-```main.js
-const main = ()=>
-  firebase.database().ref('/simplebbs/posts').limitToLast(10).on('value', snapshot=>{
-    const posts = snapshot.exists() ? snapshot.val() : {}
-    let html = ''
-    for(const [id, {name, content, date, locate0, locate1, locate2}] of Object.entries(posts).reverse())
-      html += makeReply(id, name, content, date, locate0, locate1, locate2)
-    document.querySelector('#replies').innerHTML = html
-  })
-const makeReply = (id, name, content, locate0, locate1, locate2, date) => `<div class="reply">
-  <div class="head">Name: ${name} <span class="date">${date}</span></div>
-  <div class="content">${content}</div>
-  <div class="locate0">${locate0}</div>
-  <div class="locate1">${locate1}</div>
-  <div class="locate2">${locate2}</div>
-  <button class="delete" onclick="deleteReply('${id}')">delete</button> </div>`
-const postReply = ()=> post('/api/post', {
-    name: document.querySelector('#reply-name').value,
-    content: document.querySelector('#reply-body').value,
-    key: document.querySelector('#reply-key').value,
-    locate0: document.querySelector('#reply-locate0').value,
-    locate1: document.querySelector('#reply-locate1').value,
-    locate2: document.querySelector('#reply-locate2').value,
-  }).then(e=>{ document.querySelector('#reply-body').value='' })
-const deleteReply = id => post('/api/delete', {id, key: prompt('key?') || ''})
-const post = (path, jsonData) => fetch(path, {
-    method: 'POST', body: JSON.stringify(jsonData),
-    headers: {'Accept': 'application/json', 'Content-Type': 'application/json'},
-  })
-document.addEventListener('DOMContentLoaded', main)
-```
-```index.js
-const functions = require('firebase-functions')
-const admin = require('firebase-admin')
-admin.initializeApp(functions.config().firebase)
-const db = admin.database()
-const rep = s=> s.replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\n/g,'<br>')
-exports.post = functions.https.onRequest((request, response)=>{
-  const {name, content, key, locate0, locate1, locate2} = request.body
-  const date = new Date().toLocaleDateString()
-  db.ref('/simplebbs/posts').push({name:rep(name), content:rep(content), locate0:rep(locate0), locate1:rep(locate1), locate2:rep(locate2), date})
-    .then(e=> db.ref(`/simplebbs/keys/${e.key}`).set(key))
-    .then(e=> response.status(200).end())
-})
-exports.delete = functions.https.onRequest((request, response)=>{
-  const {id, key} = request.body
-  db.ref(`/simplebbs/keys/${id}`).once('value').then(sKey=>{
-    if(!sKey.exists() || sKey.val() !== key)
-      return response.status(400).send('invalid id or incorrect key').end()
-    db.ref(`/simplebbs/posts/${id}`).remove()
-      .then(e=> sKey.ref.remove())
-      .then(e=> response.status(200).end())
-  })
-})
-```
-### 試したこと
-javascriptは初心者で検索できるところは試したのですがうまくいきません。
-<div id ="replies"></div> が表示するテキストをデータテーブルに表示するにはどうしたらいいのでしょうか。また、別の方法がありましたら教えてください。よろしくお願いいたします。
-### 補足情報（FW/ツールのバージョンなど）