HTML/CSS のどんな質問に必ず優しく答えるスレ 31

**Name_Not_Found** · 2018/02/18(日) 02:49:45.92

クライアントがSCSS触ればいいじゃん？

**Name_Not_Found** · 2018/02/18(日) 05:17:02.80

数年ぶりにCSSを学び直し中でして、最新のデザインパターンを参考にする為にコリスを利用してたんですが、
なんか Fatal error とか出ててサイト見れないんすよ。ここってしょっちゅうエラー吐くんですかね？
他に参考にできるサイトやブログってありますかね？

**Name_Not_Found** · 2018/02/18(日) 06:30:15.11

IEでは記事のリンクを押すとそのページに飛ぶのですが
GoogleChromeやFirefoxでは記事を押してもそのページに飛びません。
リンクされず記事の文字だけが表示されている状態です。
URL自体FirefoxとChromeだとページ開きません。
私が作成したhtmlのみです！他の方のホームページのリンク押したら飛びます。
１日色々調べてやったのですが、分かりませんでした・・・。

Firefoxのバージョンは Firefox Quantum 58.0.2(64bit)
Google Chrome のバージョンは64.0.3282.167(64bit)です。
どちらもJavaScriptは有効になっております。

<!DOCTYPE html>
<html lang="jp" class="no-js">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
～～～～
～～～～
<head>
～～～～
～～～～
<script src="ttp://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
</head>
<body>
//↓問題のやつです。id="rss"はCSSでパーツの位置を設定しております。
<div id="rss" name="#rss"><script id="【単眼RSSパーツ】</script></div>
</body>
</html>
教えてください。

**Name_Not_Found** · 2018/02/18(日) 06:38:48.32

>>502
並べる対象によるかな

横に並べるだけならinline-blockにして
幅そろえたいならwidth50%とか33%とかつける

tableだけはない

flexは基本縦にレイアウトそろえたいときだけかな

個人ページだったらflex使いまくるけど
大勢で管理すると提供原稿ソース勝手に縮小されてたりするの気づかなかったりするから危険

まあ大量ページで予算によっては了承の上でtableやフォントだらけの汚いソースそのまま移行もある

**Name_Not_Found** · 2018/02/18(日) 06:47:24.23

>>513
そのHTMLじゃどうやってもとばないと思うけど
jsで何かしてるならこのスレの範囲じゃない

他からrssラベルにとびたいなら
nameには#なしで名前つけて飛び先のhrefの中に#をつける

あとハイライトつきのエディタにはりつけてみたら？
"がとじてないのが原因だったりしないの？

**Name_Not_Found** · 2018/02/18(日) 07:15:08.94

>>515
Sublime Textっていうテキストツールを使っています！

わかりにくくてごめんなさい。
RSSパーツの部分はこうなってます。
https://i.imgur.com/472eVsV.png
貼れなかったので画像で・・・。
もしかしてスレ間違えたでしょうか？
IEでは開いてGoogleChromeでは開かない
これってなにかCSSでリンク拒否してるのかな？
と思って・・・。スレ間違えてたらごめんなさい。

**Name_Not_Found** · 2018/02/18(日) 07:34:44.98

>>513
解決しました！なんで解決したか分かりませんが・・・。

>>515
の方ありがとうございました。

**Name_Not_Found** · 2018/02/18(日) 09:13:12.78

>>508
キチガイ&スレ違い

**Name_Not_Found** · 2018/02/18(日) 10:14:15.63

>>517
おめでとう

キャッシュにＣＳＳがのこってたりするからね
そういうときはこまめにＣｔｒｌ＋F5するんだ

**Name_Not_Found** · 2018/02/18(日) 15:01:47.09

>>514
まったく同じだわ。
漏れやミスが一番重要だよね。1度も許されないくらいの感覚でやってる。
自分も個人で完結できるようなゆるいやつはflex使いまくってる。

**Name_Not_Found** · 2018/02/18(日) 17:12:50.96

ブロックレベル要素に直接内包されたテキストは匿名テキストになりますが
CSSのセレクタでこの匿名テキストを指定することは出来ないのでしょうか？
font-sizeなどはコンテナのブロックレベル要素で指定できますが
vertical-alignはコンテナで指定しても有効にはなりません
spanで囲んで非匿名のインラインレベル要素にするしかないのでしょうか？

**Name_Not_Found** · 2018/02/18(日) 17:54:20.18

そういうときこそflex

**Name_Not_Found** · 2018/02/18(日) 18:42:22.44

>>521
テキストノードをCSSで選択することはできないと思う

**Name_Not_Found** · 2018/02/19(月) 14:49:40.78

ほんと疑問なんですけど、IE10以下なんぞに対応する必要ありますかね？

**Name_Not_Found** · 2018/02/19(月) 19:42:26.30

趣味ならない。
仕事ならお前が決めることではない。

**Name_Not_Found** · 2018/02/19(月) 21:15:04.15

仕事でも通常はない
もし客から対応言われたら必要ないことを説明して納得してもらう
それでもどうしてもと言われたら見積書にIE10以下対応の項目入れて多めの見積りをする
それで対応することはまずない

**Name_Not_Found** · 2018/02/19(月) 22:50:35.26

>>524
googleのsvnがhtml5.js終了したせいでhtml5のタグがやっかいなことになったね
これ表面化してないけど結構これからヤバイかも

**Name_Not_Found** · 2018/02/19(月) 22:53:48.14

>>525
趣味だがしてる
してもさほど不便ないし

**Name_Not_Found** · 2018/02/19(月) 23:02:02.75

>>527
svn?
cdn?

**Name_Not_Found** · 2018/02/19(月) 23:02:51.77

趣味ならそれこそどこまで対応したっていいんじゃないかな

**Name_Not_Found** · 2018/02/19(月) 23:19:54.97

9以上
@media使えないのはさすがにダメだ

**Name_Not_Found** · 2018/02/20(火) 16:11:21.95

>>467
clearfixとかってのはどうなん？

**Name_Not_Found** · 2018/02/20(火) 17:01:36.33

htmlセレクタでfont-size: 62.5%;って書くのがド定番ですやん？
IE11だと9.93pxになるんですがこれが普通なんですかね？

**Name_Not_Found** · 2018/02/20(火) 17:15:07.61

>>532
clearfixは結局clear:bothを当ててるだけだから変わらない。

**Name_Not_Found** · 2018/02/20(火) 17:18:39.05

jqueryスレがwwwwww
いつぞやのdwと似たような流れだなぁ
てかdwバージョンアップしたら待ち望んだ左右分割表示が！
これはdwに戻る日が来たかなと思ったけどなんか挙動がおかしい。
関連ファイル？を左右分割できるだけでファイル自体を二個開いて横に並べられるわけではないという謎のクソ仕様になってた…さよならdw

**Name_Not_Found** · 2018/02/20(火) 21:07:12.11

<div class="labeledImage">
<div class="text"><div>テキスト</div></div>
<div class="image"><img src="http://placehold.jp/200x150.png";></div>
</div>

このＨＴＭＬで

https://dotup.org/uploda/dotup.org1468519.jpg

こんな感じで画像サイズに依存せずに同じ大きさのブロックを左側につけてその中央に文字
さらに全体を中央に表示って可能ですか？

**Name_Not_Found** · 2018/02/20(火) 21:21:24.52

すいませんもう１つ

<div class="test2">
<div class="image">
<div><img src="http://placehold.jp/200x150.png";></div>
<p>ながーーーーーーーーーーーーーーーーーい画像の説明</p>
</div>
<div class="text">
<p>テキストテキストテキストテキストテキストテキスト</p>
</div>
</div>

このＨＴＭＬで画像のサイズ指定なしで

https://dotup.org/uploda/dotup.org1468544.jpg

