[html] タグが付いた質問
1,092
質問
0
票
0
回答
28
閲覧数
GitHub Pages で CSS がうまく反映されない [重複]
GitHub Pages を用いて作成したHPをアップロードしようとしましたが、CSSだけがうまく反映されませんでした。
調べてみたらcssのパスを書き換える必要があるとわかり、他の方のコードとも見比べて色々試してみたのですが、どうしてもうまくいきません。申し訳ございませんが、どなたかご指導よろしくお願いします。
以下、コード
<!DOCTYPE html>
<html lang=...
0
票
0
回答
93
閲覧数
自宅サーバーのアクセスに著しい遅延が生じる
自宅サーバーを運営する上で困ったことがあり質問させていただきました。
先日、中古デスクトップを利用してWordPressブログを公開しようと試みたのですが、自宅以外の環境から接続するとアクセスに著しい時間を要し、時間帯によってはタイムアウトしてしまうとの報告を頂きました。
Cloudflareを介しているため、サーバー本体の問題であればエラーが表示されるはずなのですが、...
0
票
1
回答
61
閲覧数
pointerdown を付与した要素が発火後に消える場合、別の要素にフォーカスを付与してもフォーカスが外れてしまう原因が知りたい
表題の通りとなります。
pointerdown イベントを付与した要素がイベント発火後に消える際、focus() メソッドで強制的にフォーカスを他の要素に付与したとしても外れてしまいます。
pointerup ではこのような現象は発生しないため、なぜ挙動が違うのか知りたいです。
また、Firefox の pointerdown ではフォーカスが外れる現象が発生しませんでした。
...
0
票
1
回答
99
閲覧数
JavaScriptでオセロを作っています。処理の一時停止をしたいのですが、思ったような挙動になりません。
javascriptでオセロを作っています。
ユーザーがpタグをクリックすると、クリックした盤面の位置がrun()に渡されます。
プレイヤーが打った後ランダムに打つNPCを用意したのですが、ヴィジュアル的にそれぞれの処理に間を開けたいと思い、runNpc()の冒頭に下記のような記述をしました。
let start = new Date();
while (new Date() - start &...
0
票
0
回答
168
閲覧数
HTML で JavaScript を読み込む際にエラー Failed to load resource: net::ERR_FILE_NOT_FOUND
下記のようなファイル配置で「Failed to load resource: net::ERR_FILE_NOT_FOUND」というエラーが出ます。
調べたところ、主にファイルの配置やファイルパスの設定が間違っているとのことでしたが、windowsPCだとエラーが発生せず(意図した動作を確認)、MacPCだと発生します。(ファイル配置はHTMLと同じ階層)
利用ブラウザは両方ともGoogle ...
1
票
0
回答
28
閲覧数
FlutterでGoogle画像検索のサムネイルが拡大された画面を表示したい
ー前提ー
Flutterでiosとandroidのスマホアプリを開発中です。
Flutterやhtml、StackOverflow初心者なので不備等ございましたら教えていただけると幸いです。
ーやりたいことー
下の画像のようにGoogle画像検索で1枚目のサムネイルが拡大された画面を表示したいです。
※画像はPCのものになります。
ーできていることー
...
0
票
1
回答
39
閲覧数
background-image が指定された div で、自動的に height を指定する方法を知りたい
やりたいこと
background-image, max-width が指定された div で、自動的に height を明示する方法を知りたい。
max-width を超える場合は、 max-width まで縮小したい。
できれば css だけで実現したい。
前提条件
画像のサイズは不定で、小さいこともあれば大きいこともある。
div の max-width は 400px を指定。
...
0
票
1
回答
40
閲覧数
縦長画像を含むWebページを印刷すると、画像が2ページ目に出力されてしまう。
以下のHTMLを印刷すると、.test-2(ピンク部分)は1ページ目に出力されますが、
.test-3(パープル部分)の画像は2ページ目に出力されてしまいます。
1枚目の画像(ブラウザでの表示)のように、1ページ目の.test-2(ピンク部分)の直下に、
.test-3(パープル部分)の画像をくっつけて出力したいです。
CSS の記述方法を教えていただけないでしょうか。
※ ...
0
票
1
回答
60
閲覧数
JSで日付によって画像の角度を変える
ホロスコープ作成サイトを作っています。
jsを使って現在の日付けを取得し、その日付に応じて画像の角度を変更したいのですが、初心者のため、試行錯誤もできていません。具体性がなく非常に答えにくいとは思うのですが方法を教えてください。
-1
票
0
回答
50
閲覧数
reactをGithub Pagesで動作させる方法
https://github.com/Hyuto/yolov5-tfjs
これを自分のGithub Pagesで動作させる方法についてお聞きしたいです。
これをローカルに持ってきて、READMEの通りに進めると正常に動作します。
その後、自分のリポジトリにpush(?)してGithub Pagesにアクセスすると画面には何も出ません。コンソールを確認すると
Failed to load ...
0
票
3
回答
98
閲覧数
webサイトの中で複数のページ共通の処理を書く時に相対パスはどう記述すれば良い?
以下のようなURLのサービスを作っているとします。
https://example.com/hoge-service/ ←ここがトップ画面
https://example.com/hoge-service/favorite
https://example.com/hoge-service/user/123456 ユーザーページ
https://example.com/hoge-service/js/...
0
票
0
回答
35
閲覧数
リキッドレイアウトにする際remでのレイアウト
初めて質問させていただきます。
コーディングの勉強をしています。まだ2か月ちょっとしか勉強もしておらず、見当違いな質問になってしまうかもしれませんが教えていただけると嬉しいです。
リキッドレイアウトを作成中です。これまでvwで作成していましたが初めてremでのコーディングにトライしています。htmlで以下のコードを指定していれば、...
0
票
0
回答
34
閲覧数
ログインフォームの自動補完を選択後の自動遷移について
ログインフォームの自動補完を選択すると自動遷移する現象があるのですが
クライアントから自動補完は残していいのですが自動遷移を止めて欲しいと希望があるのですが
どのようにHTML,CSS、JSなどで対策できますか?
現在は、Wordpressにて利用しているのでいいアイディアや参考になるサイトなどがあればご教授いただければ幸いです。
OSレベルの問題かと思っているのですが、、、
0
票
1
回答
107
閲覧数
自動で3つの数字を掛け合わせるページの作成
初心者向けの、HTMLとJavascriptの練習問題を解いています。
<問>
ユーザーに3つの数字を入力してもらい、それらを自動で掛け合わせた結果を表示するウェブページを作りなさい。
(Javascriptのalertやpromptは使わずに、HTMLのformを使いなさい)
<私の回答>
<!DOCTYPE html>
<html lang="en"&...
0
票
0
回答
38
閲覧数
Node.jsとSocket.ioを用いて2人のユーザで並び替え順が更新されるようにしたい
Node.jsとsocket.ioを用いて1人のユーザが並べ替えを行った際に、両方のユーザのリストを更新したいと考えています。現在、以下のようなプログラムを作成しており、並べ替えを行ってもclient.htmlの $("#sortable").on( "sortstop", function(event.ui){ ~~ }); が実行されない状況です。...
0
票
1
回答
62
閲覧数
Rails 6 metaタグ&OGP設定で投稿記事ごとに画像を取得する方法
Rails 6 でmetaタグ&OGP設定によりサイトの投稿記事ページごとの画像を取得しようとしておりますが、できておりません。
取得するページのhtml.erb最上部に以下のコードを記述しています。
titleとdescriptionは取得できますが、imageだけが反映されず
application_helper.rbのimageを参照してしまいます。
<% ...
0
票
0
回答
24
閲覧数
Three.jsにてVRコントローラーでオブジェクトを表示・非表示にする方法
現在、Three.jsを使ってVR空間に複数のオブジェクトを表示させているのですが、それをVRコントローラーのトリガーかグリップ等のボタンのどれかでいいので、押すと表示しているものが非表示になるHTMLを作成したいです。(visible=falseのような表記)
Three.jsのサンプルに載っているのはGUIの場合しかなく、それだけではわからないため教えてください。
1
票
1
回答
74
閲覧数
GitHub PagesでCSSが反映されない
VSCodeで書いたコードを使ってGitHubで自作HPを公開しようとしています。
コードはHTMLとCSSのみ。CSSが反映されずに困っています。
VSCodeのプレビューでは問題なく反映されているのですが、原因がわかりません。
試したこと
1. <link rel="stylesheet" href="css/home.css"> を
<...
0
票
1
回答
113
閲覧数
誤字を見つける。phpのエラーが分からない。
APIを利用して誤字を見つけるものを作りたいのですが、行き詰ってしまったので質問させてもらいます。
とりあえず現在はエラーがでないようにしたいです。
表示されるメッセージ:
Warning: Trying to access array offset on value of type null in C:\xampp\htdocs\卒研\sotuken.php on line 24
現状のコード:...
0
票
2
回答
75
閲覧数
htmlのvideoタグのソースについて
下のようにhtmlが書かれているとき、videoのソース(url、ファイルのパス)はどれですか?
<video class="gifVideo js-gifVideo lazyVideo"
data-webm="https://el.phncdn.com/pics/gifs/042/100/151/42100151a.webm"
...
0
票
1
回答
127
閲覧数
table内のborderの太さがバラバラになるバグ
Laravel, Bootstrapを使用してwebサイトの画面を作成しています。
table内のborder(罫線)の太さが画面サイズを変更するとバラバラになってしまうブラウザ側のバグがあるようです。ブラウザの問題なのですが、この現象が起きないよう対応してほしいという要望があり苦戦しております。
100%以外の拡大/縮小で不規則に発生します。 Google Chrome, Microsoft ...
0
票
0
回答
32
閲覧数
Three.jsのVRコンテンツのサンプルコードを動かしたい
https://github.com/mrdoob/three.js/tree/master/examples
↑のファイル内のHTMLファイルのサンプルをコピーして、自分のgithub上で動かしたいのですが、上手くいきません。Three.jsのドキュメントにて、VRコンテンツの作成方法の例として記載されていたwebxr_vr_(略).htmlを動かしたいです。
main.cssもコピーしています。...
0
票
0
回答
88
閲覧数
作成した web ページを iPhone で開くと固まってしまう
主にHTMLとCSSで作ったウェブサイトを公開しようとしているところです。パソコンだと正常に動くのに対して、iPhoneで確認しようとすると、固まって内容が見られなくなります。下記は作ったウェブサイトの1つのページのコードですが、どうでしょうか?ウェブページが重くてモバイルで上手く動きませんか?
<!DOCTYPE html>
<html lang="ja">
&...
0
票
0
回答
57
閲覧数
Three.jsを使ってHTMLファイル内でグリッドを表示したい
Three.jsを用いて3D空間に正方形か点状のグリッドを生成して、それをHTMLファイル内でWebブラウザ上でVR空間に表示させたいです。
立方体のグリッドをイメージして生成しようと試みてますが、座標表示(取得)や地面に生成する場合の方法でもありがたいです。
本当はVRコントローラーを使って、生成したグリッドを表示したり一時的に消したりなど操作できるようにしたいのが理想ですが、...
0
票
1
回答
75
閲覧数
A-painterでローカル通信上で行う際について
私はA-painterというVRペイントソフトを使用して拡張可能なため様々な要素を入れて描画したいと考えており、ローカル開発が可能なため、ローカル通信上で描画を行おうとしております。
しかし、ローカル通信を行った際に「Access this site over HTTPS to enter VR mode and grant access to the device sensors.」と表示され、...
-3
票
1
回答
493
閲覧数
テキスト画面をコピーしてHTMLで表示したい [クローズ済み]
Linuxでコンソールアプリを実行した画面をコピーしてHTMLで表示したところ、綺麗に表示されません。
どうすれば綺麗に表示できるのでしょうか?
再現手順
Ubuntu20.04で以下のコードを実行して出てきた画面を、gnome-terminalの「HTMLとしてコピー」を使ってhtmlファイルとして保存します。
テキストアプリ(bash)
selected=$(
for i in `...
0
票
0
回答
59
閲覧数
react-playerを用いて、動画が再生できない場合にメッセージを表示させたい。
初学者につき、不躾な質問を失礼いたします。
ただいま、react-playerを用いて、元々タグで実装していた動画プレイヤーの置き換えを行っています。
元のコードは以下のようになっており、動画が再生できなかった場合などにタグ内の文言が表示されるようになっています。
<video
className="media video"
...
1
票
1
回答
95
閲覧数
ブラウザゲーム上で自作のドット絵フォントを表示する方法
HTML、CSS、JavaScript でドット絵のゲームを作ろうとしているのですが、相手のPCにないフォントを表示する方法がわかりません。ライブラリはp5.jsを使っていて、他にライブラリを使う予定はないです。
0
票
2
回答
175
閲覧数
Web開発のポートフォリオ作成手順と学習内容について
プログラミング初心者です。現在、HTML,CSS,Pythonを学習中で、同時にポートフォリオ作成を進めようと考えています。Webアプリを作成するときには、
フロントエンドでHTML,CSS,Javascript
バックエンドでPython
そして、SQLとAWSを学ぶ必要があると調べた結果わかりました。
しかし、ポートフォリオを作成するさいに、SQLやAWSの知識はどこで必要になるのでしょうか?
...
0
票
2
回答
116
閲覧数
Htmlでinputタグから受けとった値の処理の方法を教えてください。
プログラミング初心者です。HTMLでinputタグでワードを受け取り、その結果をもとにおすすめの映画を紹介するというサービスを考えています。HTMLでinputタグから入力フォームは作成したのですが、ここからどのように進めればいいかわかりません。
web開発の手順では、HTML・CSSを作成してからPythonなどのバックエンドの作り方を紹介されていますが、このような仕組みの場合、...
2
票
1
回答
105
閲覧数
Javascriptのプロパティ名に「-」が有ると正常にコードが実行できない
以下のコードをブラウザーのコンソールで実行しようとしたところ、-で区切られて認識されてしまい、正常にコードが実行できませんでした。対策方法を知りたいのですが、教えていただけないでしょうか?
document.example-form-name.submit()
0
票
2
回答
133
閲覧数
HTMLを書く上でのクラス名指定や、ネストの深さのルールがわからない
HTMLとCSSを使ってサイトのコーディングの練習をしているのですが、クラス名の指定のルール、ネストの深さのルールをどう決めたらいいかわからないので質問させていただきました。
何かどのエンジニアさんも共通のルールを持っているか様々なコードを見ましたが、共通項が見出せませんでした。
ルールを決められなければサイトのコーディングに余計な時間がかかってしまうので困っています。
1
票
2
回答
115
閲覧数
あるセレクタの直下かつ先頭というCSSセレクタはありますか?
こちらのspanには適用させず、
<div>テキスト<span>テスト1</span>テキスト<div>
こちらのspanには適用できるセレクタを探しています。
<div><span>テスト2</span>テキスト<div>
divの直下かつ先頭(テキストを除く)という擬似クラス等はないのでしょうか。...
2
票
2
回答
1,011
閲覧数
ブラウザ上でテスト的な POST リクエストを実行したい
今開発中のウェブアプリにおいて、API ではない、ブラウザ上のページ遷移の一貫で(他サイトから) POST リクエストが送られてくるので、それを受け取って、かつ画面表示するようなページを作成しようとしています。この機能のために、 POST リクエストを再現したいと思っているのですが、ふとどうやるか分からないので質問です。
質問
ブラウザ(firefox か chrome)に、 POST ...
0
票
0
回答
121
閲覧数
Chart.js で描画した棒グラフの両端が切れてしまう
前提
Chart.js(バージョン2.8.0)で複合グラフを作っています。
横軸:日付("2022-07-01"など)
縦軸:整数と実数
※横軸の表示をすっきりさせるため、xAxes.type='time'にしています。
※xAxes.typeを設定しないとこの問題が生じないことは確認済みです。
目標
このページのグラフのように、すべての棒グラフを完全に描画したい
https:/...
0
票
0
回答
42
閲覧数
DjangoをUbuntuのサーバーにデプロイ後、サイトを開くとhtmlが更新されていない問題
現在さくらVPSでDjangoのプロジェクトを運用しています。
アップデートのためサーバー内のプロジェクトを最新にし、collectstaticを行ったあと、nginxなどをリスタートしたのですが、サイトを訪れディベロッパーツールで確認するとhtmlが更新されていないことがわかりました。
解決するために行ったこと
・スーパーリロードを行いキャッシュをクリア
・サーバー内のプロジェクトを参照し、...
2
票
1
回答
122
閲覧数
入力中のパスワードを表示させつつ半角文字だけに制限したい
JavaScriptでパスワードの表示/非表示を切り替える機能(最近よく見かける目玉マークをクリックして切り替える機能)を作成中なのですが、ネットに出てくる実装方法だと表示中に全角文字が入力できてしまいます。
input.type = 'password'; //非表示にする場合
input.type = 'text'; //表示する場合 ※これだと全角文字が入力できてしまう
そのため、...
0
票
1
回答
85
閲覧数
inview.jsでスクロールした際に文字を浮かび上がらせたい
実現したいこと
こちらのサイトを参考にスクロールしたときに文字を浮かび上がらせたいです。
「1.【サンプル】フェードイン(ふわっと)」をまねしたいです。
現状は表示させたい文字が現れません。
【jQuery】スクロールして表示領域に入ったら要素をアニメーション表示させる『inview.js』の実装サンプル集
解説をいただきたい部分
①なぜ最初に$(なのか
②...
1
票
2
回答
1,325
閲覧数
corsエラー「Access-Control-Allow-Origin: *」の設定方法
HTMLとJavaScriptで作成した「入力フォーム&HTTPリクエスト」のプログラムをAmazon S3にホスティングすると、corsエラーが発生してしまいます。
色々と調べてみましたが、まだまだ知識がなく、HTML、JavaScriptコードのどこにどのように Access-Control-Allow-Origin: * を設定すれば解決できるかわからないため、教えて頂けないでしょうか。
...
0
票
1
回答
59
閲覧数
iPhone での表示時、ul の左側に変な空白ができてしまう
現在作成中のサイトで、トップのメニューバーがおかしくなってしまいます。
PCで見るときはいいのですが、スマホ(iPhone SE)で見ると ul タグの左側 (li タグの左側?)に空白が入ってしまいます。
どのCSSが原因なのかChromeのDevToolsでいくつかCSSを消してみたのですが、どれを消してみても空白が消えません。どうすれば消えますか?
...
0
票
1
回答
80
閲覧数
jQuery UIのSortableを用い、li要素並び替え後にも要素の情報を取得したい
現在Webaアプリケーションを作成しながらプログラミングの学習をしているものです。
jQueryのSortableを使用して、li要素の並び替えを行なっております。
下記のソースコードは、要素をドラッグして任意に並び替えた後、要素クリックでコンソールに、innerHTMLを出力するコードになります。
しかし、要素を並び替えた後、クリックすると違う要素の情報が取得されてしまいます。...
0
票
1
回答
128
閲覧数
ログインが必要なWebサイトでのファイルダイアログの制御について
開発環境は
サーバOS : Raspberry Pi OS
サーバ側:Python(Django)
クライアント側:HTML+JavaScript
パスワード入力によるログインが必要なWebサイトを作成しています。
一定時間操作が行われなかった場合、強制的にログアウトとする仕様にしています。
Webサイト内では、ファイルのインポート/エクスポートが行える画面があります。
現在、...
1
票
2
回答
192
閲覧数
HTMLの「ファイルを開く」ダイアログが表示されない場合がある
HTMLにて、画像ボタンをクリックしたら「ファイルを開く」ダイアログを表示する機能を作成しています。
画像ボタンをクリックしても「ファイルを開く」ダイアログが現れないというユーザがいました。
当方の環境で確認をしましたが、再現しません。
どのような条件で「『ファイルを開く』ダイアログが現れないことがおこりえる」と考えられるでしょうか。
<html>
<div>
<...
0
票
0
回答
27
閲覧数
markdown-itにおいてtokenのattr属性を削除する方法
cloudinaryのレスポンシブ対応の為に、markdown-itで画像をパースする際に既存src=属性を削除してdata-src=に置き換えたいのですが、token内の既存のattr属性を削除する方法が分かりません。
公式ドキュメントを見ても追加か上書きに関する関数しか出てこないのですが、普通のjavascriptの配列操作を行ってしまっても大丈夫なのでしょうか?
0
票
0
回答
48
閲覧数
Webカメラの顔フレームをブラウザの画面サイズに関係なく表示するには
ReactでWebアプリを作成中の者です。
画面上に表示されたWebカメラに顔のフレームを追加しようとしています。ですので以下のような顔の部分だけ透明化させた画像を使ってそれを実装しようと試みました。
このフレームの画像は16:9の比率で作っていますのでlocalhostを走らせているブラウザがフルスクリーンの時は問題ありません。ちなみにcssでopacity: 0....
0
票
0
回答
103
閲覧数
Glottologist ライブラリを使った翻訳が意図した通り反映されない
JSの翻訳ライブラリであるGlottologistを利用して以下の様なtest.html内に記載した所定の箇所の英文をp要素を使用して日本語に自動翻訳しようとしたのですが、以下のHTMLファイルで表示させようとすると翻訳されず、英文(This is a test.)がそのまま表示されます。どこに問題があるかお教え頂けませんでしょうか?
test.html
<!doctype html>
...
0
票
2
回答
147
閲覧数
PHPでpingの疎通確認ができるフォームを作りたい
pingチェックテスト の簡易版を作りたいのですが、やり方を調べてもコード内にIPアドレスを直接コードに書きこんで疎通確認するやり方ばかりで、入力フォームで打ち込んだIPアドレスの疎通確認する方法が分かりません。
ここにIPaddressを入力、checkボタンを押したときに下に成功した場合は結果を表示して失敗した場合はエラー内容を表示するという感じでやりたい。現在のコードも載せときます。
&...
2
票
1
回答
170
閲覧数
独自の HTML タグはどのように使われる?
サイトのページのソースを見ていると時々オリジナルのタグ?を使用しているのを見かけますが、何のためにそのようにしているのでしょうか。
また、独自タグで書いた場合タグとしての機能はないのでしょうか。それともどこかで定義をしてあり、意味を持っているのでしょうか。
具体例で言いますと、メルカリで以下のようなタグを使っていました。
<mer-heading class="...
-1
票
1
回答
152
閲覧数
スマホ時に 横幅いっぱいにならず、困っています。
https://y-sasakik.github.io/web/web3/
上のサイトでスマホ時に横幅いっぱいにならず、困っています。
どこを変えれば直りますか?
ソースは検証ツールまたは GitHub のリポジトリを参照してください。
https://github.com/y-sasakik/web/tree/main/web3
(追記)
...
0
票
0
回答
82
閲覧数
document.documentElement.outerHTMLを変更したい
タイトルの通りです。変更できないのはわかっていますが、何か他の方法で根こそぎHTMLを書き換える方法はないでしょうか?