HTML/CSS のどんな質問に必ず優しく答えるスレ 31
■ このスレッドは過去ログ倉庫に格納されています
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです
類似質問、重複質問、丸投げ大いに結構。HTML / CSS 関係の事なら何でもOK
分からない人は何回聞いても結構。質問するときはIDを出すためにメール欄を
age にすることをおすすめします。
回答してくれる方は優しい人のみ！ 質問者に対して暴言を吐く人はこのスレを見るな！！
終わった話を蒸し返すやつは このスレにくるな！！！
自分で調べろという回答も禁止！！回答するかさもなくば何も書き込むな！！
質問側も節度あるレスで！質問前にスレ内を検索しましょう
■次スレについて
基本的にレスナンバー>>980を取った人（立てられない場合は次の宣言者）が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい（>>980を取った場合も）
立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう
■前スレ
HTML/CSS の質問に優しく答えるスレ 30
http://mevius.2ch.net/test/read.cgi/hp/1508043632/
■関連スレ
Webサイト制作初心者用質問スレ part248
http://mevius.2ch.net/test/read.cgi/hp/1494150188/
■HTML
HTML Living Standard 日本語訳
https://momdo.github.io/html/index.html
■CSS
Selectors Level 4 日本語訳
https://triple-underscore.github.io/selectors4-ja.html >>593
>>590にいってやれ
契約にはいてｔないのにscssのソースわたすなんてトラブル増やすだけ scss使ったほうがいいのは同意だが客に使わせるとかscssのコードわたすとかはまた別だろ cssだからscssだからじゃなくラベルつけるかどうかの話といつまでごっちゃにしてんの
cssの中身いじったら当然対象外だが
ソースをきれいにして更新しやすいレスポンシブルサイトにリニューアルってのが基本契約で
htmlの内容更新に対してはサポートすることが多い
labeledImage .text{}
.labeledImage .image{}
ってついてたほうが分かりやすいし間違いがおきにくいし
こちらがかいたデザインと同じにしたければこれこれにこれこれのクラスつけてくださいっていっておわり
.labeledImage > div:first-child {}
.labeledImage > div:nth-child(2) {}
ってなってて1と2の間に要素追加したらデザインがおかしくなったっていわれたらめんどくさい ソフトウェア開発でも、バイナリだけの納品と
ソースコードを含めた納品と二通り有るんだが、
バイナリだけの場合は、客が編集しないという前提だし、
ソースコード（と権利）を含めた納品であれば、客が編集するという前提だが
プログラミングすらできなレベルのやつが変更の仕方がわかりません。教えてください。
なんて電話に無料にで対応するわけ無いだろう。
客がプログラムできるやつを雇うのが筋。
それに使用言語が指定されていなければ、相手に合わせる必要もないし、
使用言語が指定されており、それが効率が悪い言語ならその分コストに上乗せする
という基本が分かってないんだろうなｗ >>594
> 契約にはいてｔないのにscssのソースわたすなんてトラブル増やすだけ
そのトラブルの原因はお前がちゃんと仕事の範囲を内容を
明確にしていなかったからだ。
最初からscssで書いてソースを納品するという契約にしていれば
何もトラブルは起きない > >>593
> >>590にいってやれ
両方とも俺だがねｗ cssの更新はNG htmlの中身やページ追加更新はサポートって契約の場合は？
scssわたすバカいるの？
その場合サポートが少なくてすむのは>>588のどっち？ 本当に検討した上でCSSで納品しますって契約を結んだのかねぇｗ
どうせCSSしか知らんから、納品すると言ったらCSSに決まってるとか考えて
どうせ何を納品するかも契約に書いてないか、検討もせず書いてるだけだろ >>600
> cssの更新はNG htmlの中身やページ追加更新はサポートって契約の場合は？
cssの更新はNG（客も他社も変更は禁止）なら、
CSSを変更したい場合は、開発しているうちに連絡してください。
って話になるだけ。
「CSSの更新はうちがやります。」がサポートの内容になるわけで
サポートを依頼する数は変わらない。ただし作業が楽なのはSCSS cssの更新がNGなら、cssを渡す必要すらないな。
例えばどこかのサーバーにcssを作成しておいておく
客からはそれを利用してもらうとか
その場合、cssを直接書く必要はなく、scssでも
なんでも好きに使える。 スタイル更新までサポートなんてまずなくね？
そんなサポートしてるウェブ制作依頼ってあんの？
このスレだけでもこんなデザインにするのにどんなcssかけばいいのとかすぐ答えられないようなのくるのに
サポートはしないけど客がわかっててscssでほしいっていうならscssソースわたすけど
でなきゃcssわたしておわりだろ
わたすというよりサイトをこっちが構築して客の指定した公開日に公開して更新権限わたして終わり
あとはhtmlのサポートはつけたりつけなかったりするけど
そこにscssがどうこうなんて話がなんででてくるんだ もう一つ、cssの更新がNGなのに
cssの変更をしたいんですというサポートを
受け付けるのがおかしい >>604
> サポートはしないけど客がわかっててscssでほしいっていうならscssソースわたすけど
> でなきゃcssわたしておわりだろ
客がそのcssを編集するという前提で渡すのか、そういう前提なしで
渡すのかで話が違ってくる。
だからそれを契約ではっきりさせておかないといけない。
決まってないなら、客側でcssの編集は考慮してないと考えていい。
言われてないことは対応しなくていい。
客側で編集しないんだからscssで生成したものどころか、minifyして
人間が編集ができないような状態であっても何ら問題ない。
あとから電話でどうにかしてくださいって泣きつかれたら別で対応にきまってるだろ。
そこを無料で対応するのが癖になってるからだめなんだよ。 ああ俺が勘違いさせたんだな
>>584だがおれがいうサポートは
こっちがかいたスタイルをhtmlにあてるところしかサポートしないって意味で
cssをかいたりなんてのは当然サポートなんてしないよ
このデザインにしたいなら○○ってクラスをあててくださいみたいなサポートだよ
だから客にscss使わせるだのscssのソースわたすだのいってんのか つか著作権とかわかってるか？ 特に決めてない限り
客にCSSの編集権なんてないんだぞ？
だから、決めていなければ、CSSでもSCSSで吐いたCSSでも
編集する権利は与えていませんって突っぱねればいいのに。 >>607
> このデザインにしたいなら○○ってクラスをあててくださいみたいなサポートだよ
こっちが書いたスタイル（CSS or SCSS）は一切修正しないって話だろ？
ならSCSS使ったって何も問題はない。開発が楽になるだけ
サポートの内容はまったく変わらない >>607
> >>584だがおれがいうサポートは
> こっちがかいたスタイルをhtmlにあてるところしかサポートしないって意味で
>>584の内容と矛盾している
> scssなんて教えたらどうせscssでかいたコードをＣＳＳとして保存してデザインかわらないとかいう質問がくるにきまってる
> scss使うのは勝手だがサポートはこちらが書いた部分しかしないから
こっちがかいたスタイルをhtmlにあてるところしかサポートしないなら、
scssを教えること自体がありえない話、ましてやscssでかいたコードをＣＳＳとして保存して
デザインかわらないなんて質問も来ない。来たらそれは対応外なので一切答える必要はないし、
元ファイルに戻してくださいで終わる話 まーたアスペが出た
客にわたすhtmlにクラスをこまめにつけるかつけないかの答えがなんでscss使えなんだよ
scss使えばどっちも楽にできるが答えになってない >>610
だからありえないっていってんじゃん
scssわたせばいいとか客に使わせればいいとかいってんのはscss基地外のほうだろ ＩＤないと話の流れがわかりにくいね
結局scssを開発側が使うことに反対してるやつはひとりもいないのに
客にも教えて使わせろってやつとcssだけ渡せばいいんだから関係ないってやつが言い争ってるだけ
大本のclassどうこうに回答してるやつはだれもいない >>612
だから前提をはっきりさせろって言ってるんだよ
> scssわたせばいいとか客に使わせればいいとかいってんのはscss基地外のほうだろ
客がCSSをいじらないって前提なら、scss使っていいっていうのが結論だろ
その場合は、scssで吐いたcssを渡せばいいよ。
こちらはscssを使って楽に開発をする。
納品するときはscssで吐いたcssを納品する。
客はそのcssをいじらないから、cssを編集したいという質問は何も来ない
借りに来たとしても突っぱねるか別で費用を請求すればいいだけ（これはトラブルではない）
だーかーらー、scssを書こうって話なんだろうが
それを客にscssを教えないといけないとか言い出した馬鹿は誰だ？
scssどころかcssだって教えねーよ。アホが >>611
> 客にわたすhtmlにクラスをこまめにつけるかつけないかの答えがなんでscss使えなんだよ
scssを使えば、そのどちらだって開発が楽になるという話だが？
あと「クラスをこまめに付ける」とか曖昧なこと言うな。
クラスをこまめに付けていれば、どんな調整だって
できるというつもりか？違うだろ。
クラスを変えるだけでどこまでデザインを
調整できるようにするか？というか設計の問題だ。
先にどこまでデザインを調整することができて、どこからは調整できないようにするか
「できること」と「できないこと」を決めないといけない
それを決める時にscssを使えば作るのは楽になる
だから、scssを使うのは決定なんだわ。
あとは本当に、どこまでできるようにするかしないかの話 >>614
だからおれはずっとそういってるんだが
scss使っててもcssで渡すなら関係ないっていってるだけで
scss使えないとも使う必要ないともいってないだろ
scssを客に教えてscssのソースわたせっていうレスがあったから
そんなことしたら
>>cssを編集したいという質問
がくるかもしれないだろって予想をいっただけ
>だーかーらー、scssを書こうって話なんだろうが
>それを客にscssを教えないといけないとか言い出した馬鹿は誰だ？
それがなんで俺だと思われてるの？
俺はそいつにレスしてるんだが？ >>613
> 客にも教えて使わせろってやつ
↓こいつだな
>>575
> 客にsassの使い方までサポートするのか CSSは手書きしましょうの時代から
SCSSなどの言語で書いて生成しましょうの時代になってるからな
（SCSSはCSSと互換性があるからまったくの別言語ではなくCSSの応用で使える）
時代について来れないやつが悪い >>616
他人と間違われてほしくなければIDだせよ >>618
それ俺だけどどうみても皮肉なのに真に受けてこんなレスバトルやってんの？
というよりこのレスみたらscssの使い方サポートするなんてありえないだろって意味にとらないか？
>ってかかれてるほうがスタイル更新しやすいんじゃね
って言い方がまずかったんだな
htmlでかいた文章のスタイルを更新するときにって意味だったんだが 誤解が解けた所で
はじめの質問に戻ろうか？
558 名前：Name_Not_Found[sage] 投稿日：2018/02/23(金) 19:33:40.31 ID:???
特殊なレイアウトのスタイルかくとき
親に１つだけクラスつけてセレクタでもぐってスタイルかく？
それとも要素１つ１つにクラスつける？
前者だとHTMLがきれいだけどＣＳＳが汚いし
間に要素追加したりするとセレクタ指定全部かきなおしになる
後者だと使い回しが聞くけどＨＴＭＬが汚くなるし
サイト全体で移行繰り返したりするとどんどん使いもしないクラスがたまっていくよね
>>558
> 前者だとHTMLがきれいだけどＣＳＳが汚いし
scssを使えばcssが汚くなることはない どっちも
開発にはscssを使う
客にcss更新前提でscssわたすのはありえない
っていってるのになんで争ってんの？ > 間に要素追加したりするとセレクタ指定全部かきなおしになる
scssをつ開けば間に要素追加しても一箇所の変更でよくなる css更新はNGでもhtmlにデザインあてるのに中身よめる必要はあるよな >>624
> 開発にはscssを使う
> っていってるのになんで争ってんの？
>>588がデメリットとして、cssが汚くなるって言ってるからだよ
だからscssを使えばその問題は解決するっていう話をしてるのに、
なぜかscssの話をすると過剰に反応するやつが現れる。
開発にscssを使うというのなら、もっと普通にこのスレで
scssの話をしましょう。俺としてはscssの話をしただけで
文句を言っているキチガイが消えればそれでOK 例えばbootstrapでも中身なんかろくに読まなくて
デザイン当ててるし 更新しやすいシンプルなソース レスポンシブルなデザイン にリニューアル
っていってたのにcssよめないじゃないかこんなはずじゃなかった
とかいわれたことはあったわ
htmlをシンプルにするとcssはセレクタだらけになるしcss3知らない人がみたら意味不明だろうね >>629
> htmlをシンプルにするとcssはセレクタだらけになるしcss3知らない人がみたら意味不明だろうね
cssで書くとそうなるから、勉強してでもscssを使ったほうが良いわ
cssで書く以上どうしてもシンプルにすることは不可能。
scssだと勉強する必要はあるが、シンプルにすることができる
勉強と言ってもネストぐらいで十分だし
使ってもmixinやextendや変数ぐらい
cssを使える能力がある人が、これらを理解できないはずがない
css3を新たに学習することができる人なら、scssだって学習できる。 揚げ足取りの馬鹿のせいでscss基地が調子にのりだした な？data-キチと同じ流れになるだろwww
こいつ一緒なんだよなぁ
マウントとりたいだけのキチガイ
中身なんにもなしでscss連呼してるだけw >>634
それも一緒w
マウントとれてないのに勝ち名乗り
一人で敵作ってるオタオタしてるだけ あ「取られれる方」でどっちのことか分かっちゃうんだ
自覚してるんだねｗｗｗ >>633
自分以外の意見や方法を一切認めないとことかな
すると優れてると言い出すが条件や環境が自分中心 今日の流れみてれば世界の中心だってわかるだろ
むしろお前だけだぞ使えないの また異常にスレが伸びてると思ったらいつもの奴かｗ
週末になると必ず現れて1日中貼りついてるな
貼りつくのはいいけどレスしすぎだよ
マジでよむのめんどくせーから質問があったのかすらわからんｗ 昼間に暴れてたscss推しのやつは複数いるようにみえるけどなー 別にscss推しが複数いるのはいいしscssも全然悪くない
ここでやるなっていうだけ
彼らは日本語わからないのかね？ 普通だったら何？ここブラウザが直接解釈してくれるweb標準技術HTML/CSSの質問スレなんだけど？
変換しないと使えない非標準の技術という意味ではsassはpugやらcoffeescriptやらtypescriptと一緒。
そんなに初心者にマウント取りたいか。
よっぽど惨めな日常生活なんだなｗ マウントって言葉好きだねｗ
そんなにマウント取られるのが屈辱なのか？ｗ ここは猿山ではないからね。さっさと猿山へお帰り。そこで好きなだけマウント取ってなｗ >>654
役に立たない情報は見なくていい
マウントって言葉は役に立たない情報
あ、お前はscssをNGにしておいてねｗ レスする数と頻度が多すぎなんだよ。
現実世界では無口なんだろ？
あと自演する癖があるようだけど何度もバレてるんだからいいかげんやめとけよな。
ここはあんたの自己顕示欲を満たす場じゃないんだぜ？
そんなに筆が進むならブログでもやればいいのに。 あぁ、これだけ言ってもまだ一人の発言だと
思ってるのね（苦笑） 百歩譲って自演は一度もしてないとしても
胸に手を当てて思い返してくれ自分の行動を。
あんなに貼りついてレスしまくるのは異常だぞ
ここはニュー速でもチャットの場でも無いんだ 胸に手を当てても俺じゃないことははっきりしてるな
他の誰かの話かな >>651
ブラウザが表示できない以上まだまだ時代ではないが。 >>637
取ら「れれる」方ｗｗｗ
やっぱ日本語通じない感じっすかねぇｹﾞﾗｹﾞﾗ >>663
開発の現場ではすでにビルドして生成するのが普通なんだよ。
でないと高速化のためのファイルの結合とか圧縮（minify）とかどうするのさ？
今の時代の基本的なことすらできやしないぞ >>663
ブラウザーが直接表示できるかどうかを基準にすると
面倒くさくない? なんか縛りプレイーでもしてるんだろｗ
その縛りでなにかメリットがあるのか知らんが 別スレ立てればいいじゃん
ここでやるから揉めるんだよ 分けた所で無駄だろう
関連技術なんだからどうしても話題に出る sayohagenkiさん2016/1/2302:40:26
リカオン株式会社のＳＥＯ対策の営業マンが契約を渋ると暴言をあびせられました。
「占い師のくせに先を見て決断ができないのか」「電話でアポとった奴は元ヤンで仕事できないのにあんたは占い師のくせに見抜けてないやないか。」
「俺の年収は１１００万円。営業は即日即決。今日、これくらいの契約できないあなたは金持ちにはなれない。」
「あんたみたいな営業を少しかじったみたいなやつがこうして営業を低くみるんだ。わが社は無駄な営業まわりはしない。どうせ考えさせてくれという返事はそのあとやっぱり家族などに反対されたとかなる。」
「あとで何を調べたいん？どうせＳＥＯ対策のこととか自分で調べてもわかるはずない。」
「今日、契約しないのなら私の方から先生のことは二度とお世話する気はありませんから。」
ちなみに契約内容は 月70000円 7年間契約 約 ５６０万円を ４１０万円にする
ホームページを３つのキーワードを決めて上位に出すことで宣伝効果絶大 ＳＥＯ対策というものというこはわかりましたが、本当にいやな思いをしましたし、この会社まともな会社なのでしょうか。
あの営業マンの罵声は途中から録音してとっています。家族が怖がっているので、何か情報がありましたら教えてください。
補足
占い師というのは私のことです。私は離婚や人間関係のことで悩んでいる方たちの悩み相談室で、タロットを使っているということです。 >>668
なぜか頑なにでていこうとしないんだよね何回もいってんのに
>>669
その度に誘導すればよい
jsとjqだって別れてる
>>665
そうだね
すごいね
>>666
どのへんがめんどくさいと思うの？ >>672
ブラウザーには種類とバージョンがあるから >>669
無駄じゃないでしょ
cssのコードだせば十分な質問しかこないのに
scssって言葉が含まれてる回答が的を得ていたことなんて１度もない > scssって言葉が含まれてる回答が的を得ていたことなんて１度もない
それがまさに>>558なんじゃないのか？
> 特殊なレイアウトのスタイルかくとき
> 親に１つだけクラスつけてセレクタでもぐってスタイルかく？
> それとも要素１つ１つにクラスつける？
>
> 前者だとHTMLがきれいだけどＣＳＳが汚いし
> 間に要素追加したりするとセレクタ指定全部かきなおしになる
>
> 後者だと使い回しが聞くけどＨＴＭＬが汚くなるし
> サイト全体で移行繰り返したりするとどんどん使いもしないクラスがたまっていくよね
整理すると以下の２つどちらが良いか？
1. 親に１つだけクラスつける
2. 要素１つ１つにクラスつける
前者
メリット ・・・ HTMLがきれい
デメリット ・・・ CSSが汚い、間に要素追加したりすると書き直しが必要
（ただしこの２つのデメリットはSCSSを使えば解決する）
後者
メリット ・・・ 使い回しが聞く（SCSSでもそれは可能）
デメリット ・・・ ＨＴＭＬが汚くなる。使わないクラスがたまっていく
まとめると、SCSSを使うと前者の方法はメリットしか無く、
後者はデメリットしかなくなるということになる 最後の２行いらないじゃん
質問者が聞きたいのはどっちがいいかであって何を使うかなんて聞いていない上に
どっちもＳＣＳＳを使えばできるんだから書く必要もない ＞間に要素追加したりすると書き直しが必要
＞ （ただしこの２つのデメリットはSCSSを使えば解決する）
解決しないじゃん
結局修正は必要だろ
クラス直接つけてればどこに要素追加があってもcssの修正は一切必要なくhtml側だけですむ
>>553の例だと
<div class="labeledImage">
<div class="text">
<div class="image">
ってつけてあれば
<div class="labeledImage">
<h3>
<div class="text">
<a><div class="image">
みたいなことになってもcssは一切修正の必要がないって意味じゃないの >>678
> 解決しないじゃん
> 結局修正は必要だろ
？
> 前者だとHTMLがきれいだけどＣＳＳが汚いし
> 間に要素追加したりするとセレクタ指定全部かきなおしになる
セレクタ指定全部かきなおしは不要になるって言ってるんだけど？ >>678
中途半端に引用するな
> 間に要素追加したりするとセレクタ指定全部かきなおしになる
って話だろ
>>553 を元に例を書くと
.labeledImage { ・・・ }
.labeledImage .text { ・・・ }
.labeledImage .image { ・・・ }
間に要素追加っていうのは途中にdivが入ったら
.labeledImage div { ・・・ }
.labeledImage div .text { ・・・ }
.labeledImage div .image { ・・・ }
みたいにセレクタ指定全部書き直しになるってことだ
SCSSだとネストできるから、間にdivが入ったら、
その場所だけの修正で良い
.labeledImage div {
.text { ・・・ }
.image { ・・・ }
} すれ違いでもなんでもないんだよな。
結局のところ、こっちのやり方のほうがHTMLがシンプルになりますが、
CSSが複雑になりますどうしましょう
って悩みなのでSCSSを使えば解決する。が答えとなる 例えばこれ、jQuery UIのダイアログのCSS
.ui-dialog {}
.ui-dialog .ui-dialog-titlebar {}
.ui-dialog .ui-dialog-title {}
.ui-dialog .ui-dialog-titlebar-close {}
.ui-dialog .ui-dialog-content {}
.ui-dialog .ui-dialog-buttonpane {}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {}
.ui-dialog .ui-dialog-buttonpane button {}
.ui-dialog .ui-resizable-n {}
.ui-dialog .ui-resizable-e {}
.ui-dialog .ui-resizable-s {}
.ui-dialog .ui-resizable-w {}
.ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw {}
.ui-dialog .ui-resizable-se {}
.ui-dialog .ui-resizable-sw {}
.ui-dialog .ui-resizable-ne {}
.ui-dialog .ui-resizable-nw {} >>682
どうしましょうなんて言ってないだろ 笑
うどんとソバの喩えは頭悪すぎだろって思ってたけどいよいよ正解に思えてくるぞ 笑 >>680
ちょっとまて…なんでその書き方で途中にdivが挟まったらセレクターまで全部div追加になるの？？？ こんな感じに書くことができる
.ui-dialog {
.ui-dialog-titlebar {}
.ui-dialog-title {}
.ui-dialog-titlebar-close {}
.ui-dialog-content {}
.ui-dialog-buttonpane {
.ui-dialog-buttonset {}
button {}
}
.ui-resizable {
&-n {}
&-e {}
&-s {}
&-w {}
&-se, &-sw, &-ne, &-nw {}
&-se {}
&-sw {}
&-ne {}
&-nw {}
}
} >>685
本当に応用が効かないやつだなｗ
divって言ったら本当にdivの場合しか思いつかないのかよ
他に.textや.imageがあるとか考えないのかよ 自分が質問者のレベルに合わせるのではなく、
質問者を自分のレベルに合わせようとするのが間違い カップ麺をよこせと言ってるんだからカップ麺をよこせ。体に悪いですよとか余計なお世話だ。 >>688
質問者を初心者と決めつけて
上から目線で話をしろってこと？ｗ >>689
質問者の態度としてふさわしいね！（皮肉） >>690
> 質問者を初心者と決めつけて
そんなこと言ってないし
> 上から目線で話をしろってこと？ｗ
そんなこと言ってないし
つまりは、自己中心的なだけだね
自分の視点でしか物事を見ない >>692
意味不明。
質問者のレベルが仮に低いとして、俺のレベルに引き上げることは
自己中心でも何でもない ■ このスレッドは過去ログ倉庫に格納されています