この上みたいに画像サイズ分で分割したいんですけど
いろいろためしてもどうしても下みたいになってしまう
どうすればいいか教えていただけませんか？

**Name_Not_Found** · 2018/02/20(火) 21:32:18.11

>>536
可能です（めんどくさい）

>>537
それぞれのブロックに50%とか横幅を指定すればいい

**Name_Not_Found** · 2018/02/20(火) 21:54:32.62

>>537 は前スレで画像の幅でテキストを折り返すって質問と回答あったから
それで右側ブロック化すればあとはflexなりfloatなりでいけると思う

>>536はわからんなー

>>538
「画像サイズ分で」分割っていってるからそれは違うんじゃない？

**Name_Not_Found** · 2018/02/20(火) 22:04:42.60

前スレというか>>5だな

**Name_Not_Found** · 2018/02/20(火) 22:58:33.94

>>539,540
教えていただいてありがとうございました
こちらのほうはうまくいきました

width:0.1%がなんで必要なのかわかってないですけど
ないとうまくいかないので重要なんですね……

**Name_Not_Found** · 2018/02/20(火) 23:51:53.47

何度もすいません

<div class="test4">
<div><img src="http://placehold.jp/400x200.png";></div>
<div><img src="http://placehold.jp/300x300.png";></div>
<div><img src="http://placehold.jp/200x400.png";></div>
</div>

<div class="test4">
<div><img src="http://placehold.jp/150x50.png";></div>
<div><img src="http://placehold.jp/100x100.png";></div>
<div><img src="http://placehold.jp/50x150.png";></div>
</div>

こんな感じのいろんなサイズの画像がきても

https://dotup.org/uploda/dotup.org1468716.jpg

こんな感じで高さをそろえてかつページ幅におさまるように伸縮して横並びに表示したいんですけど
ずっと検索してても単一画像や幅そろえるのはあったんですが
複数画像のはjsを使ったのしか出てこないんですよね…

ＣＳＳだけでやるのは無理なんでしょうか

**Name_Not_Found** · 2018/02/21(水) 02:38:33.05

>>542
divの幅を%指定にしてflexとflex-wrap:wrap
各画像幅の比率は固定じゃないですとか言うなよ？
そんなケースあり得ないからな

**Name_Not_Found** · 2018/02/21(水) 06:39:35.29

>>542
グーグルの画像検索結果みたいにしたいってことなら
画像１個の幅が決定できないので両端揃えには根本的には出来ない

**Name_Not_Found** · 2018/02/21(水) 13:38:58.50

本読みながら写経しててまったく同じ記述してるつもりなのに表示がほんと違って原因も解らなかったらすごくへこむよね

**Name_Not_Found** · 2018/02/21(水) 16:49:11.60

未経験から月30万のwebデザイナーか…
https://fenixjob.jp/web_designer/search-list

**Name_Not_Found** · 2018/02/21(水) 18:35:58.17

>>546
風俗

**Name_Not_Found** · 2018/02/21(水) 19:06:42.64

久々にWebページ作成しているんですが、
HTML5で作ろうとしてサンプルサイト(大手も含め)見てると、
<header> <section> or <article> <footer>
これらのタグは使わなくても良いんでしょうか？
それを全く使ってないサイトも多く？あります。
<header>タグ使っても中にh1入れてなかったり。
body以下は昔のようにdiv構成だったり。
※jquery等での使用ならば仕方ないと思うけど。

h1が必須のタグってheader, sectionだけでしょうか？

**Name_Not_Found** · 2018/02/21(水) 19:18:38.60

使わなくていい。混乱させるための罠だぞ

**Name_Not_Found** · 2018/02/21(水) 19:36:53.21

>>543
ごめんなさい
どんな画像サイズにも対応できるようにしたいんですけどいってませんでしたね

>>544
やっぱり無理ですよね
明日顧客に無理ですっていってみます
無理ってことがわかるだけでも助かります
ありがとうございました

**Name_Not_Found** · 2018/02/21(水) 20:11:51.44

>>548
headerタグとh1タグはなんら関係性はないのでサンプルサイトの見かた自体が間違ってる

**Name_Not_Found** · 2018/02/21(水) 20:37:18.63

>>550
JS書けばいいじゃない
並べるアルゴリズムはもう出揃ってるし

**Name_Not_Found** · 2018/02/21(水) 20:39:19.18

>>536
できたわ

.labeledImage {
margin-left:50%;
position: relative;
display : table;
}

.labeledImage .text {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;

display:flex;
align-items: center;
justify-content: center;

background-color:#eef;
transform:translateX(-100%);
}

**548** · 2018/02/21(水) 22:01:37.03

>>551
> イントロダクションやナビゲーションの支援となるグループを表します。
> header 要素は、通常は、セクションの見出し（h1–h6 要素や hgroup 要素）を入れることを想定しています。
> しかし、コンテンツの目次や検索フォームや関連のロゴなど、他のコンテンツを入れることもできます。

「想定している」だけでValidateなどで指摘されたり、
悪いわけでは無いんでしょうか？

**Name_Not_Found** · 2018/02/21(水) 22:37:08.09

>>553
ありがとうございます
昨日の例もそうですが画像をdisplay:tableでかこうとぴったりのサイズがとれるんですね
勉強になります

今週でダメなら50%50%のボックス作って右側の画像はボックス内に枠つきでおさめようかと思ってました

>>552
アクティブなコンテンツならともかくデザインのためにjs使うのは汚いってのがうちの会社の認識なので
この程度の静的デザイン決定でjs使うぐらいなら代替デザイン提示したほうがましかなと
客がjs使ってでもこのデザインにこだわったらべつですけど
いずれにしろjsが必要になると値段も担当もかわるので自分の一存じゃきめられない

**Name_Not_Found** · 2018/02/21(水) 23:46:50.52

クライアントのサイト構築の場合みばえよく作って終わりの契約ならともかく
たいていコンテンツの追加がしやすいようなきれいなソースにしてくれっていわれるからなー
いたるところスクリプトだらけにするわけにはいかんよな

**Name_Not_Found** · 2018/02/22(木) 00:48:57.70

>>504
亀だけど
親要素にpaddingとbackground
もしくは疑似要素を線にする
でどう？

**Name_Not_Found** · 2018/02/23(金) 19:33:40.31

特殊なレイアウトのスタイルかくとき
親に１つだけクラスつけてセレクタでもぐってスタイルかく？
それとも要素１つ１つにクラスつける？

前者だとHTMLがきれいだけどＣＳＳが汚いし
間に要素追加したりするとセレクタ指定全部かきなおしになる

後者だと使い回しが聞くけどＨＴＭＬが汚くなるし
サイト全体で移行繰り返したりするとどんどん使いもしないクラスがたまっていくよね

**Name_Not_Found** · 2018/02/23(金) 21:00:31.22

>>558
どちらのパターンでも
HTMLはjadeかejs、CSSはscssに頼ってるから
あんまり気にしなくなっちゃったな

**Name_Not_Found** · 2018/02/23(金) 21:53:50.20

>>559
はいはいどっかいけキチガイ

**Name_Not_Found** · 2018/02/23(金) 22:24:54.73

559ではないがこれに関しては正直同意
ejs+scss使うね
だからセレクタ指定全部ってことにはならないね

できあがったCSS的には前者ってことになるかな

**Name_Not_Found** · 2018/02/23(金) 22:48:24.56

俺も
ejsとか使わなかったとしても
scssならHTMLのクラスが外から中に移動しても
scss側も同じようにずらせばいいだけなんで
もうSASS無しで書くのは間違いとさえ思う

**Name_Not_Found** · 2018/02/23(金) 23:49:52.74

全部divでいんじゃないっすかね

**Name_Not_Found** · 2018/02/24(土) 01:45:26.01

