HTML/CSS のどんな質問にも優しく答えるｽﾚ 40
■ このスレッドは過去ログ倉庫に格納されています
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです
類似質問、重複質問、丸投げ大いに結構。HTML / CSS 関係の事なら何でもOK
分からない人は何回聞いても結構。質問するときはIDを出すためにメール欄を
age にすることをおすすめします。
回答してくれる方は優しい人のみ！ 質問者に対して暴言を吐く人はこのスレを見るな！！
終わった話を蒸し返すやつは このスレにくるな！！！
自分で調べろという回答も禁止！！回答するかさもなくば何も書き込むな！！
質問側も節度あるレスで！質問前にスレ内を検索しましょう
■次スレについて
基本的にレスナンバー>>980を取った人（立てられない場合は次の宣言者）が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい（>>980を取った場合も）
立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう
■前スレ
HTML/CSS のどんな質問にも優しく答えるｽﾚ 39 ﾐｯｸﾐｸ
https://mevius.5ch.net/test/read.cgi/hp/1559446058/
■関連スレ
Webサイト制作初心者用質問スレ part251
https://mevius.5ch.net/test/read.cgi/hp/1564414228/
■HTML
HTML Living Standard 日本語訳
https://momdo.github.io/html/index.html
■CSS
Selectors Level 4 日本語訳
https://triple-underscore.github.io/selectors4-ja.html >>797
>>785のバックエンドがどういう状況になっているのか理解もしないで適当なajaxをここに貼ってもクソの役にも立たん
あとそのゴミはここに直接直接書くんじゃなくてJSbin等の外部サービスに記述してからURLを貼れ >>799
へ？出力後のDOM操作なんだからバックエンド関係ないやん
まあ自分では何もせずいきなり人に命令するようなやつに絡むとは嫌な予感しかしないが また？ではないけど、
やはりそういう感じで絡んできましたかｗ
まず、俺が上で書いたphpとjQueryのどこをどうすべきか答えようね。
それ以外の煽りとか付き合いたくないんで。 >>800
バカだろお前
「新着が表示されているトップページ」というのがサーバー側で動的に生成しているページだったならバックエンドがどういう状況なのか大いに関係あるだろう
今はタイトル（リンク）を一覧にしているが、そこに記事内容の一部も加えるとなれば、サーバー側のコードの書き換えの可能性もある。
今どういう状況になっているのか考慮しないで適当なajax貼り付けてやっつけ仕事で片付ける話じゃないの >>802
お前の役に立つかもわからないゴミを一々ここで推敲するなんてただの時間の無駄だよ jQueryくんはすぐに脳内で妄想Webシステムを組み上げてjQueryですべて解決しちゃうから仕方ないｗ >>803
はあ？？
おまえjsもサーバーサイドも両方とも弱いだろ？
上で書いてるajaxが何してるかすら内容理解できてないようだが・・・。
>>805
jQueryくんじゃないし、最初にphpでのソースかてますが？
何で書いたら満足なの？vue.js?node.jsでごきぼうでつか？ そもそも
CMSがなにかわからない
サーバーサイドが何のプログラムで書かれてるかもわからない
↓
残された方法としてクライアントサイド（js）の上書き（DOM操作）
↓
しかしHTMLの構造もわからない
↓
これで解決方法をやっつけ以外でどうやって書くんだよ。
手法としてこういう方法が取れるって例を書いてるのになんで基地外みたいに絡むの？
jQuery君て誰だよｗ jQuery君の何が一番迷惑かバカな君に教えてあげよう
めちゃめちゃスレチだということ 実際の仕様が異なるのなら例外処理を書いたり、修正すりゃいい
・各新着情報にはリンクがついている前提である（無い可能性もゼロではない）
・そのリンクはその投稿ページへのリンクである前提（外部サイトへ直接飛ばす可能性もゼロではない）
・投稿ページとトップページの関係はクロスドメインではない
・トップページの新着情報はliタグの前提である
・各IDやクラスはわからないので仮でつけたものである >>811
あれだけ馬鹿みたいにこのスレ荒しておいてとぼけなくて良いよ これだけ文章の特徴も似てるのに他人は無いわな
どう見ても>>319,331のjQueryくんじゃん >>814
俺がそいつではない事が証明できるまで質問などに答えてやっても構わないが
それやっても俺に何のメリットもないし、仮にjQuery君であると勘違いされたままのデメリットもそんなにないんだよね。 >>815
あ、おまえjQueryくんだろ？
はい。違うって証明できますか？ >>816
お前はアスペだから理解できないんだろうけど、
お前もjQueryくんもスレチだからここから消え失せろって遠回しに言われているんだよ。 >>818
おまえ、さんざんスレ荒らしておいてまだいたのかよjQueryくんよぉ >>816
質問に答えなくていいし大して役にも立ってないからレスするのやめてくれ
マジでただの嵐だろお前 誰も頼んでないコード書き始めたり、絡んでくるなとか言いながらも一々反論しないと気が済まないところを見ると、
無駄にプライドだけは高いか子供なんだろうね。
んで今回もおもちゃになったと。 お、今日も$(".hoge")祭りですか？ｗｗｗｗｗｗｗｗｗｗ そのコードも未だにvarと$.ajaxだもんな
そりゃ役立たずだわ >>827
jQueryくんはなんで今来たみたいな雰囲気でレスしたの？ｗ >>828
はい批判じゃなくて、具体的な修正案を書こうね？
絶対逃げないでね☆ >>830
お前が自信満々にこのアホなコード書かないのが一番の修正案だよ $(".hoge")は具体性も無い話なのにコード書いちゃうｗｗｗｗｗｗｗｗｗ >>831
そういうのいいから制作者なら具体的な修正案を書こうね？
期待してるから絶対逃げないでね☆ >>832
具体的なHTMLが欲しいなら書いてやろうか？
その代わり逃げられなくなるぞ？
いいか？ >>833
ここそういう話するスレじゃないんで
本当に迷惑なのでやめてもらえませんか？ >>834
さっさと書いて自己満して消え失せてくれ 具体的な修正案を求めてる奴なんていないのに勝手に話進めるのがすごいよな
やっぱアスペってすげぇ >>835
jQueryくんは黙っててよ。
まさかここまでケンカ吹っ掛けておいて
今更そんな逃げ方するようなヤツじゃないでしょ
きっと、プライド持ってちゃんと書いてくれるのまってるんだから。 クソみたいなプライド抱えて荒らしｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ >>837
俺：質問の回答を書いた
↓
おまえ：そのコードも未だにvarと$.ajaxだもんな
↓
俺：じゃあ具体的におまえならどう書くの？
何がおかしいの？おかしくないよね？
冷静に見てよ 自分で糞コードとか書いておきながら批判されるのは気に食わないというｗｗ
なら掲示板に書かなければ良いのではｗｗｗｗｗｗ >>840
おかしくないおかしくない
君はいつだって正しいからもう休んで良いよ つーか、お前jsもサーバーサイドも弱いのが透けて見えるから
具体的な修正案がかかれない限り、今後何言われても響かないんだよね。
お前も制作者ならわかるだろ？
人の批判だけして自分では実際には何もしないヤツ見てどう思う？
そういうヤツってお前の周りにいない？ >>843
そんなものをここで議論する意味が無いのでやめてください。
あなたが触らなければ良いだけの話です。 仮にこれがjQuery君じゃないとしてもやっぱりjQueryをドヤ顔で貼り付けるやつはおかしいやつ多いのかなーと思うわ >>845
5年〜10年前から全く進歩してないガイジだから仕方ない 質問に対する回答を書いたら、いきなり関係ないやつにケンカ腰で絡まれて
触るなとかそりゃないだろ
もし俺が間違ってるなら論理的に具体的なコ−ド返してこいよ。
それが素晴らしいなら俺だって納得する余地はあるんだから。 >>847
なのでそういうことをするスレではないのでやめてください。
少しはスルーできないんですか？ >>848
お前が俺をスルーできないのに何言ってんだよ
このままだと俺はスゲー無駄な時間を過ごしたことになる。
まともなコードの話も生産的な話もできないという判断するけどいい？ >>849
あなたが求めていることはこのスレの趣旨とは違います。
あなたの自己満足がこのスレの生産性ではありません。 散々荒しといて無駄な時間とはこれいかにｗｗｗｗ
すげー楽しんでるじゃんｗｗｗｗｗｗｗ すでに書かれてるが批判されるのが嫌ならここに書かなければ良いし
生産性云々が大事ならこんな掲示板なんてやらなければ良い >>855
しかも挙句には「お前も落書きしろ」ときたもんだｗｗｗｗｗｗｗｗｗｗｗ どうでもいいけどせめて今はletとfetchくらいは使ってほしいよね jQuery君って騒いでるやつがいるが、
jQuery君は俺やで？
>>797みたいなクソコードを俺が書くわけ無いだろ
例えばtext()で取ってきたものをtext()で書き込むいなら
text(function() { })を使う。
ajaxでGET使うなら$.getを使う
明らかに俺じゃないやつをjQuery君と呼ぶのはやめて欲しいんだが HTML
<div class="parent">
<div class="child"></div>
</div>
CSS
.child::after{
content: "example";
}
.child::afterの親要素って.child同様parentだよね？合ってる？？ すまん、初心者で何も分からんのだが
jQueryはオワコンなの？
今は何が主流？ >>864
Vue.js vs, react で宗教論争 >>864
何でも使いたいものを使えばいい
大事なのは流行り廃りではなく、思う通り動くかどうか >>785-797
サーバー側は、Ruby on Rails などを学ぶだけでも、1年は掛かる。
サーバーを立てていないと、クロスドメインアクセスを拒否される
Rails開発では、HTML, CSS/SASS, Bootstrap,
JavaScript, jQuery, Node.js, VSCode, Git, データベースなどが必須 >>864
ここ見ればわかるよw
2017年 JavaScript★71.9%ものサイトがjQueryを利用 [無断転載禁止]©2ch.net
https://medaka.5ch.net/test/read.cgi/prog/1485008061/ 2年もあるスレなのにレス数たったの64ってマジか
オワコン感半端ないやん >>870
なんつーか、頑張ったねｗ
でもjQueryのシェアの話をしようね どっちもいつまでもしつこいよなぁ
使いたいもの勝手に使えば良いじゃん >>873
それな。もう一時期のブームは去ったようだが、
脱jQueryなんてありえない話だったんだよ。
あれから何年も経って結論が出てしまった。
そもそも目的が脱jQueryとかいうのが馬鹿らしい発想
もっと良いなにかに移行するって話ではなったからな そうそう、手段と目的履き違えたらいかんよな。
意味も分からずに脱jQueryが目的になってしまってるのが増えた気がするわ。
結局はプロジェクトの内容に合わせて取捨選択すれば良いだけ。
ネイティブのJavaScriptが変わってきたり、CSSでアニメーションさせることができるようになったりで、
何年も前の様にjQueryが重宝されることは減ってきてしまっているのかもしれないが、
今でも記述量を減らしてサクッと小規模なアプリを作りたい、とかだったらjQueryの採用はあり得るし、
SPAの様なアプリだったらjQueryよりVue等のフレームワークを採用するほうが良い場合もある。
そういう適材適所が分からないで、こんなとこでオワコンだのシェアの値だのギャーギャー騒いでも何の意味も無いのにな。
まぁ、そもそもスレチだから迷惑って話なんだが。 html, css初心者の俺からすると、ゴミレスで埋めずにjQueryスレでやって欲しいなぁ html,cssスレでJavaScriptやjQueryの話すればマウントとれると思ってるからね
あほ丸出し >>875
> まぁ、そもそもスレチだから迷惑って話なんだが。
わかってるなら釣られるなよ・・・ gulp-sassとgulp-autoprefixerでscssをコンパイルしているんですが
autoprefixerの部分で、環境によって差が出てしまっているのですが
これって、そういうものなんでしょうか
.browserlistrcは
last 2 version
iOS >= 9
Android >= 5
としています
※すれ違いだったら誘導おなしゃす 別件なのでレスわけました
ウィンドウズで、gulp.watch() を使う時
path.join()を使ってソースファイルのパスを作ると
結果がバックスラッシュ区切りになってwatchがコケるのですが
これも、そういうものなんでしょうか
gulpは4です
※すれ違いだったら誘導おなしゃす require('path')してresolveじゃないの >>885
すみませんちょうどさっき解決しました
const sass_watch = () => {
let src_file = path.join(config.path.src, '**/*.scss');
return gulp.watch(src_file, gulp.series('sass_compile'));
};
module.exports.sass_watch = sass_watch;
gulp.task('sass_watch', sass_watch);
こんなふうにしてたのですが
config.path.srcには、ディレクトリのパスが入っています
たとえば「./foo/bar/baz」だとすると
Windows10ではこのsrc_fileに入るのは
foo¥bar¥baz¥baz¥**¥*.scss
になっていて、gulp.watch()でだけ
このバックスラッシュ区切りパスは駄目、ということだったようです
path() を使わずに、+演算子で繋いだら動きました
お騒がせしました Ruby では、Windows でも、C:/Users/Owner/Documents/a.txt
みたいに、/ 区切りでも、動くのだけど
JavaScript では、OS によって、自動的に切り替えてくれないのか。
そういう関数を、誰かが作っていないのか？
最近は、gulp の代わりに、npm scripts でやる人も多いみたい VSCode なら、拡張機能に、Live Sass Compiler がある。
これは、Live Server と同じ作者が作っている
プログラム板に、VSCodeのスレもある >>887,888
あざます
存じておりました
vscodeのsassコンパイラも、ruby-sassも使うこともあるんですが
autoprefixerを噛ませたかったので、今回は使ってませんでした
開発者全員で、prefixの付け方等、統一したかったので bootstrapでfooter領域を作成中なのですが
元のページでは画面幅一杯に表示されているのに
別のページにHTMLをコピペすると変な幅に縮んでしまいます
どのページでも画面一杯に表示する方法はありますか？ 質問です。
画像(img)とタイトル(h1)をclassでくくっていて、このclass上にカーソルが合わさった時に、画像とタイトルが両方透明になるようにしたいのですが、上手くいきません。
画像とタイトルそれぞれにカーソルをあわせると個別には透明になりますが、classの領域内にカーソルが合わさったら画像もタイトルも両方同時に透明になるようにするにはどうすればよいでしょうか？ >>890
その別のページでコンテンツ幅が設定されてるのでは？
bodyとか .wrapperとか
そっちを見直すべきたけど、それを無視してやりたいのなら
width: 100vw; あ、bootstrapか
今のhtml構造がわからないから答えにくいけど、とりあえずは
class="vw-100"
かな >>891
.class:hover * {
opacity: .7;
}
とか？ >>894
そんな感じで指定していますが上手くいきません
あと、その星マークは何でしょうか？ >>895
HTMLの方を晒したほうがいいと思うよ
>>891の方は用語の使い方が間違ってて、ちょっと分かりづらい文章だから >>892-893
ありがとうございます。
widthを100%やdevice-widthにしても変わらないので困ってたんですよ…。
本文のclassをcontainerからcontainer-fluidに変更したら何故かfooterも連動して画面ほぼ一杯になりました！
今度は左右に余白が付いてしまいましたがネガティブマージンでなんとかしました！w コードはこんな感じです<br>
<div class="wrap">
<a href="5ch.html">
<img src="img/5ch.jpg" width="400" height="400">
<h1>タイトル</h1>
</a>
</div>
.wrap :hover{
opacity: 0.9;
transition: 0.3s;
}
画像とタイトルが両方とも同時に透明になるようにしたいのですが、上手くいきません。
画像かタイトルの一方しか透明になりません。 ■ このスレッドは過去ログ倉庫に格納されています
