ここは初心者からベテランまで、全ての人を対象に必ず優しく答えるスレです
類似質問、重複質問、丸投げ大いに結構。HTML / CSS 関係の事なら何でもOK
Haml、Sass/Scss、LESS、Stylus、PostCSSなどの関連技術もOK
分からない人は何回聞いても結構。質問するときはIDを出すためにメール欄を
age にすることをおすすめします。
回答してくれる方は優しい人のみ! 質問者に対して暴言を吐く人はこのスレを見るな!!
終わった話を蒸し返すやつは このスレにくるな!!!
自分で調べろという回答も禁止!!回答するかさもなくば何も書き込むな!!
質問側も節度あるレスで!質問前にスレ内を検索しましょう
■次スレについて
基本的にレスナンバー>>980を取った人(立てられない場合は次の宣言者)が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい(>>980を取った場合も)
立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう
■前スレ
HTML/CSS のどんな質問に必ず優しく答えるスレ 32
https://mevius.5ch.net/test/read.cgi/hp/1519547237/
■関連スレ
Webサイト制作初心者用質問スレ part253
https://mevius.5ch.net/test/read.cgi/hp/1626528070/
■HTML
HTML Living Standard 日本語訳
https://momdo.github.io/html/index.html
■CSS
Selectors Level 4 日本語訳
https://triple-underscore.github.io/selectors4-ja.html
HTML/CSS のどんな質問にも必ず優しく答えるスレ 33
2025/01/24(金) 14:07:40.93ID:???
110Name_Not_Found
2025/05/31(土) 19:31:37.90ID:t33+NxdX 追加:
レンダリングされない:「$全射$」
レンダリングされる:「$顔射$」
全く意味分からん
レンダリングされない:「$全射$」
レンダリングされる:「$顔射$」
全く意味分からん
111Name_Not_Found
2025/06/01(日) 22:06:01.21ID:XS7uniWn わからんけど文字コードの問題じゃないかな
2025/06/01(日) 22:16:26.31ID:???
Markdownと競合するとかなんとか
2025/06/02(月) 22:42:50.35ID:???
縁取り文字をこのように作ったけど、なぜか「w」だけ尖ってしまいます。
フォントサイズとフォントタイプはこのまんまでどうすれば「w」を尖らないようにできますか?
<style>
#waku{
background-color:#0000ff;
width:900px;height:200px;
position:relative;
}
#fuchi,#nuri{
position:absolute;
left:0px;top:0px;
font-size:50px;
font-weight:bold;
letter-spacing:20px;
}
#fuchi{
color:#ffffff;
-webkit-text-stroke: 20px #ffffff;
font-family:メイリオ;
}
#nuri{
color:#ff0000;
-webkit-text-stroke: 10px #ff0000;
font-family:メイリオ;
}
</style>
<div id="waku">
<div id="fuchi">てすとだよwww</div>
<div id="nuri"> てすとだよwww</div>
</div>
フォントサイズとフォントタイプはこのまんまでどうすれば「w」を尖らないようにできますか?
<style>
#waku{
background-color:#0000ff;
width:900px;height:200px;
position:relative;
}
#fuchi,#nuri{
position:absolute;
left:0px;top:0px;
font-size:50px;
font-weight:bold;
letter-spacing:20px;
}
#fuchi{
color:#ffffff;
-webkit-text-stroke: 20px #ffffff;
font-family:メイリオ;
}
#nuri{
color:#ff0000;
-webkit-text-stroke: 10px #ff0000;
font-family:メイリオ;
}
</style>
<div id="waku">
<div id="fuchi">てすとだよwww</div>
<div id="nuri"> てすとだよwww</div>
</div>
2025/06/03(火) 02:12:54.88ID:???
これはこれでカッコいい
115Name_Not_Found
2025/06/07(土) 08:52:36.20ID:tAB1DCyW 文字と文字の間隔をletter-spacing:30pxで設定しましたが
divの中の文字列が折り返すときの文字(ようするにdivの中の一番右の列の文字)は
letter-spacing:0pxになるようにしたいんですけど、どうやればできますか?無理ですか?
divの中の文字列が折り返すときの文字(ようするにdivの中の一番右の列の文字)は
letter-spacing:0pxになるようにしたいんですけど、どうやればできますか?無理ですか?
2025/06/07(土) 09:57:22.51ID:???
divのmargin-rightにネガティブマージン-30px
2025/06/13(金) 14:44:45.43ID:???
CSSネストができるようになったのは便利ではあるんだが
スマホだとブラウザ側が対応してないのも少なくなくて結局Sassで継続かな
スマホだとブラウザ側が対応してないのも少なくなくて結局Sassで継続かな
2025/06/15(日) 16:41:36.38ID:???
>>117
ほんそれ。凄い残念でずっと出来ずにいる
ほんそれ。凄い残念でずっと出来ずにいる
2025/06/15(日) 16:44:25.28ID:???
生成AIについて真っ先に飛びついて調べまくって毎日情報集めてたのに
飽きてしばらく情報集め止めてたら、いつの間にか世間に置いてかれてて悔しい、、
Claude CodeとかCursorとかなんだよ・・
ほんと熱を入れるタイミングって重要だよな 遅くてもダメだが早すぎてもダメ。
飽きてしばらく情報集め止めてたら、いつの間にか世間に置いてかれてて悔しい、、
Claude CodeとかCursorとかなんだよ・・
ほんと熱を入れるタイミングって重要だよな 遅くてもダメだが早すぎてもダメ。
2025/06/15(日) 18:38:35.49ID:???
黒い画面こわいよーってAIに泣きついて励ましてもらいながらやってる
2025/06/17(火) 20:47:55.50ID:???
HTML/CSSもだが今からプログラムとか言語覚える意味があまりなくなってきたから
新人は覚えるモチベーションもうわかないんじゃない? かといって基礎や全体像や手順ががわかってないとプロにはなれない
アナログでさんざん経験しておいてよかったわ
新人は覚えるモチベーションもうわかないんじゃない? かといって基礎や全体像や手順ががわかってないとプロにはなれない
アナログでさんざん経験しておいてよかったわ
2025/06/17(火) 23:45:08.74ID:???
> HTML/CSSもだが今からプログラムとか言語覚える意味があまりなくなってきたから
そういうのは単に勉強したくない言い訳をAIにかぶせてるだけじゃね?w
勉強に遅すぎるということはないんだけどな
そういうのは単に勉強したくない言い訳をAIにかぶせてるだけじゃね?w
勉強に遅すぎるということはないんだけどな
2025/06/18(水) 00:28:24.76ID:???
例えるなら今はパソコンもマウスとGUIでクリックだけで操作できる
昔のようにコマンドだけでOS動かす知識を勉強しても将来あまり意味がない
そして世間はさらにPCからスマホへシフトしてしまった
かといって義務教育の算数が不要なわけではない。そろばんは不要
昔のようにコマンドだけでOS動かす知識を勉強しても将来あまり意味がない
そして世間はさらにPCからスマホへシフトしてしまった
かといって義務教育の算数が不要なわけではない。そろばんは不要
2025/06/18(水) 00:32:13.84ID:???
GASもVBAも全部やってもらえて覚える気失せた
2025/06/18(水) 00:41:10.68ID:???
>>119
ちょっと前まで英語しか対応してなかったのにねえ
ちょっと前まで英語しか対応してなかったのにねえ
2025/06/18(水) 00:48:30.11ID:???
バックエンドや機能の実装についてはAIが得意だが、
デザインカンプから正確なcssを組むのはたぶん一番対応遅くなりそうな気がする
ググったり教科書読んでもそのまま答えにならないほとんどが個別処理だし見た目が絡むと処理が複雑になるのとバックエンドほど金にならんから
テンプレみたいのを作るのは得意でもデザインからCSSを起こすのはまだまだ対応できまいて
デザインカンプから正確なcssを組むのはたぶん一番対応遅くなりそうな気がする
ググったり教科書読んでもそのまま答えにならないほとんどが個別処理だし見た目が絡むと処理が複雑になるのとバックエンドほど金にならんから
テンプレみたいのを作るのは得意でもデザインからCSSを起こすのはまだまだ対応できまいて
2025/06/18(水) 00:59:12.04ID:???
こだわりのいらないサイトならまあ「スタイリッシュなやつで」とかでそれなりのモノは作ってくれるよね
あとは自力でやっててうまくいかないときにすぐ相談にのってくれるのが頼もしい
あとは自力でやっててうまくいかないときにすぐ相談にのってくれるのが頼もしい
2025/06/19(木) 12:24:43.83ID:???
イラン ハメネイ師の公式アカウント
@khamenei_ir
@khamenei_ir
2025/06/20(金) 02:14:54.70ID:???
てかAIに書いてもらったコードを確認・検証してたら自然と身に付いていくと思うんだけどな
言うなれば勉強の仕方が効率化するだけのこと
ほんと各地で勉強出来ない系の人が水を得た魚のようにはしゃいでるな最近
言うなれば勉強の仕方が効率化するだけのこと
ほんと各地で勉強出来ない系の人が水を得た魚のようにはしゃいでるな最近
2025/06/20(金) 06:22:05.07ID:???
右クリックはできるが文字をコピーしてもコピーできないサイトがある
サイトを保存してhtmlをメモ帖で開いて↑を無効化したいがhtml上のどの文だろう?
サイトを保存してhtmlをメモ帖で開いて↑を無効化したいがhtml上のどの文だろう?
2025/06/20(金) 06:50:31.00ID:???
132130
2025/06/20(金) 06:59:36.46ID:??? 画像なども含めたページを見ながら必要な所をコピペしたいので
2025/06/20(金) 07:19:39.16ID:???
2025/06/20(金) 07:25:05.54ID:???
現状のAIは何から何までではなく補佐的なもので見るのが無難だな
例えば普段の生活で人と対面で会話しないような人間がAIと会話してるかといって
そいつが話し上手にはなるかといえばないのと同じだな
例えば普段の生活で人と対面で会話しないような人間がAIと会話してるかといって
そいつが話し上手にはなるかといえばないのと同じだな
2025/06/20(金) 13:18:07.08ID:???
わからない部分を解説してもらったり
自分が書いたコード見せて評価と改善点出してもらったり
独習には限りなく向いている
自分が書いたコード見せて評価と改善点出してもらったり
独習には限りなく向いている
2025/06/20(金) 14:02:03.43ID:???
>>132
開発者ツール使うのがてっとり早いと思う
開発者ツール使うのがてっとり早いと思う
2025/06/20(金) 17:10:17.37ID:???
AIは変な質問とか同じ質問してもやさしい
2025/06/21(土) 07:13:45.52ID:???
みんなさすが技術者だけあって真面目だな
でも俺はもうスペルも関数も正確に覚えることに意味がないと思い始めた
これから学ぶ新人達もそう感じる気がしてならない速さも正確さも知識量も結局AIには勝てないのに身につける意味あるのかと
そして思考する事自体があまりなくなりそうだ
でも俺はもうスペルも関数も正確に覚えることに意味がないと思い始めた
これから学ぶ新人達もそう感じる気がしてならない速さも正確さも知識量も結局AIには勝てないのに身につける意味あるのかと
そして思考する事自体があまりなくなりそうだ
2025/06/21(土) 07:18:08.77ID:???
メガテック企業見てるとそんな気がしてならない人がプログラム書く時代はもう終わったんじゃないかと
2025/06/21(土) 07:51:47.05ID:???
そんな完成した後の話はその時考えるとして
俺が一番嫌だと思ってるのは
今後提出したものをクライアントがAI使って採点してくることだよ
地獄だわ
俺が一番嫌だと思ってるのは
今後提出したものをクライアントがAI使って採点してくることだよ
地獄だわ
2025/06/22(日) 09:30:47.28ID:???
もっと自信もちなよ…
142Name_Not_Found
2025/08/03(日) 22:32:48.02ID:Z6EGS4Tf <audio src="test.wav" autoplay></audio>
自動で音声再生されないけど、どうしてですか?
ブラウザはchrome最新バージョンです
自動で音声再生されないけど、どうしてですか?
ブラウザはchrome最新バージョンです
2025/08/03(日) 22:50:50.88ID:???
>>142
これでも読んでみるといいかも
HTML Audio Autoplay で自動再生できません。
https://teratail.com/questions/265276
メディアおよびウェブ音声 API の自動再生ガイド - ウェブメディア技術 | MDN
https://developer.mozilla.org/ja/docs/Web/Media/Guides/Autoplay
これでも読んでみるといいかも
HTML Audio Autoplay で自動再生できません。
https://teratail.com/questions/265276
メディアおよびウェブ音声 API の自動再生ガイド - ウェブメディア技術 | MDN
https://developer.mozilla.org/ja/docs/Web/Media/Guides/Autoplay
144Name_Not_Found
2025/08/04(月) 18:23:33.72ID:Kwla+Kuf145Name_Not_Found
2025/08/23(土) 22:59:14.01ID:iywyxZoa すみません初歩的な質問なのですが
<p>text</p>の要素があるとして
pの半透明背景の背後に
「text」テキストを表示させる方法はありますでしょうか。
「text」テキスト自体には位置指定ができないみたいです。
これはHTMLやDOM、CRPの仕様で
ある要素の子のテキストノードや
z-index位置指定の無い子要素は
必ずその要素の背景の上に
描画されるという仕様なのでしょうか。
<p>text</p>の要素があるとして
pの半透明背景の背後に
「text」テキストを表示させる方法はありますでしょうか。
「text」テキスト自体には位置指定ができないみたいです。
これはHTMLやDOM、CRPの仕様で
ある要素の子のテキストノードや
z-index位置指定の無い子要素は
必ずその要素の背景の上に
描画されるという仕様なのでしょうか。
2025/08/24(日) 00:58:35.39ID:???
求めるものがよくわからんけど、pの上に半透明の擬似要素を絶対配置で置けばいいんでない?
https://jsfiddle.net/vcq0rx14/
テキストノードは直接スタイル操作の対象にはできない
要素の子というより属性みたいなものだと思ってる
子要素は親の上に表示されるのが基本
https://jsfiddle.net/vcq0rx14/
テキストノードは直接スタイル操作の対象にはできない
要素の子というより属性みたいなものだと思ってる
子要素は親の上に表示されるのが基本
147Name_Not_Found
2025/08/24(日) 09:42:48.34ID:ZPwlw6K3 >>146
実装をする場合の
実例を伴うご解説ありがとうございます。
今まで気にしていなかった仕様が
ふと気になったので投稿しました。
要素の背景と要素内の子の描画の順番を
解説してある文献が見当たらなかったので
ここに投稿をしました。
ありがとうございます。
実装をする場合の
実例を伴うご解説ありがとうございます。
今まで気にしていなかった仕様が
ふと気になったので投稿しました。
要素の背景と要素内の子の描画の順番を
解説してある文献が見当たらなかったので
ここに投稿をしました。
ありがとうございます。
2025/08/29(金) 15:05:25.81ID:???
トップページをスマホ画面に対応させたら下のディレクトリも勝手にスマホ画面に対応するようになったのですが、これはどういう理屈ですか?
2025/08/29(金) 15:28:10.99ID:???
絶対単位じゃなく相対単位使ってるからじゃないの?
知らんけど
知らんけど
2025/08/30(土) 03:06:47.67ID:???
情報が少なすぎてエスパーする以外に答えようが無いわな
2025/08/31(日) 12:25:17.51ID:???
148ですが、自分のHPのURLを貼った方がいいですかね?
2025/08/31(日) 16:14:03.68ID:???
2025/08/31(日) 16:40:55.88ID:???
共通のCSSを使っているからとかいうオチだったりして……
2025/08/31(日) 23:11:33.06ID:???
viewportは(ベタ書きなら)それぞれ書かんといかんだろうし
いろいろ謎
いろいろ謎
2025/09/02(火) 07:02:14.85ID:???
トップページのcssを下のディレクトリでも読み込んでるんだろう
156148
2025/09/02(火) 20:07:31.04ID:??? >>152
ありがとうございます。新しくアカウント作ったんですが、ログインした状態でjsfiddleでSaveしてもエラーが出て共有できないので、HPを貼るって形でも大丈夫でしょうか...?
ありがとうございます。新しくアカウント作ったんですが、ログインした状態でjsfiddleでSaveしてもエラーが出て共有できないので、HPを貼るって形でも大丈夫でしょうか...?
2025/09/03(水) 01:48:22.84ID:???
止めはしない
2025/09/03(水) 02:51:18.37ID:???
広告貼ってるならやめたほうがいい
上のフォルダにヘッダフッタCSS等のレイアウトに必要なファイルが置いてあって
下位フォルダはそれを見に行ってるだけだろ
上のフォルダにヘッダフッタCSS等のレイアウトに必要なファイルが置いてあって
下位フォルダはそれを見に行ってるだけだろ
2025/09/03(水) 02:53:35.62ID:???
だとしたら、ディレクトリ構造がわかるツリービューと下位フォルダのソース見ないとわからん
URL貼られても余計にわからん
URL貼られても余計にわからん
2025/09/03(水) 14:21:38.58ID:???
>>156
ログインしてない状態でsaveしてもダメ?
saveした時点でURLが「https://jsfiddle.net/文字列/」に変わるから、それをココに貼り付ければいい(例:>>146)
ちなみにログインした状態ならURLは「https://jsfiddle.net/アカウント名/文字列/」になる
ログインしてない状態でsaveしてもダメ?
saveした時点でURLが「https://jsfiddle.net/文字列/」に変わるから、それをココに貼り付ければいい(例:>>146)
ちなみにログインした状態ならURLは「https://jsfiddle.net/アカウント名/文字列/」になる
161148
2025/09/03(水) 20:22:21.40ID:??? >>160
はい、何故か"Cannot save this fiddle"と出てURLも変わりません.....
何がいけないんでしょうか;;
アクセスカウンターとか訪問者の解析ツールのコードを消せば良いんでしょうか?
はい、何故か"Cannot save this fiddle"と出てURLも変わりません.....
何がいけないんでしょうか;;
アクセスカウンターとか訪問者の解析ツールのコードを消せば良いんでしょうか?
2025/09/03(水) 20:48:59.37ID:???
短文を貼り付けて保存できるなら、貼り付けたものが長過ぎるとか
つーか、そういう余計なモノは要らない
> トップページをスマホ画面に対応させたら下のディレクトリも勝手に
そもそも、スマホ対応っていったい何をしたのか、どうやって作ってるサイトなのかサッパリだな
何かのサービスでも使ってんのかね?
つーか、そういう余計なモノは要らない
> トップページをスマホ画面に対応させたら下のディレクトリも勝手に
そもそも、スマホ対応っていったい何をしたのか、どうやって作ってるサイトなのかサッパリだな
何かのサービスでも使ってんのかね?
2025/09/03(水) 22:21:49.61ID:???
今さらだけど「スマホ画面に対応」って、どういう意味で言ってんだろ?
レスポンシブ対応ってことで合ってんのかな?
レスポンシブ対応ってことで合ってんのかな?
164148
2025/09/03(水) 22:29:51.16ID:??? 特にサービスとかは使ってないです!普通にHTMLとCSSで作ってます。
レスポンシブだかメディアクエリだかよく分からないですけどそれで合ってるはずです。
因みにHPのURLをここに貼ったらお互いにどのようなデメリットがありますか?
僕側のデメリットは身バレするとかその辺でしょうけど、ここの皆さんには何か不都合があるのでしょうか?
レスポンシブだかメディアクエリだかよく分からないですけどそれで合ってるはずです。
因みにHPのURLをここに貼ったらお互いにどのようなデメリットがありますか?
僕側のデメリットは身バレするとかその辺でしょうけど、ここの皆さんには何か不都合があるのでしょうか?
2025/09/03(水) 22:30:56.40ID:???
わしらはなんも不都合ないよ
2025/09/03(水) 22:35:26.04ID:???
貼っちゃえ!
167148
2025/09/03(水) 22:47:34.03ID:??? https://patriot.futene.net/
これです。宜しくお願いします
これです。宜しくお願いします
168148
2025/09/03(水) 23:41:09.29ID:??? 連レスごめんなさい。
ダッシュボードの自己紹介もしくはブッキングのご依頼、が下のディレクトリです。
スマホで開くと数秒後に文字が大きくなります。
ダッシュボードの自己紹介もしくはブッキングのご依頼、が下のディレクトリです。
スマホで開くと数秒後に文字が大きくなります。
2025/09/04(木) 00:35:50.65ID:???
iPhoneではトップと同等には表示されなかったよ
下層ページにもviewportの記述入れないとダメやね
あと報酬は(同業の皆のためにも)もちっと上げといた方がいいんじゃないか
ノーギャラOKとかよくない
下層ページにもviewportの記述入れないとダメやね
あと報酬は(同業の皆のためにも)もちっと上げといた方がいいんじゃないか
ノーギャラOKとかよくない
2025/09/04(木) 01:31:01.83ID:???
「下のディレクトリ」が勝手にスマホ対応になってるってのは、iPhoneの場合、viewportが正しく記述されていないと
ブラウザによって勝手に拡大される場合がある、ってヤツじゃね?
ブラウザによって勝手に拡大される場合がある、ってヤツじゃね?
2025/09/04(木) 04:47:49.58ID:???
> iPhoneではトップと同等には表示されなかったよ
> 下層ページにもviewportの記述入れないとダメやね
このレベルで金取るのは人としてどうなのか?w
コード見たけどなんか基本がわかってないままでコピペの切り貼りでやったくさいんだよな
YouTubeのWeb製作のハウツー動画でも見て基本からやり直した方が早い
> 下層ページにもviewportの記述入れないとダメやね
このレベルで金取るのは人としてどうなのか?w
コード見たけどなんか基本がわかってないままでコピペの切り貼りでやったくさいんだよな
YouTubeのWeb製作のハウツー動画でも見て基本からやり直した方が早い
2025/09/04(木) 05:27:45.72ID:???
スレタイも読めない馬鹿なのになんで偉そうなの?
2025/09/04(木) 07:46:35.71ID:???
この程度のサイトなら無料のホームページ作成でやれば簡単に済む案件
基本をやってない奴にどんなに優しく説明しても理解できるわけないし
基本をやってない奴にどんなに優しく説明しても理解できるわけないし
2025/09/04(木) 07:48:13.35ID:???
> 今さらだけど「スマホ画面に対応」って、どういう意味で言ってんだろ?
> レスポンシブ対応ってことで合ってんのかな?
レスポンシブというワードすら知らないレベルだと
丁寧に解説したところで要点を理解して改善できるのか大いに疑問だ
> レスポンシブ対応ってことで合ってんのかな?
レスポンシブというワードすら知らないレベルだと
丁寧に解説したところで要点を理解して改善できるのか大いに疑問だ
2025/09/04(木) 10:15:31.24ID:???
2025/09/04(木) 12:55:29.01ID:???
>>173-174
そういう勘違いの妄想クソ野郎のお前は、ここに何しに来てんの?
そういう勘違いの妄想クソ野郎のお前は、ここに何しに来てんの?
2025/09/04(木) 13:17:36.73ID:???
>>171
彼の作曲やDJアクトの報酬の話さ
彼の作曲やDJアクトの報酬の話さ
2025/09/04(木) 16:27:49.10ID:???
CSSをstyleに直書きでやってんのになんで他のページまで影響受けるのか?という問題なんでしょ
2025/09/04(木) 18:50:57.10ID:???
試しにトップのviewport指定を削除してみて、下層の表示がどうなるか確認してみりゃいいんじゃね?
180148
2025/09/07(日) 11:45:55.36ID:??? 返信遅れてすみません。
僕はAndroidを使ってるんですよね…
下層ページにもviewportの記述を入れるというアドバイス、ありがとうございます。
試してみます
僕はAndroidを使ってるんですよね…
下層ページにもviewportの記述を入れるというアドバイス、ありがとうございます。
試してみます
181Name_Not_Found
2025/09/27(土) 11:04:37.34ID:hXHIP/4d html、css、javascript
もうAIに聞けばほぼ解決してくれるよなあ
もうAIに聞けばほぼ解決してくれるよなあ
2025/09/27(土) 14:09:52.16ID:???
考えるのをやめて出力をコピペするだけになるとヤバいのよな(自戒)
2025/09/30(火) 00:20:21.16ID:???
油断した頃にクソコードを書いてくるのがAI
184Name_Not_Found
2025/10/02(木) 18:18:44.65ID:Z0PziIQO 掲示板やSNSなどで一般人が文章を投稿する時、顔文字を改行によって切れなくすることは技術的に可能ですか?
自分のホームページならspanタグで囲えば大丈夫ですが、不特定多数のユーザーが投稿するサービスとなるとやっぱり無理でしょうか?
興味があるのでどなたか教えていただけると嬉しいです。
自分のホームページならspanタグで囲えば大丈夫ですが、不特定多数のユーザーが投稿するサービスとなるとやっぱり無理でしょうか?
興味があるのでどなたか教えていただけると嬉しいです。
2025/10/02(木) 22:17:41.73ID:???
タグの類はサニタイズされるだろうし、基本的には無理だと思う
前後にスペース入れて一単語扱いを期待するぐらいかな…
前後にスペース入れて一単語扱いを期待するぐらいかな…
186Name_Not_Found
2025/10/08(水) 07:05:50.63ID:wOxVcdoD 例えばamazonのメニューバーを改変する場合
www.amazon.co.jp##[data-csa-c-content-id="nav_cs_amazonbasics"]
www.amazon.co.jp##[data-csa-c-content-id="nav_cs_audible"]
www.amazon.co.jp##[data-csa-c-content-id="nav_cs_automotive"]
www.amazon.co.jp##[data-csa-c-content-id="nav_cs_baby"]
www.amazon.co.jp##[data-csa-c-content-id="nav_cs_beauty"]
www.amazon.co.jp##[data-csa-c-content-id="nav_cs_books"]
といったように不要項目別で指定して除去可能です
これを一つの行でまとめられないでしょうか
:has-text(/xxx|yyy|zzz/)のような正規表現による羅列と、似た節約をしたいです
www.amazon.co.jp##[data-csa-c-content-id="nav_cs_amazonbasics"]
www.amazon.co.jp##[data-csa-c-content-id="nav_cs_audible"]
www.amazon.co.jp##[data-csa-c-content-id="nav_cs_automotive"]
www.amazon.co.jp##[data-csa-c-content-id="nav_cs_baby"]
www.amazon.co.jp##[data-csa-c-content-id="nav_cs_beauty"]
www.amazon.co.jp##[data-csa-c-content-id="nav_cs_books"]
といったように不要項目別で指定して除去可能です
これを一つの行でまとめられないでしょうか
:has-text(/xxx|yyy|zzz/)のような正規表現による羅列と、似た節約をしたいです
2025/10/08(水) 07:26:30.43ID:???
標準CSS表現ではないので、広告ブロッカースレへどうぞ
2025/10/08(水) 12:05:46.22ID:???
^=
189Name_Not_Found
2025/10/08(水) 20:13:24.66ID:grBn+Kzf audioタグで再生回数を指定するやり方は?
2025/10/09(木) 04:23:25.02ID:???
JSでカウンタ制御
全体でカウントするならサーバ側に仕掛けが必要
全体でカウントするならサーバ側に仕掛けが必要
191Name_Not_Found
2025/10/16(木) 18:22:47.24ID:2I2mBdi4 https://watashi.xyz/js-hamburger-menu/#toc5
を見て、以下のことをAndroidスマホで確認しようとしています
jsをつかわずCSSとHTMLだけでハンバーガーメニューを表示し
メニューから#contactなどのページ内見出しジャンプなどのときにメニューは自動で消えてくれる
最初に貼った参考サイトの場合「実装方法3: オーバーレイと:target連携」を採用し
htmlとcss(別ファイル)に分け、ドックタイプなど少し足してchromeやkiwiで動作確認をしてみています
しかし出てきたハンバーガーメニューの中のリンクである#contactなどをタッチしてもメニューは消えてくれません
「そこじゃなくこのサイトのやり方なら動いたよ」だとか「自分の環境では意図した動作になるけどな」などなにかしら教えてください
を見て、以下のことをAndroidスマホで確認しようとしています
jsをつかわずCSSとHTMLだけでハンバーガーメニューを表示し
メニューから#contactなどのページ内見出しジャンプなどのときにメニューは自動で消えてくれる
最初に貼った参考サイトの場合「実装方法3: オーバーレイと:target連携」を採用し
htmlとcss(別ファイル)に分け、ドックタイプなど少し足してchromeやkiwiで動作確認をしてみています
しかし出てきたハンバーガーメニューの中のリンクである#contactなどをタッチしてもメニューは消えてくれません
「そこじゃなくこのサイトのやり方なら動いたよ」だとか「自分の環境では意図した動作になるけどな」などなにかしら教えてください
2025/10/17(金) 08:59:23.63ID:???
あきらめて少しだけjavascript使ったようなものも考えてます(少しの機能補助が理想)
参考にしやすいスタンダードなやり方のサイトがあれば教えてください
参考にしやすいスタンダードなやり方のサイトがあれば教えてください
2025/10/17(金) 10:20:44.80ID:???
:checkedや:targetを駆使してCSSだけでやるって手法は面白いし感心したけど、
そのサイト自身が言及しているように、実装が複雑になりすぎて実用性はあまりないね(途中で追うのやめた)
JSとCSSの併用で
・メニューの表示状態をCSSのクラスで定義する
・メニューの出し入れはクラスの付け外しで制御する
・メニュー内リンクのクリックで表示状態のクラスを外す
の方がシンプルだし応用がきくと思う
GeminiやChatGPTなら自分のコードの状態にあわせて解説してくれるからわかりやすいよ
解説の中でわからないことが出てきても都度訊けるし
そのサイト自身が言及しているように、実装が複雑になりすぎて実用性はあまりないね(途中で追うのやめた)
JSとCSSの併用で
・メニューの表示状態をCSSのクラスで定義する
・メニューの出し入れはクラスの付け外しで制御する
・メニュー内リンクのクリックで表示状態のクラスを外す
の方がシンプルだし応用がきくと思う
GeminiやChatGPTなら自分のコードの状態にあわせて解説してくれるからわかりやすいよ
解説の中でわからないことが出てきても都度訊けるし
2025/10/17(金) 11:10:11.16ID:???
>>193
ありがとう、openwrt化したルーター上にちょっとした自分用のページを作ってみようとしてました
javaスクリプト使わないほうが楽で見て自分にも理解できると考えてたけど甘かったw
AIに聞いたら修正案をくれたのでそれを試して無理なら、一般的js使用のケースを探そうと思います
ありがとう、openwrt化したルーター上にちょっとした自分用のページを作ってみようとしてました
javaスクリプト使わないほうが楽で見て自分にも理解できると考えてたけど甘かったw
AIに聞いたら修正案をくれたのでそれを試して無理なら、一般的js使用のケースを探そうと思います
2025/10/17(金) 11:35:11.49ID:???
メニューのオン/オフはcheckbox
中のメニュークリックで閉じるはJSでいつも作ってる
中のメニュークリックで閉じるはJSでいつも作ってる
196Name_Not_Found
2025/10/19(日) 21:17:10.60ID:R+9T7VmC 昔職業訓練で半年コース通ったけど、その程度やったくらいで即戦力希望の会社に応募しろとかアホかと思ったわ
2025/11/10(月) 14:43:09.77ID:???
まあ基本を1から教えるよりは半年でも勉強してれば即戦力に育つのは早かろうw
2025/11/17(月) 15:20:34.68ID:???
youtubeが数日前から関連動画のサムネイルなどが巨大化してしまい、
なんとかできないかと思って色々調べた結果Stylebotという拡張機能でCSSを適用させれば解決するかもということでした
ですがそういう物を書いたことがなく、AIに聞いてやってみたのですが効果がない状態です
もしわかる方がいらっしゃいましたら教えていただけませんでしょうか?
以前の数倍の大きさになっていて視覚的に気持ち悪くて困ってます
なんとかできないかと思って色々調べた結果Stylebotという拡張機能でCSSを適用させれば解決するかもということでした
ですがそういう物を書いたことがなく、AIに聞いてやってみたのですが効果がない状態です
もしわかる方がいらっしゃいましたら教えていただけませんでしょうか?
以前の数倍の大きさになっていて視覚的に気持ち悪くて困ってます
199198
2025/11/17(月) 15:28:27.43ID:??? 関連動画のサムネイルってのは、再生中の動画の右側に表示されてるやつです
その部分に対して大きさの指定などをするってのはなんとなくはわかるんですが、その場所の特定などができず調べてもいまいちわからなかったんです
その部分に対して大きさの指定などをするってのはなんとなくはわかるんですが、その場所の特定などができず調べてもいまいちわからなかったんです
2025/11/17(月) 16:58:52.89ID:???
ここはWeb制作板です
CSSといってもブラウザの拡張機能によって記述方法が異なったりします
CSSといってもブラウザの拡張機能によって記述方法が異なったりします
2025/11/19(水) 01:56:58.42ID:???
2025/11/20(木) 19:48:20.33ID:???
そもそもウチの環境じゃ当該箇所が巨大化してないからなあ
スレ違い以前に不具合再現できないんじゃアドバイス出来ない
スレ違い以前に不具合再現できないんじゃアドバイス出来ない
2025/11/21(金) 04:43:39.71ID:???
2025/11/21(金) 12:52:51.90ID:???
こういう質問は最低ブラウザは何なのかOSのバージョンなど使用環境を書かないとようわからん
ログアウトしてみたりブラウザ側の拡張機能全部オフにしてみるとか
ブラウザを再インストールでまっさらな状態で見てみるとか
ログアウトしてみたりブラウザ側の拡張機能全部オフにしてみるとか
ブラウザを再インストールでまっさらな状態で見てみるとか
2025/11/21(金) 18:06:28.27ID:???
その現象は今のとこランダムになるみたいね。
同じアカウントでもブラウザ変えれば小さくなったり、同じブラウザでも違うアカウントだと大きさが違うようだし。
UIの変更テスト中でアカウントとブラウザを紐づけてランダムに対象にされてるんじゃないのかな?
一度ターゲットにされるとアカウントとブラウザの組み合わせ替えないと巨大化したままになるっぽい。
同じアカウントでもブラウザ変えれば小さくなったり、同じブラウザでも違うアカウントだと大きさが違うようだし。
UIの変更テスト中でアカウントとブラウザを紐づけてランダムに対象にされてるんじゃないのかな?
一度ターゲットにされるとアカウントとブラウザの組み合わせ替えないと巨大化したままになるっぽい。
2025/11/22(土) 07:58:21.03ID:???
そうなんか?ウチは全然影響無いけど
拡張でEnhancer for YouTube入れとけば問題ないんかな?
拡張でEnhancer for YouTube入れとけば問題ないんかな?
2025/11/22(土) 08:22:18.97ID:???
2025/11/22(土) 10:48:30.55ID:???
質問があり、お願いします。ページ内リンクに近い話ですが
特定のWebページの中断箇所を直接表示させたいと思っています。ただし、私のWebページではないので、
ページ内リンク等を仕込めません。
htmlリンクを押すと、上記動きができないものでしょうか?
特定のWebページの中断箇所を直接表示させたいと思っています。ただし、私のWebページではないので、
ページ内リンク等を仕込めません。
htmlリンクを押すと、上記動きができないものでしょうか?
2025/11/22(土) 11:03:00.95ID:???
関係者のWebページですか?
そうでないならモラル的な問題で含め止めた方がいいですよ
埋め込みコードが用意されているならともかく
そうでないならモラル的な問題で含め止めた方がいいですよ
埋め込みコードが用意されているならともかく
レスを投稿する
ニュース
- 中国紙、琉球属国の「証拠」掲載 台湾有事答弁、日本揺さぶり狙う [夜のけいちゃん★]
- 渡邊渚『日本は男性の性欲に甘い国』「女性をどうやって騙して呼び出すか力説するおじさん」日本で多発する性的搾取について思うこと [Ailuropoda melanoleuca★]
- 渡邊渚『日本は男性の性欲に甘い国』「女性をどうやって騙して呼び出すか力説するおじさん」日本で多発する性的搾取について思うこと ★2 [Ailuropoda melanoleuca★]
- 【安倍元総理殺害事件裁判】「どこから撃つか考えていたら真後ろにいた警備が横に移動したので偶然に思えない何かがあると思った」被告 [煮卵★]
- 室外機の上に立っていた中国籍の男(44)逮捕「包丁を持ち歩いてはいけないという日本の法律は知らない」 [七波羅探題★]
- オズワルド伊藤 入籍した後輩に「相方のセフレを好きになった男」で大炎上 [ひかり★]
- BBC「こいつら、本気で戦争始める気なのか?」 東シナ海で高市海保と中国海警局がにらみ合い激化 [931948549]
- 【悲報】人気VTuberの天音かなたさん、ホロライブ卒業 ★2 [153490809]
- 愛国者「外国人入れなくても賃金上げて日本人雇えば人手不足は解消する」 [834922174]
- 【悲報】トランプ大統領、高市ジャパンではなく中国側につく。 [271912485]
- すいちゃん、紙面を飾る🏡
- 【大政翼賛会】有識者「高市発言による国論の分裂は中国を利するだけ!「支持」「不支持」を超えて団結を」 [687994443]