>>558
俺の使ってるエディタは使ってないクラスがあるとエラー吐くし別に問題ないな

**Name_Not_Found** · 2018/02/24(土) 01:46:12.82

自演が酷いわ

**Name_Not_Found** · 2018/02/24(土) 02:29:50.14

自演なのかな
俺もSASSだけは使う
今はDreamWeaverでも使えるし

**Name_Not_Found** · 2018/02/24(土) 09:11:08.63

質問には答えないのにscssの話題だけ短時間で連続でレスが入れば自演だと思うわな

**Name_Not_Found** · 2018/02/24(土) 09:34:55.25

蕎麦とうどんどっちにする？
scキチ
「俺はインドカレーだな。うどん屋にだってカレーうどんあるんだしできて当たり前の常識。家でも作れるし。」
これくらい話が噛み合わない

ejsもスレ違い(っていうとまた推してくるんだろうね)

**Name_Not_Found** · 2018/02/24(土) 10:19:21.98

>>568
お前のその例が的はずれなだけ

AとBの２つの案があって、Bの方が優れているが作業が大変という場合に、
適切な道具を使うと作業に手間がかからなくなるから
Bという案だって十分選択肢になるということ
それがSCSSなんだよ。

その御前の馬鹿みたいな例えは、お前の例えが下手だからまったく噛み合っていない。

**Name_Not_Found** · 2018/02/24(土) 10:52:16.47

最終出力されたコードだけを製品としてうけとる顧客側にとっては何を使って作ったかなんて関係ないじゃん
まあ>>558に関していえばどっちにとっても前者の方がいいんじゃないのかな

**Name_Not_Found** · 2018/02/24(土) 11:01:04.35

顧客のニーズにもよるんじゃね

少ない知識でＨＴＭＬにだけ内容追加するなら前者
少ない知識でＣＳＳでデザイン調整もしようと思うなら後者
プロは前者（ニーズによって後者の出力することもできる）

**Name_Not_Found** · 2018/02/24(土) 11:01:22.76

> 最終出力されたコードだけを製品としてうけとる顧客側にとっては何を使って作ったかなんて関係ないじゃん

そうだよね。だから作る側にとって楽な方を選んだほうが得なんだけど、
まあ、勉強するのが嫌いで、勉強しない方が楽という考え方もあるんだろうね
後で作業量が減って楽になるよりも、今遊んで楽をしていたいｗ
アリとキリギリス

**Name_Not_Found** · 2018/02/24(土) 11:06:42.69

いやだから作るほうが楽かどうかじゃなく客が更新しやすいデザインするべきだって話
>>571のいうように客が何をしたいかでもかわってくるだろうが

**Name_Not_Found** · 2018/02/24(土) 11:07:33.81

＞少ない知識でＣＳＳでデザイン調整もしようと思うなら後者
これが理解できないんだが

**Name_Not_Found** · 2018/02/24(土) 11:14:30.15

>>553の例でいえば
上位にだけクラスがつけてあって

.labeledImage > div:first-child {}
.labeledImage > div:nth-child(2) {}

とかかかれてるより

.labeledImage .text{}
.labeledImage .image{}

ってかかれてるほうがスタイル更新しやすいんじゃね

２階層ぐらいならまだしもこれが

.labeledImage > div:first-child > div:nth-child(3) > :not(:first-child) {}

とかなってたらもう何かしらCSSメタ言語でないと管理しきれないだろう
客にsassの使い方までサポートするのか

**Name_Not_Found** · 2018/02/24(土) 12:02:21.91

>>573
客が更新しやすいっていうのならSCSSの方が更新しやすいだろ
客だってSCSS使えるやついるんだから

お前が言ってるのは、お前の客固有の話だ
一般論とお前固有の問題は区別して考えろ

誰かの固有の話をするならば、俺の客はCSSだって更新できねーよ。
お前の理屈で言えば、俺の客は専用のGUIでデザインを
カスタマイズするツールのほうが更新しやすいって話になる。

**Name_Not_Found** · 2018/02/24(土) 12:05:04.88

>>575
scssを使えば、このように書けます。
客「便利だね」
こういう未来しか思い描けないｗ

> 客にsassの使い方までサポートするのか
しなくていいよ？どうせcssの使い方だって
サポートしてないだろ？

.labeledImage {
　margin-left:50%;
　position: relative;
　display : table;

　.text {
　　position: absolute;
　　top: 0;
　　right: 0;
　　bottom: 0;
　　left: 0;

　　display:flex;
　　align-items: center;
　　justify-content: center;

　　background-color:#eef;
　　transform:translateX(-100%);
　}
}

**Name_Not_Found** · 2018/02/24(土) 12:07:48.65

>>571
> 顧客のニーズにもよるんじゃね

ほんとね、客が馬鹿だっていう前提、
どうやって生まれるんだろうか？

自分が馬鹿ばかり相手してるから？
ご愁傷様としか言えない

馬鹿「scssって難しいんですよ」
顧客（システム会社）「なにが？」
馬鹿「scssを使える環境を作るのが」
顧客（システム会社）「俺らが普段やってることより難しいの？」

**Name_Not_Found** · 2018/02/24(土) 12:13:17.70

客へのcssのサポートって何やってんだろ？

俺からすればcssの教科書的な本やサイトを
紹介して質問が来れば答えるだけなんだが、
まさか自分で解説書とか作ったり、毎週勉強会でも開いてんのか？

scssのサポートも同じようなもんだろ。
cssのサポートと大差ない

自分がscss使えないことの言い訳に客を使ってるだけだろ？
客が使えないんです！（実は自分が使えないだけ）

**Name_Not_Found** · 2018/02/24(土) 12:26:25.18

実際cssすらかけない文字のセンタリングすらできないような質問がきまくるからだが

**Name_Not_Found** · 2018/02/24(土) 12:31:01.42

だからそれが「お前の客は」って話だよね

**Name_Not_Found** · 2018/02/24(土) 12:32:28.99

ほんとね、人の能力の問題と技術やツールの問題をはっきり区別していただきたい
よくよく話を聞くと、人間側に問題が有るとしかいってねーじゃねーか

**Name_Not_Found** · 2018/02/24(土) 12:36:02.24

なんで人間側の問題と技術側の問題をはっきり区別しないといけないのかというと

○○という技術（例えばcss）を使いましょうってなった時
テキストエディタやパソコンすら使えない人間を前提とするから
使えないって理屈で、どんなものだって否定できるからだよ

じゃあ○○が使えないって言ったお前、他にいい案あるのか？
それいってみろ。それだって使えないって言ってやるからよ。
こういう理屈が成り立つ。

**Name_Not_Found** · 2018/02/24(土) 12:43:37.55

客層ってそんなちがうもんなのか
ほんとにウェブ制作の現場で働いてるのか
CSSわかってるような顧客なんて1,2割だぞ

おいしい案件になればなるほどそう

逆にわかってる客は本当にめんどくさいページだけ依頼してきて
文章だけのページは自分で勝手にデザインあてたりできるから

scssなんて教えたらどうせscssでかいたコードをＣＳＳとして保存してデザインかわらないとかいう質問がくるにきまってる
scss使うのは勝手だがサポートはこちらが書いた部分しかしないから

**Name_Not_Found** · 2018/02/24(土) 12:46:45.61

>>584
え、なに？
お前客が「CSSはこちらで修正します」って言って納得したのに
その客の「CSSこちらで修正できませんでした」ってサポートを
無料でやってあげてんの？馬鹿じゃね？

客側で修正できてねーじゃん

**Name_Not_Found** · 2018/02/24(土) 12:49:41.54

>>584
> scssなんて教えたらどうせscssでかいたコードをＣＳＳとして保存してデザインかわらないとかいう質問がくるにきまってる

