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

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

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

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

JavaScript

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

Q&A

解決済

2回答

1238閲覧

テキスト:javascript primer のユースケース:

退会済みユーザー

退会済みユーザー

総合スコア0

Node.js

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

JavaScript

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

0グッド

0クリップ

投稿2020/10/01 23:39

javascript初学者です。
参考書"JavaScript Primer 迷わないための入門書"の2部、ユースケースの部分のはじめで躓きました。
node.jsをインストールして
以下のようなディレクトリを作ってコードを書きました
usecase
|
|---index.js
|---index.html

html

1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="utf-8" /> 5 <title>index.html</title> 6</head> 7<body> 8 <h1>ローカルサーバーで配信中</h1> 9 <script src="index.js"></script> 10</body> 11</html>

javascript

1console.log("index.js: loaded")

以上のコードが入ったディレクトリusecase内で当書籍用に用意された@js-primer/local-serverというローカルサーバモジュールを使って
サーバーを起動し、
各ブラウザのhttp:///localhost:3000に移動しました。firefox,microsoftedge,chromeどのブラウザでもページは正しく表示されますし、コンソール上でもindex.js: loadedが表示されるのですが、firefox以外ではfailed :3000/favicon.ico:1 to load resauce : the server responded with a status of 404 (Not Found)というエラーメッセージが出てしまいます。
もともとこの書籍の推奨しているブラウザがfirefoxだからかもしれませんが、これはどんなエラーで、解決方法はあるのでしょうか?
よろしくご教授お願いします。

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

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

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

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

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

m.ts10806

2020/10/01 23:41 編集

faviconが何者かは把握されてますでしょうか。 そのうえでエラーで調べればそのまま解決策も出てきますが、どこまで調べられましたか?
退会済みユーザー

退会済みユーザー

2020/10/01 23:46

今調べて確認いたしました。タブの左についているアイコンのようですね。これがfirefox以外のURLだと正しく表示できないということでしょうか?
退会済みユーザー

退会済みユーザー

2020/10/01 23:52

今確認いたしました faviconの設定がなされていないためにエラーが出ているようですね。最初に調べたときにはファビコンの意味が分からず調べ切れていませんでした。もう少し調べてからか質問するようにいたします。ありがとうございました。
退会済みユーザー

退会済みユーザー

2020/10/01 23:55

最初はエラー内容をそのまま張り付けて調べましたが、読んでも意味が分からなかったものが多くここに質問してしまいました。わからなかった単語を調べるという努力までしていませんでした。お手数をかけて申し訳ありません。
退会済みユーザー

退会済みユーザー

2020/10/02 00:46

ありがとうございます。参考にしていきたいと思います。
退会済みユーザー

退会済みユーザー

2020/10/02 10:02

webに情報があったのは知っていたのですが諸事情あって書籍を買うことにしました
guest

回答2

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

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

退会済みユーザー

退会済みユーザー

2020/10/02 00:45

有効なサイトの紹介ありがとうございます。追加で自分で調べたところ、faviconのつけ方もわかりました。英語の文のほうは、すみません細かいところまではわかりませんでしたがiconがlink type に従属するものであること、複数のiconが設定されている場合は一定の優先度順に表示されることまでわかりました。
think49

2020/10/02 05:01

回答の日本語の資料で回答としては、充足している認識です。 解決したならBAを選び、未解決なら不明点を追加質問して下さい。
Zuishin

2020/10/02 05:44

自己解決待ちの質問と思って回答を控えていました。せっかく自分で調べられたので、自分で回答を書いてそれをベストアンサーに選ぶのが良いのではないかと思います。
think49

2020/10/03 21:44

To: 低評価された方 低評価理由を教えてください。
kyoya0819

2020/10/04 02:53

低評価をしていましたが、高評価に変えました。
think49

2020/10/04 02:59

kyoya0819さん ありがとうございます。 参考までに、低評価理由を伺ってもいいでしょうか。 今後の回答の参考にさせて頂きます。
kyoya0819

2020/10/04 04:03 編集

06:48の編集で修正されたのですが、リンクが平文(通常のテキスト)だった点です。
think49

2020/10/04 04:23

kyoya0819さん まさか、そこだとは…。 1. PCではChromeの拡張機能でmarkdown出力 2. Android端末のChromeに拡張機能がないので、markdown出力不可 3. teratailはURL文字列をリンク化しない(なぜリンク化しないの?リンク化してほしい!) 4. 最近のブラウザはURLテキストを選択すると、右クリックで簡単に移動できる という理由から、Android端末では「直接入力が面倒なmarkdown記法」を使用していませんでした。 PCに戻ってきた際に、気が向いたら、markdown化していましたが、重要度は低いという判断から編集しない事もありました。 とれる対策は2つでしょうか。 - PCに戻ったら、必ず、編集でmarkdown化する - Android端末でブラウザから、markdown出力する機能を探して使う ちょっと考えます。
think49

2020/10/07 13:02

> - Android端末でブラウザから、markdown出力する機能を探して使う 「Kiwi Browser + Simple URL Copy」で、しばらく、運用してみます。 (拡張を使えるのは便利ですが、「スマートフォンでは文字サイズ小さい拡張」が選択肢になりづらく、決定版は見つけられませんでした)
guest

0

faviconのための画像ファイル及びタグが不足しているということが皆さんの指摘でわかったので、
同じディレクトリに画像ファイルを入れたのち
htmlファイルのheadタグに

<link rel="icon" type="image/x-icon" href="human.png">(human.pngは画像ファイルの名前です。) を入れ込んでみたところ全てのブラウザでエラーメッセージがなくなりfaviconも表示されるようになりました。

投稿2020/10/02 09:54

退会済みユーザー

退会済みユーザー

総合スコア0

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問