Q&A
faviconが何者かは把握されてますでしょうか。
そのうえでエラーで調べればそのまま解決策も出てきますが、どこまで調べられましたか？
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だからかもしれませんが、これはどんなエラーで、解決方法はあるのでしょうか？
よろしくご教授お願いします。
今調べて確認いたしました。タブの左についているアイコンのようですね。これがfirefox以外のURLだと正しく表示できないということでしょうか？
今確認いたしました faviconの設定がなされていないためにエラーが出ているようですね。最初に調べたときにはファビコンの意味が分からず調べ切れていませんでした。もう少し調べてからか質問するようにいたします。ありがとうございました。
最初はエラー内容をそのまま張り付けて調べましたが、読んでも意味が分からなかったものが多くここに質問してしまいました。わからなかった単語を調べるという努力までしていませんでした。お手数をかけて申し訳ありません。
ありがとうございます。参考にしていきたいと思います。
> 参考書"JavaScript Primer 迷わないための入門書"の2部、ユースケースの部分のはじめで躓きました。
jsprimmerの書籍版ですね。
https://www.amazon.co.jp/dp/4048930737/
Node.jsをインストールしたあたりに同HTMLが見つかりました。
https://jsprimer.net/use-case/setup-local-env/
webに情報があったのは知っていたのですが諸事情あって書籍を買うことにしました
回答2件
0
ベストアンサー
favicon
404 Not Found
Re: IMIMAIMAI さん
投稿2020/10/01 23:56
編集2020/10/03 21:48総合スコア18189
有効なサイトの紹介ありがとうございます。追加で自分で調べたところ、faviconのつけ方もわかりました。英語の文のほうは、すみません細かいところまではわかりませんでしたがiconがlink type に従属するものであること、複数のiconが設定されている場合は一定の優先度順に表示されることまでわかりました。
回答の日本語の資料で回答としては、充足している認識です。
解決したならBAを選び、未解決なら不明点を追加質問して下さい。
自己解決待ちの質問と思って回答を控えていました。せっかく自分で調べられたので、自分で回答を書いてそれをベストアンサーに選ぶのが良いのではないかと思います。
To: 低評価された方
低評価理由を教えてください。
低評価をしていましたが、高評価に変えました。
kyoya0819さん
ありがとうございます。
参考までに、低評価理由を伺ってもいいでしょうか。
今後の回答の参考にさせて頂きます。
06:48の編集で修正されたのですが、リンクが平文（通常のテキスト）だった点です。
kyoya0819さん
まさか、そこだとは…。
1. PCではChromeの拡張機能でmarkdown出力
2. Android端末のChromeに拡張機能がないので、markdown出力不可
3. teratailはURL文字列をリンク化しない(なぜリンク化しないの？リンク化してほしい！)
4. 最近のブラウザはURLテキストを選択すると、右クリックで簡単に移動できる
という理由から、Android端末では「直接入力が面倒なmarkdown記法」を使用していませんでした。
PCに戻ってきた際に、気が向いたら、markdown化していましたが、重要度は低いという判断から編集しない事もありました。
とれる対策は2つでしょうか。
- PCに戻ったら、必ず、編集でmarkdown化する
- Android端末でブラウザから、markdown出力する機能を探して使う
ちょっと考えます。
> - Android端末でブラウザから、markdown出力する機能を探して使う
「Kiwi Browser + Simple URL Copy」で、しばらく、運用してみます。
(拡張を使えるのは便利ですが、「スマートフォンでは文字サイズ小さい拡張」が選択肢になりづらく、決定版は見つけられませんでした)
0
faviconのための画像ファイル及びタグが不足しているということが皆さんの指摘でわかったので、
同じディレクトリに画像ファイルを入れたのち
htmlファイルのheadタグに
投稿2020/10/02 09:54
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