客の問題でトラブりました。

それが何か？客の問題なんだから客が悪い。
仕事を頼まれたら費用を請求して対応すればいいだけ

> scss使うのは勝手だがサポートはこちらが書いた部分しかしないから

客にscssで書いた部分しかサポートしませんって言えばいいだけ

scssという技術の問題ではない
人間側と契約の問題だ。ごちゃまぜにすんな

**Name_Not_Found** · 2018/02/24(土) 12:59:46.86

>>584
> CSSわかってるような顧客なんて1,2割だぞ
SCSSわかってるような顧客はさらに減る

素人が出来ないことをやるのが、仕事ってもんだろ
自分は楽にこれだけのことができる。それは技術力が有るから
（SCSSが使えるから）その技術力を買いませんか？って話なんだが

なんで客のために自分が時間をかけて大変なCSSで
書かないといけないんだ？馬鹿だろう

SCSSで書きます＝うちの最大の技術力で最小のコストで仕事します。って言
ったのを拒否されれば、その分追加費用を請求すべきだし
SCSSだかCSSのサポートを依頼されれば、それも追加費用を請求すべきこと

SCSSのサポート？すればいいじゃん。有料で常識で考えれば
CSSのサポートは有料でやってないはずだよな？
（無料でやってるのならご愁傷様ｗ）

CSSのサポートは無料ですが、SCSSのサポートは有料です。
SCSSのサポート代を出したくなければ、全部CSSで書きますが、
その分、うちでやる作業が増えるので、費用は増えます。

今おまえは「SCSSのサポート費用」と「SCSS禁止による追加費用」の
どちらを取るかの話になってるはずなんだが

まあどうせ、客を言い訳にして、自分がSCSS使えないだけだろ？
だから「SCSSのサポート費用」が膨大に高くなるって思ってるんだろ

**Name_Not_Found** · 2018/02/24(土) 13:12:18.68

>>587
そのとおり

論点がずれてるのはおまえらのほうなんだが

なんでsassのコードやsassって便利なものがあるって教えるとか
客にもsass使わせればいいとかいう話になんの？

htmlとはいたcssわたしておわりだろ
そのときにsassつかおうがcss手書きだろうが
無駄な質問やサポート増やさないためには>>558の後者のほうがいいってだけだよ

契約外は契約外だって当然いうがかかってきた電話とらないわけにはいかないし
契約外っていってすんなり電話きってくれる客だけじゃないんだから
わざわざ面倒ことが増えるようなコードはくことはないだろ

**Name_Not_Found** · 2018/02/24(土) 13:18:46.86

クラスをこまめにつけるかつけないかって話とＳＣＳＳ使える使えないの問題をはっきり区別していただきたい
ＳＣＳＳ使えないなんてひとこともいってないのになんで使えないことになってんの？

ＳＣＳＳ使えばクラス名無駄につけなくてすむ書き方もできるってだけで
客によってはそれじゃ更新しにくいからこまめにクラスつけることもあるってだけの話だろう

**Name_Not_Found** · 2018/02/24(土) 13:19:31.97

>>588
> htmlとはいたcssわたしておわりだろ

htmlとはいたcssわたしておわりならば
終わりでは？

なんでそれ以降も（無料で？）サポートするんだよ
おまえおかしいだろ。

それにソースコードを渡すという契約なら
吐いたcssではなくscssを渡すんだよ。
渡して終わりなら、こっちもscssのコードを渡して終わり

**Name_Not_Found** · 2018/02/24(土) 13:21:25.68

scssをわたすなんてやったことないわ
rubyがインストールできないとかcssにかえるのはどうするんだとかいわれる

**Name_Not_Found** · 2018/02/24(土) 13:21:36.93

>>588

> 契約外は契約外だって当然いうがかかってきた電話とらないわけにはいかないし
取ればいいじゃん？

> 契約外っていってすんなり電話きってくれる客だけじゃないんだから
別契約になると言って、お金を請求すればいいだけじゃん

> わざわざ面倒ことが増えるようなコードはくことはないだろ

CSSなら面倒が増えないとでも？

CSS渡して終わったはずなのに、CSSの変更の仕方がわからないですって
電話かかってきて契約外なのにそれを無料でサポートしてるんですか？
それが一番おかしいですよね？

**Name_Not_Found** · 2018/02/24(土) 13:24:28.52

>>591
> rubyがインストールできないとかcssにかえるのはどうするんだとかいわれる

客が自分で開発できるように教育するまでが仕事ならやればいいだけ

渡して終わりという契約なら渡して終わり。
それ以上は別契約にすればいいだけ

**Name_Not_Found** · 2018/02/24(土) 13:29:36.95

>>593
>>590にいってやれ
契約にはいてｔないのにscssのソースわたすなんてトラブル増やすだけ

**Name_Not_Found** · 2018/02/24(土) 13:31:03.16

scss使ったほうがいいのは同意だが客に使わせるとかscssのコードわたすとかはまた別だろ

**Name_Not_Found** · 2018/02/24(土) 13:31:18.11

cssだからscssだからじゃなくラベルつけるかどうかの話といつまでごっちゃにしてんの

cssの中身いじったら当然対象外だが
ソースをきれいにして更新しやすいレスポンシブルサイトにリニューアルってのが基本契約で
htmlの内容更新に対してはサポートすることが多い

labeledImage .text{}
.labeledImage .image{}

ってついてたほうが分かりやすいし間違いがおきにくいし
こちらがかいたデザインと同じにしたければこれこれにこれこれのクラスつけてくださいっていっておわり

.labeledImage > div:first-child {}
.labeledImage > div:nth-child(2) {}

ってなってて1と2の間に要素追加したらデザインがおかしくなったっていわれたらめんどくさい

**Name_Not_Found** · 2018/02/24(土) 13:31:37.58

ソフトウェア開発でも、バイナリだけの納品と
ソースコードを含めた納品と二通り有るんだが、

バイナリだけの場合は、客が編集しないという前提だし、
ソースコード（と権利）を含めた納品であれば、客が編集するという前提だが
プログラミングすらできなレベルのやつが変更の仕方がわかりません。教えてください。
なんて電話に無料にで対応するわけ無いだろう。
客がプログラムできるやつを雇うのが筋。

それに使用言語が指定されていなければ、相手に合わせる必要もないし、
使用言語が指定されており、それが効率が悪い言語ならその分コストに上乗せする

という基本が分かってないんだろうなｗ

**Name_Not_Found** · 2018/02/24(土) 13:33:35.33

>>594
> 契約にはいてｔないのにscssのソースわたすなんてトラブル増やすだけ

そのトラブルの原因はお前がちゃんと仕事の範囲を内容を
明確にしていなかったからだ。

最初からscssで書いてソースを納品するという契約にしていれば
何もトラブルは起きない

**Name_Not_Found** · 2018/02/24(土) 13:34:31.84

> >>593
> >>590にいってやれ

両方とも俺だがねｗ

**Name_Not_Found** · 2018/02/24(土) 13:36:28.14

cssの更新はNG　htmlの中身やページ追加更新はサポートって契約の場合は？
scssわたすバカいるの？
その場合サポートが少なくてすむのは>>588のどっち？

**Name_Not_Found** · 2018/02/24(土) 13:37:23.41

本当に検討した上でCSSで納品しますって契約を結んだのかねぇｗ
どうせCSSしか知らんから、納品すると言ったらCSSに決まってるとか考えて
どうせ何を納品するかも契約に書いてないか、検討もせず書いてるだけだろ

**Name_Not_Found** · 2018/02/24(土) 13:40:09.10

>>600
> cssの更新はNG　htmlの中身やページ追加更新はサポートって契約の場合は？

cssの更新はNG（客も他社も変更は禁止）なら、
CSSを変更したい場合は、開発しているうちに連絡してください。
って話になるだけ。

