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

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

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

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

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

解決済

1回答

1278閲覧

開発ツールでconsole.logが出せないとき

marimon

総合スコア32

JavaScript

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

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

1グッド

0クリップ

投稿2020/03/14 01:34

###実現したいこと
Wikipediaでリスト名を配列で取得したいです。

このページの「映画のジャンル」です。
https://ja.wikipedia.org/wiki/%E6%98%A0%E7%94%BB%E3%81%AE%E3%82%B8%E3%83%A3%E3%83%B3%E3%83%AB

###発生している問題
上のページで開発ツールを開き、そのコンソール画面にJSを書いていますが、結果がundefinedになってしまいます。

###該当のソースコード
以下でundefinedとなってしまいます。

jquery

1// jqueryを使えるように読み込む 2(script = document.createElement('script')).src = 'https://code.jquery.com/jquery-latest.min.js'; 3document.getElementsByTagName('head')[0].appendChild(script); 4 5// jquery読み込みを待つ 6setTimeout( function(){ 7 8 // リストを取得 9 var result = []; 10 $('div.mw-parser-output > ul > li').each(function(index) { 11 result.push( $(this).text() ); 12 }); 13 14 console.log( result ); // -> undefinedとなってしまう 15 16}, 200); 17

###試したこと
・そもそも基本的なコンソールとしてconsole.log('hello');ができませんでした。
・しかしコンソールでなくアラートは普通にalert('hello');でできました。

…なぜ???

どうしたら「映画のジャンル」を配列で得られるようになりますか?

s.k👍を押しています

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

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

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

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

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

Lhankor_Mhy

2020/03/14 01:46

当方では問題なく動作しましたので、環境の問題かと思います。 エラーメッセージなどはありませんか?
marimon

2020/03/14 01:55

コメントありがとうございます。あれれほんとですね、firefoxだとできました。chromeだとできなくないですか?エラーなしでundefinedだけですね。
Lhankor_Mhy

2020/03/14 03:01

当方ではChromeでも動作しています。
Lhankor_Mhy

2020/03/14 03:08

ご確認いただきたいものが2点あります。 ・setTimeout()の戻り値は表示されていますか?(たぶん、数値) ・console.log を console.error にするとどうなりますか? 今のところ、コンソールのフィルタ設定を疑っています。
marimon

2020/03/14 03:18

・仰る通りで、バラバラな数値が表示されます。 ・ループの方をconsole.errorにしても変化なく、数値だけでした。ただ「console.error('hello');」の方は「undefined」が表示されます。 コンソールのフィルタ設定、ですか、いくつか項目があるようですね。試してみます。
Lhankor_Mhy

2020/03/14 03:24 編集

console.log() などの戻り値は undefined なので、console.log() 自体は実行されているけれども、それが表示されていない、という現象だと思います。 なので、フィルタの設定を疑っています。 当方のChromeの開発者ツールのコンソールで、フィルタをHideAllにして、 console.log('test'); を実行したところ、 undefined となりました。 これを Defaultに戻したところ、表示されました。
marimon

2020/03/14 03:26 編集

フィルタ設定とはチェックボックスの項目のことではなくて、自分で入れるテキストのことでしたか。 …!! ……お恥ずかしながら、以前に入力したテキストが入っていました。こんな落とし穴があったとは。もう本当にすみません。どうもありがとうございました。
marimon

2020/03/14 03:31

自己解決はおこがましく思うので、お手数おかけして誠に恐縮ですが、ご回答は頂けましたらベストアンサーを差し上げたいのですが、いかがでしょうか。先のコメントのコピペで結構です。1時間以内にご更新なければ自己解決としておきます。本当にありがとうございました。
Lhankor_Mhy

2020/03/14 03:34

コメントが多少お役に立ったようで光栄ですが、私は問題を特定できませんでしたので、ご自分でご解決されたとご認識されて問題ないと思います。自己解決でよろしくお願いします。
marimon

2020/03/14 03:40

かしこまりました。
guest

回答1

0

自己解決

自己解決というかLhankor_Mhy様のお導きによるものですが、

開発ツールにフィルタがかかっていたために、コンソールが表示されなかった

というだけの話でした。

Lhankor_Mhy様、ご助力頂きまして誠にありがとうございました。

投稿2020/03/14 03:38

marimon

総合スコア32

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.35%

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

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

質問する

関連した質問