質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
MySQL

MySQL(マイエスキューエル)は、TCX DataKonsultAB社などが開発するRDBMS(リレーショナルデータベースの管理システム)です。世界で最も人気の高いシステムで、オープンソースで開発されています。MySQLデータベースサーバは、高速性と信頼性があり、Linux、UNIX、Windowsなどの複数のプラットフォームで動作することができます。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

1回答

879閲覧

node.js  not defined エラー

y12

総合スコア8

MySQL

MySQL(マイエスキューエル)は、TCX DataKonsultAB社などが開発するRDBMS(リレーショナルデータベースの管理システム)です。世界で最も人気の高いシステムで、オープンソースで開発されています。MySQLデータベースサーバは、高速性と信頼性があり、Linux、UNIX、Windowsなどの複数のプラットフォームで動作することができます。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2020/05/05 08:02

編集2020/05/05 10:46

「作成するボタン」を押したら
item.acolumnを表示させるプログラムを書きたいのですが、
localhost:3000/newにアクセスしたときatable is not definedと表示されます。
以下参考画像

!
解決策を教えていただきたいです。

//app.js const express = require('express'); const app = express(); const mysql = require('mysql'); const connection =mysql.createConnection({     host: 'localhost',    user: 'root',    password: '',    database: 'testdb'    }); app.use(express.urlencoded({extended: false})); //ここまでは設定用コード app.get('/new', (req, res) => { res.render('new.ejs'); }); app.post("/new",(req,res)=>{ connection.query( "INSERT INTO atable(acolumn) VALUES(?)", [req.body.text], (error, results) =>{ connection.query( "SELECT acolumn FROM atable", (error, results)=>{ res.render("new.ejs",{atable: results}); } ); } ); }); app.listen(3000);
//new.ejs <form action="" method="post"> <input name="text" type="text"> <input type="submit" value="作成する"> </form> <% atable.forEach((item) => { %> <%= item.acolumn %> <% }) %>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

snogot

2020/05/05 08:25

> atable is not definedと表示されます。 どんな操作をしたとき、どこに表示されるのでしょうか? また、エラーメッセージは全て質問欄に貼り付けてもらえませんか?
y12

2020/05/05 10:52

localhost3000/newにブラウザでアクセスしたとき、atable is not definedと表示されます。 エラーメッセージは画像で貼り付けました。 ファイル「app.js」の下のほうで res.renderの第二引数に、ファイル「new.ejs」で値を使えるようにしているのになぜエラーが出るのでしょうか。回答いただけたらとても嬉しいです。 よろしくお願いいたします。
snogot

2020/05/05 11:06

追記ありがとうございます。状況がわかりやすくなりました。 > res.renderの第二引数に、ファイル「new.ejs」で値を使えるようにしているのになぜエラーが出るのでしょうか。 connection.query("SELECT acolumn FROM atable") が成功しているかどうか、怪しいように思います。 errorに何か情報は入っていませんか?またresultsにはselectの結果が想定どおり格納されていますか?
y12

2020/05/05 11:28

返信ありがとうございます。 snogotさんのおっしゃられた通り errorやresultsの中に入っている値を確認したいのですが、どうやって確認すれば良いですか? ブラウザで使うjsならコンソールがありますが... node.jsの対話モードでやろうとしてみましたが、どのerrorをセレクトしているか分からなくて... 質問ばかりすみません。
snogot

2020/05/05 12:15

app.jsで、res.render() の直前行にconsole.log() を入れてみてはいかがでしょう? 引数に error や results を指定すれば、中身が見えるかと思います。
y12

2020/05/05 12:31

回答ありがとうございます。 console.log();を書いてみました。 console.log();で出した値はどこに表示されるのでしょうか? 調べてみましたがわかりません...
snogot

2020/05/05 14:22

> 調べてみましたがわかりません... どこまでわかっているのか、によってアドバイスも変わってきますので、 状況をもう少し詳しく教えてください。 検索してみたけれど、解説サイトが見つからなかったのでしょうか? それとも、解説サイトは見つかったけれど、記載内容に理解できない部分があるのでしょうか? もし後者であれば、どこが理解できなかったのか知りたいです。
y12

2020/05/05 15:16

node.jsのconsole.logの表示場所について記事が出てきません。 フロントサイドのjsはのっているのですが。。。
y12

2020/05/09 14:32

リダイレクトについて学ぶことができました! わざわざありがとうございます。もう少し勉強します。
guest

回答1

0

自己解決

リダイレクトでエラー内容を表示しよう

投稿2020/05/23 11:13

y12

総合スコア8

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問