「CSSの更新はうちがやります。」がサポートの内容になるわけで
サポートを依頼する数は変わらない。ただし作業が楽なのはSCSS

**Name_Not_Found** · 2018/02/24(土) 13:42:01.57

cssの更新がNGなら、cssを渡す必要すらないな。
例えばどこかのサーバーにcssを作成しておいておく
客からはそれを利用してもらうとか

その場合、cssを直接書く必要はなく、scssでも
なんでも好きに使える。

**Name_Not_Found** · 2018/02/24(土) 13:42:32.70

スタイル更新までサポートなんてまずなくね？
そんなサポートしてるウェブ制作依頼ってあんの？
このスレだけでもこんなデザインにするのにどんなcssかけばいいのとかすぐ答えられないようなのくるのに

サポートはしないけど客がわかっててscssでほしいっていうならscssソースわたすけど
でなきゃcssわたしておわりだろ
わたすというよりサイトをこっちが構築して客の指定した公開日に公開して更新権限わたして終わり

あとはhtmlのサポートはつけたりつけなかったりするけど
そこにscssがどうこうなんて話がなんででてくるんだ

**Name_Not_Found** · 2018/02/24(土) 13:42:47.14

もう一つ、cssの更新がNGなのに
cssの変更をしたいんですというサポートを
受け付けるのがおかしい

**Name_Not_Found** · 2018/02/24(土) 13:46:31.02

>>604
> サポートはしないけど客がわかっててscssでほしいっていうならscssソースわたすけど
> でなきゃcssわたしておわりだろ

客がそのcssを編集するという前提で渡すのか、そういう前提なしで
渡すのかで話が違ってくる。
だからそれを契約ではっきりさせておかないといけない。

決まってないなら、客側でcssの編集は考慮してないと考えていい。
言われてないことは対応しなくていい。
客側で編集しないんだからscssで生成したものどころか、minifyして
人間が編集ができないような状態であっても何ら問題ない。

あとから電話でどうにかしてくださいって泣きつかれたら別で対応にきまってるだろ。
そこを無料で対応するのが癖になってるからだめなんだよ。

**Name_Not_Found** · 2018/02/24(土) 13:48:28.61

ああ俺が勘違いさせたんだな
>>584だがおれがいうサポートは
こっちがかいたスタイルをhtmlにあてるところしかサポートしないって意味で
cssをかいたりなんてのは当然サポートなんてしないよ
このデザインにしたいなら○○ってクラスをあててくださいみたいなサポートだよ

だから客にscss使わせるだのscssのソースわたすだのいってんのか

**Name_Not_Found** · 2018/02/24(土) 13:49:55.31

つか著作権とかわかってるか？特に決めてない限り
客にCSSの編集権なんてないんだぞ？

だから、決めていなければ、CSSでもSCSSで吐いたCSSでも
編集する権利は与えていませんって突っぱねればいいのに。

**Name_Not_Found** · 2018/02/24(土) 13:52:02.65

>>607
> このデザインにしたいなら○○ってクラスをあててくださいみたいなサポートだよ

こっちが書いたスタイル（CSS or SCSS）は一切修正しないって話だろ？

ならSCSS使ったって何も問題はない。開発が楽になるだけ
サポートの内容はまったく変わらない

**Name_Not_Found** · 2018/02/24(土) 13:55:19.25

>>607
> >>584だがおれがいうサポートは
> こっちがかいたスタイルをhtmlにあてるところしかサポートしないって意味で

>>584の内容と矛盾している

> scssなんて教えたらどうせscssでかいたコードをＣＳＳとして保存してデザインかわらないとかいう質問がくるにきまってる
> scss使うのは勝手だがサポートはこちらが書いた部分しかしないから

こっちがかいたスタイルをhtmlにあてるところしかサポートしないなら、
scssを教えること自体がありえない話、ましてやscssでかいたコードをＣＳＳとして保存して
デザインかわらないなんて質問も来ない。来たらそれは対応外なので一切答える必要はないし、
元ファイルに戻してくださいで終わる話

**Name_Not_Found** · 2018/02/24(土) 13:57:40.26

まーたアスペが出た
客にわたすhtmlにクラスをこまめにつけるかつけないかの答えがなんでscss使えなんだよ
scss使えばどっちも楽にできるが答えになってない

**Name_Not_Found** · 2018/02/24(土) 13:58:43.85

>>610
だからありえないっていってんじゃん
scssわたせばいいとか客に使わせればいいとかいってんのはscss基地外のほうだろ

**Name_Not_Found** · 2018/02/24(土) 14:02:57.60

ＩＤないと話の流れがわかりにくいね
結局scssを開発側が使うことに反対してるやつはひとりもいないのに
客にも教えて使わせろってやつとcssだけ渡せばいいんだから関係ないってやつが言い争ってるだけ
大本のclassどうこうに回答してるやつはだれもいない

**Name_Not_Found** · 2018/02/24(土) 14:03:11.47

>>612
だから前提をはっきりさせろって言ってるんだよ

> scssわたせばいいとか客に使わせればいいとかいってんのはscss基地外のほうだろ

客がCSSをいじらないって前提なら、scss使っていいっていうのが結論だろ
その場合は、scssで吐いたcssを渡せばいいよ。

こちらはscssを使って楽に開発をする。
納品するときはscssで吐いたcssを納品する。

客はそのcssをいじらないから、cssを編集したいという質問は何も来ない
借りに来たとしても突っぱねるか別で費用を請求すればいいだけ（これはトラブルではない）

だーかーらー、scssを書こうって話なんだろうが
それを客にscssを教えないといけないとか言い出した馬鹿は誰だ？
scssどころかcssだって教えねーよ。アホが

**Name_Not_Found** · 2018/02/24(土) 14:08:34.08

>>611
> 客にわたすhtmlにクラスをこまめにつけるかつけないかの答えがなんでscss使えなんだよ
scssを使えば、そのどちらだって開発が楽になるという話だが？

あと「クラスをこまめに付ける」とか曖昧なこと言うな。

クラスをこまめに付けていれば、どんな調整だって
できるというつもりか？違うだろ。

クラスを変えるだけでどこまでデザインを
調整できるようにするか？というか設計の問題だ。

先にどこまでデザインを調整することができて、どこからは調整できないようにするか
「できること」と「できないこと」を決めないといけない
それを決める時にscssを使えば作るのは楽になる

だから、scssを使うのは決定なんだわ。
あとは本当に、どこまでできるようにするかしないかの話

**Name_Not_Found** · 2018/02/24(土) 14:08:37.78

>>614
だからおれはずっとそういってるんだが
scss使っててもcssで渡すなら関係ないっていってるだけで
scss使えないとも使う必要ないともいってないだろ

scssを客に教えてscssのソースわたせっていうレスがあったから
そんなことしたら
>>cssを編集したいという質問
がくるかもしれないだろって予想をいっただけ

>だーかーらー、scssを書こうって話なんだろうが
>それを客にscssを教えないといけないとか言い出した馬鹿は誰だ？
それがなんで俺だと思われてるの？
俺はそいつにレスしてるんだが？

**Name_Not_Found** · 2018/02/24(土) 14:09:02.55

scss基地外の相手するから悪い

**Name_Not_Found** · 2018/02/24(土) 14:10:12.64

>>613
> 客にも教えて使わせろってやつ

↓こいつだな

>>575

> 客にsassの使い方までサポートするのか

**Name_Not_Found** · 2018/02/24(土) 14:11:41.35

CSSは手書きしましょうの時代から
SCSSなどの言語で書いて生成しましょうの時代になってるからな
（SCSSはCSSと互換性があるからまったくの別言語ではなくCSSの応用で使える）
時代について来れないやつが悪い

**Name_Not_Found** · 2018/02/24(土) 14:13:46.18

>>616
他人と間違われてほしくなければIDだせよ

**Name_Not_Found** · 2018/02/24(土) 14:14:56.11

>>618
それ俺だけどどうみても皮肉なのに真に受けてこんなレスバトルやってんの？
というよりこのレスみたらscssの使い方サポートするなんてありえないだろって意味にとらないか？

>ってかかれてるほうがスタイル更新しやすいんじゃね
って言い方がまずかったんだな
htmlでかいた文章のスタイルを更新するときにって意味だったんだが

**Name_Not_Found** · 2018/02/24(土) 14:18:23.26

誤解が解けた所で
はじめの質問に戻ろうか？

558 名前：Name_Not_Found[sage] 投稿日：2018/02/23(金) 19:33:40.31 ID:???
特殊なレイアウトのスタイルかくとき
親に１つだけクラスつけてセレクタでもぐってスタイルかく？
それとも要素１つ１つにクラスつける？

前者だとHTMLがきれいだけどＣＳＳが汚いし
間に要素追加したりするとセレクタ指定全部かきなおしになる

後者だと使い回しが聞くけどＨＴＭＬが汚くなるし
サイト全体で移行繰り返したりするとどんどん使いもしないクラスがたまっていくよね

>>558
> 前者だとHTMLがきれいだけどＣＳＳが汚いし
scssを使えばcssが汚くなることはない

**Name_Not_Found** · 2018/02/24(土) 14:18:48.48

どっちも
開発にはscssを使う
客にcss更新前提でscssわたすのはありえない
っていってるのになんで争ってんの？

**Name_Not_Found** · 2018/02/24(土) 14:19:48.09

> 間に要素追加したりするとセレクタ指定全部かきなおしになる

scssをつ開けば間に要素追加しても一箇所の変更でよくなる

**Name_Not_Found** · 2018/02/24(土) 14:20:26.58

css更新はNGでもhtmlにデザインあてるのに中身よめる必要はあるよな

**Name_Not_Found** · 2018/02/24(土) 14:21:54.76

>>624
> 開発にはscssを使う
> っていってるのになんで争ってんの？

>>588がデメリットとして、cssが汚くなるって言ってるからだよ

だからscssを使えばその問題は解決するっていう話をしてるのに、
なぜかscssの話をすると過剰に反応するやつが現れる。

開発にscssを使うというのなら、もっと普通にこのスレで
scssの話をしましょう。俺としてはscssの話をしただけで
文句を言っているキチガイが消えればそれでOK

**Name_Not_Found** · 2018/02/24(土) 14:22:27.65

>>625
ないよ

**Name_Not_Found** · 2018/02/24(土) 14:22:50.23

例えばbootstrapでも中身なんかろくに読まなくて
デザイン当ててるし

**Name_Not_Found** · 2018/02/24(土) 14:23:28.50

更新しやすいシンプルなソース　レスポンシブルなデザイン　にリニューアル
っていってたのにcssよめないじゃないかこんなはずじゃなかった
とかいわれたことはあったわ

htmlをシンプルにするとcssはセレクタだらけになるしcss3知らない人がみたら意味不明だろうね

**Name_Not_Found** · 2018/02/24(土) 14:26:51.67

知らんがな。人間側の問題だろ

**Name_Not_Found** · 2018/02/24(土) 14:29:45.83

>>629
> htmlをシンプルにするとcssはセレクタだらけになるしcss3知らない人がみたら意味不明だろうね

cssで書くとそうなるから、勉強してでもscssを使ったほうが良いわ

cssで書く以上どうしてもシンプルにすることは不可能。
scssだと勉強する必要はあるが、シンプルにすることができる

勉強と言ってもネストぐらいで十分だし
使ってもmixinやextendや変数ぐらい

cssを使える能力がある人が、これらを理解できないはずがない
css3を新たに学習することができる人なら、scssだって学習できる。

**Name_Not_Found** · 2018/02/24(土) 15:50:03.16

揚げ足取りの馬鹿のせいでscss基地が調子にのりだした

**Name_Not_Found** · 2018/02/24(土) 16:23:08.70

な？data-キチと同じ流れになるだろwww
こいつ一緒なんだよなぁ
マウントとりたいだけのキチガイ
中身なんにもなしでscss連呼してるだけw

**Name_Not_Found** · 2018/02/24(土) 16:26:24.99

マウント取られるほうが悪い

**Name_Not_Found** · 2018/02/24(土) 16:34:42.39

半月近く前の話題を蒸し返すやつって（ｒｙ

**Name_Not_Found** · 2018/02/24(土) 16:35:07.97

>>634
それも一緒w
マウントとれてないのに勝ち名乗り
一人で敵作ってるオタオタしてるだけ

**Name_Not_Found** · 2018/02/24(土) 16:38:52.85

あ「取られれる方」でどっちのことか分かっちゃうんだ
自覚してるんだねｗｗｗ

**Name_Not_Found** · 2018/02/24(土) 16:43:27.07

くやしいのぅwww

**Name_Not_Found** · 2018/02/24(土) 16:50:50.71

www

**Name_Not_Found** · 2018/02/24(土) 17:13:43.73

お前らweb制作好き？

**Name_Not_Found** · 2018/02/24(土) 19:20:33.10

>>633
自分以外の意見や方法を一切認めないとことかな
すると優れてると言い出すが条件や環境が自分中心

**Name_Not_Found** · 2018/02/24(土) 19:59:58.40

>>641
sass使えないならそういえよ

**Name_Not_Found** · 2018/02/24(土) 20:15:18.00

sassって廃棄になったんだろ？

**Name_Not_Found** · 2018/02/24(土) 20:22:54.75

>>642
やっぱり自分中心ｗ

**Name_Not_Found** · 2018/02/24(土) 21:46:41.03

今日の流れみてれば世界の中心だってわかるだろ
むしろお前だけだぞ使えないの

**Name_Not_Found** · 2018/02/24(土) 22:39:48.18

また異常にスレが伸びてると思ったらいつもの奴かｗ
週末になると必ず現れて1日中貼りついてるな

貼りつくのはいいけどレスしすぎだよ
マジでよむのめんどくせーから質問があったのかすらわからんｗ

**Name_Not_Found** · 2018/02/24(土) 23:08:40.64

また誰かと勘違いだか同一視だかしてるよ

**Name_Not_Found** · 2018/02/24(土) 23:19:49.05

そうやってマウント取りたいんだろｗ

**Name_Not_Found** · 2018/02/24(土) 23:23:00.48

昼間に暴れてたscss推しのやつは複数いるようにみえるけどなー

**Name_Not_Found** · 2018/02/24(土) 23:34:59.04

別にscss推しが複数いるのはいいしscssも全然悪くない
ここでやるなっていうだけ
彼らは日本語わからないのかね？

**Name_Not_Found** · 2018/02/24(土) 23:46:41.69

今の時代SCSSを使うのが普通だって言ってるだろ

**Name_Not_Found** · 2018/02/25(日) 00:01:27.71

普通だったら何？ここブラウザが直接解釈してくれるweb標準技術HTML/CSSの質問スレなんだけど？
変換しないと使えない非標準の技術という意味ではsassはpugやらcoffeescriptやらtypescriptと一緒。
そんなに初心者にマウント取りたいか。
よっぽど惨めな日常生活なんだなｗ

**Name_Not_Found** · 2018/02/25(日) 00:10:15.71

マウントって言葉好きだねｗ
そんなにマウント取られるのが屈辱なのか？ｗ

**Name_Not_Found** · 2018/02/25(日) 00:29:42.23

ここは猿山ではないからね。さっさと猿山へお帰り。そこで好きなだけマウント取ってなｗ

**Name_Not_Found** · 2018/02/25(日) 00:42:18.46

マウントをNGにした方がいいよ

**Name_Not_Found** · 2018/02/25(日) 00:43:19.27

>>654
役に立たない情報は見なくていい
マウントって言葉は役に立たない情報

あ、お前はscssをNGにしておいてねｗ

**Name_Not_Found** · 2018/02/25(日) 00:46:13.00

バレバレ自演ワロタｗｗｗｗｗ

**Name_Not_Found** · 2018/02/25(日) 00:49:00.83

自演も何も、わかるように書いてるだろ？

**Name_Not_Found** · 2018/02/25(日) 01:03:40.42

レスする数と頻度が多すぎなんだよ。
現実世界では無口なんだろ？
あと自演する癖があるようだけど何度もバレてるんだからいいかげんやめとけよな。
ここはあんたの自己顕示欲を満たす場じゃないんだぜ？
そんなに筆が進むならブログでもやればいいのに。

**Name_Not_Found** · 2018/02/25(日) 01:06:17.62

あぁ、これだけ言ってもまだ一人の発言だと
思ってるのね（苦笑）

**Name_Not_Found** · 2018/02/25(日) 01:25:07.64

百歩譲って自演は一度もしてないとしても
胸に手を当てて思い返してくれ自分の行動を。
あんなに貼りついてレスしまくるのは異常だぞ

ここはニュー速でもチャットの場でも無いんだ

**Name_Not_Found** · 2018/02/25(日) 01:27:56.56

胸に手を当てても俺じゃないことははっきりしてるな
他の誰かの話かな

**Name_Not_Found** · 2018/02/25(日) 01:54:34.22

>>651
ブラウザが表示できない以上まだまだ時代ではないが。

**Name_Not_Found** · 2018/02/25(日) 01:56:45.91

>>637
取ら「れれる」方ｗｗｗ
やっぱ日本語通じない感じっすかねぇｹﾞﾗｹﾞﾗ

**Name_Not_Found** · 2018/02/25(日) 02:00:12.20

>>663
開発の現場ではすでにビルドして生成するのが普通なんだよ。
でないと高速化のためのファイルの結合とか圧縮（minify）とかどうするのさ？
今の時代の基本的なことすらできやしないぞ

**Name_Not_Found** · 2018/02/25(日) 02:01:12.60

>>663
ブラウザーが直接表示できるかどうかを基準にすると
面倒くさくない?

**Name_Not_Found** · 2018/02/25(日) 02:04:32.55

なんか縛りプレイーでもしてるんだろｗ
その縛りでなにかメリットがあるのか知らんが

**Name_Not_Found** · 2018/02/25(日) 02:23:54.91

別スレ立てればいいじゃん
ここでやるから揉めるんだよ

**Name_Not_Found** · 2018/02/25(日) 02:36:04.49

分けた所で無駄だろう
関連技術なんだからどうしても話題に出る

**Name_Not_Found** · 2018/02/25(日) 02:39:07.55

https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q14155029574

**Name_Not_Found** · 2018/02/25(日) 02:42:08.50

sayohagenkiさん2016/1/2302:40:26
リカオン株式会社のＳＥＯ対策の営業マンが契約を渋ると暴言をあびせられました。

「占い師のくせに先を見て決断ができないのか」「電話でアポとった奴は元ヤンで仕事できないのにあんたは占い師のくせに見抜けてないやないか。」

「俺の年収は１１００万円。営業は即日即決。今日、これくらいの契約できないあなたは金持ちにはなれない。」

「あんたみたいな営業を少しかじったみたいなやつがこうして営業を低くみるんだ。わが社は無駄な営業まわりはしない。どうせ考えさせてくれという返事はそのあとやっぱり家族などに反対されたとかなる。」

「あとで何を調べたいん？どうせＳＥＯ対策のこととか自分で調べてもわかるはずない。」

「今日、契約しないのなら私の方から先生のことは二度とお世話する気はありませんから。」

ちなみに契約内容は月70000円 7年間契約約５６０万円を４１０万円にする

ホームページを３つのキーワードを決めて上位に出すことで宣伝効果絶大ＳＥＯ対策というものというこはわかりましたが、本当にいやな思いをしましたし、この会社まともな会社なのでしょうか。
あの営業マンの罵声は途中から録音してとっています。家族が怖がっているので、何か情報がありましたら教えてください。

補足
占い師というのは私のことです。私は離婚や人間関係のことで悩んでいる方たちの悩み相談室で、タロットを使っているということです。

**Name_Not_Found** · 2018/02/25(日) 07:42:14.70

>>668
なぜか頑なにでていこうとしないんだよね何回もいってんのに

>>669
その度に誘導すればよい
jsとjqだって別れてる

>>665
そうだね
すごいね

>>666
どのへんがめんどくさいと思うの？

**Name_Not_Found** · 2018/02/25(日) 08:29:05.11

>>672
ブラウザーには種類とバージョンがあるから

**Name_Not_Found** · 2018/02/25(日) 08:34:51.27

頭沸いてんのかな？

**Name_Not_Found** · 2018/02/25(日) 10:23:56.64

>>669
無駄じゃないでしょ
cssのコードだせば十分な質問しかこないのに
scssって言葉が含まれてる回答が的を得ていたことなんて１度もない

**Name_Not_Found** · 2018/02/25(日) 11:46:23.75

> scssって言葉が含まれてる回答が的を得ていたことなんて１度もない

それがまさに>>558なんじゃないのか？

> 特殊なレイアウトのスタイルかくとき
> 親に１つだけクラスつけてセレクタでもぐってスタイルかく？
> それとも要素１つ１つにクラスつける？
>
> 前者だとHTMLがきれいだけどＣＳＳが汚いし
> 間に要素追加したりするとセレクタ指定全部かきなおしになる
>
> 後者だと使い回しが聞くけどＨＴＭＬが汚くなるし
> サイト全体で移行繰り返したりするとどんどん使いもしないクラスがたまっていくよね

整理すると以下の２つどちらが良いか？

1. 親に１つだけクラスつける
2. 要素１つ１つにクラスつける

前者
　メリット　・・・　HTMLがきれい
　デメリット　・・・　CSSが汚い、間に要素追加したりすると書き直しが必要
　（ただしこの２つのデメリットはSCSSを使えば解決する）

後者
　メリット　・・・　使い回しが聞く（SCSSでもそれは可能）
　デメリット　・・・　ＨＴＭＬが汚くなる。使わないクラスがたまっていく

まとめると、SCSSを使うと前者の方法はメリットしか無く、
後者はデメリットしかなくなるということになる

**Name_Not_Found** · 2018/02/25(日) 12:29:44.14

最後の２行いらないじゃん
質問者が聞きたいのはどっちがいいかであって何を使うかなんて聞いていない上に
どっちもＳＣＳＳを使えばできるんだから書く必要もない

**Name_Not_Found** · 2018/02/25(日) 12:41:56.33

＞間に要素追加したりすると書き直しが必要
＞　（ただしこの２つのデメリットは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は一切修正の必要がないって意味じゃないの

**Name_Not_Found** · 2018/02/25(日) 13:31:29.49

>>678
> 解決しないじゃん
> 結局修正は必要だろ
？

> 前者だとHTMLがきれいだけどＣＳＳが汚いし
> 間に要素追加したりするとセレクタ指定全部かきなおしになる

セレクタ指定全部かきなおしは不要になるって言ってるんだけど？

**Name_Not_Found** · 2018/02/25(日) 13:34:49.23

>>678
中途半端に引用するな
> 間に要素追加したりするとセレクタ指定全部かきなおしになる
って話だろ

>>553 を元に例を書くと

.labeledImage { ・・・ }
.labeledImage .text { ・・・ }
.labeledImage .image { ・・・ }

間に要素追加っていうのは途中にdivが入ったら

.labeledImage div { ・・・ }
.labeledImage div .text { ・・・ }
.labeledImage div .image { ・・・ }

みたいにセレクタ指定全部書き直しになるってことだ

SCSSだとネストできるから、間にdivが入ったら、
その場所だけの修正で良い

.labeledImage div {
　.text { ・・・ }
　.image { ・・・ }
}

**Name_Not_Found** · 2018/02/25(日) 13:39:16.82

スレ違いが糞

**Name_Not_Found** · 2018/02/25(日) 13:42:55.98

すれ違いでもなんでもないんだよな。

結局のところ、こっちのやり方のほうがHTMLがシンプルになりますが、
CSSが複雑になりますどうしましょう

って悩みなのでSCSSを使えば解決する。が答えとなる

**Name_Not_Found** · 2018/02/25(日) 13:46:52.37

例えばこれ、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 {}

**Name_Not_Found** · 2018/02/25(日) 13:48:43.11

>>682
どうしましょうなんて言ってないだろ笑
うどんとソバの喩えは頭悪すぎだろって思ってたけどいよいよ正解に思えてくるぞ笑

**Name_Not_Found** · 2018/02/25(日) 13:51:47.54

>>680
ちょっとまて…なんでその書き方で途中にdivが挟まったらセレクターまで全部div追加になるの？？？

**Name_Not_Found** · 2018/02/25(日) 13:57:03.82

こんな感じに書くことができる

.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 {}
　}
}

**Name_Not_Found** · 2018/02/25(日) 13:59:28.27

>>685
本当に応用が効かないやつだなｗ
divって言ったら本当にdivの場合しか思いつかないのかよ
他に.textや.imageがあるとか考えないのかよ

**Name_Not_Found** · 2018/02/25(日) 14:15:30.95

自分が質問者のレベルに合わせるのではなく、
質問者を自分のレベルに合わせようとするのが間違い

**Name_Not_Found** · 2018/02/25(日) 14:24:03.17

カップ麺をよこせと言ってるんだからカップ麺をよこせ。体に悪いですよとか余計なお世話だ。

**Name_Not_Found** · 2018/02/25(日) 14:29:39.88

>>688
質問者を初心者と決めつけて
上から目線で話をしろってこと？ｗ

**Name_Not_Found** · 2018/02/25(日) 14:30:47.47

>>689
質問者の態度としてふさわしいね！（皮肉）

**Name_Not_Found** · 2018/02/25(日) 14:32:59.62

>>690
> 質問者を初心者と決めつけて
そんなこと言ってないし

> 上から目線で話をしろってこと？ｗ
そんなこと言ってないし

つまりは、自己中心的なだけだね
自分の視点でしか物事を見ない

**Name_Not_Found** · 2018/02/25(日) 14:35:37.66

>>692
意味不明。

質問者のレベルが仮に低いとして、俺のレベルに引き上げることは
自己中心でも何でもない

**Name_Not_Found** · 2018/02/25(日) 14:43:04.08

>>685
>>682 は子セレクタと勘違いしてると思われ

.labeledImage > img {}

**694** · 2018/02/25(日) 14:44:10.74

失礼、安価ミス
× 682
〇 >>680

**Name_Not_Found** · 2018/02/25(日) 14:53:39.50

>その場所だけの修正で良い
つまり修正がいるんだから解決してないじゃん

**Name_Not_Found** · 2018/02/25(日) 15:00:58.73

>>696
お前馬鹿だなｗ
九州から北海道まで行くのに歩いていけないんだから
どの乗り物を使っても一緒じゃんって言う馬鹿はいねぇよ

修正の量が違う。これが一番重要なこと

**Name_Not_Found** · 2018/02/25(日) 15:03:53.07

>>697
辛辣で草

**Name_Not_Found** · 2018/02/25(日) 15:10:28.29

修正の量でいったらクラス名こまめにつけておいたら０じゃん
text image って内部クラスもっておけばどこに何が追加されようとcssに一切手を加える必要がない
修正量が１か１０かより０か１かのほうがはるかに重要

最初のCSS作成(開発会社)はscss使うのは否定しないけど
運用後(顧客)はそんなもの必要ないようなコードにすべき

**Name_Not_Found** · 2018/02/25(日) 15:12:18.93

>>697
<div class="labeledImage">
<div>
<img>
</div>
</div>
この構造の時は

.labeledImage img{}
でも
.labeledImage div img{}
でも、どちらでも適用されるから、CSS/SCSSにまでdivをいれる修正をしなくても適用される

>九州から北海道まで行くのに歩いていけないんだから
違うな
その例え方でいうなら
「東京都のビッグサイト」という言い方から
「東京都の江東区のビッグサイト」という言い方に変える必要はない

**Name_Not_Found** · 2018/02/25(日) 15:18:45.73

>>697
css変更不可　html修正はサポートという条件だと
scssにわずかでも修正が必要になるのは当然ＮＧだろ
修正量の問題なんて関係ない

セレクタだけでcssかいていた場合
「html変更したらデザインが乱れたんですけどー」って無駄なサポートが必要になる

**Name_Not_Found** · 2018/02/25(日) 15:20:37.78

>>701
> scssにわずかでも修正が必要になるのは当然ＮＧだろ
別の話と混ぜるな。

本当に頭が悪いんだなｗ

**Name_Not_Found** · 2018/02/25(日) 15:22:18.49

面倒だから>>558がscssにわすかに修正が入ったらダメとな
何も言ってないことを示すためにもう一回引用するからな

> 特殊なレイアウトのスタイルかくとき
> 親に１つだけクラスつけてセレクタでもぐってスタイルかく？
> それとも要素１つ１つにクラスつける？
>
> 前者だとHTMLがきれいだけどＣＳＳが汚いし
> 間に要素追加したりするとセレクタ指定全部かきなおしになる
>
> 後者だと使い回しが聞くけどＨＴＭＬが汚くなるし
> サイト全体で移行繰り返したりするとどんどん使いもしないクラスがたまっていくよね

俺が言いたいのはscssを使えば、前者のデメリットと
後者のメリットが帳消しになるってこと

**Name_Not_Found** · 2018/02/25(日) 15:23:31.32

ということでscssを使うとcssの使い方の選択幅が
大きく広がるので、scssの話題をこれからもするぞと
宣言しておく

いい加減別の話題をしたら？
その話題に対して俺がscssで回答してあげるからさｗ

**Name_Not_Found** · 2018/02/25(日) 15:46:44.96

>>687
応用もなにも
.hoge .fuga とあってその後
間に.abcが挟まったのであれば
.hoge .abc .fugaは .hoge .fugaと一緒だろ…意味わからんわ

**Name_Not_Found** · 2018/02/25(日) 15:49:05.42

>>703
この引用の仕方はdataキチガイと一緒だわー
こいつが来るまで引用なんてめんどくさいことするやつ一人もいなかったよな

**Name_Not_Found** · 2018/02/25(日) 15:52:04.16

>>706
どうしてあんたはスレと関係ない話をし続けるの？

**Name_Not_Found** · 2018/02/25(日) 15:54:49.58

>>707
スレにあった話なんてここ最近0だろ？
ここはすでに雑談スレになったんだからなんも問題ない

**Name_Not_Found** · 2018/02/25(日) 15:58:02.47

>>694
こんだけscss云々言ってるやつが基本中の基本以前の子セレクタと子孫セレクタ間違えるかね？

**Name_Not_Found** · 2018/02/25(日) 16:03:30.41

はぁ、ほんと応用力がないというか

もしHTMLに、.hoge .text と .hoge div .text で
別々のものを割り当てたくなったとか考えないんだろうか

なんで、その例しか、世界に存在しないみたいに
考えてるんだろうかね。