X



HTML/CSS のどんな質問にも優しく答えるスレ 32
■ このスレッドは過去ログ倉庫に格納されています
0001Name_Not_Found
垢版 |
2018/03/14(水) 22:52:37.78ID:zpiIOMwj
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです

類似質問、重複質問、丸投げ大いに結構。HTML / CSS 関係の事なら何でもOK
分からない人は何回聞いても結構。質問するときはIDを出すためにメール欄を
age にすることをおすすめします。

回答してくれる方は優しい人のみ! 質問者に対して暴言を吐く人はこのスレを見るな!!
終わった話を蒸し返すやつは このスレにくるな!!!
自分で調べろという回答も禁止!!回答するかさもなくば何も書き込むな!!

質問側も節度あるレスで!質問前にスレ内を検索しましょう

■次スレについて
基本的にレスナンバー>>980を取った人(立てられない場合は次の宣言者)が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい(>>980を取った場合も)
立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう

■前スレ
HTML/CSS のどんな質問に必ず優しく答えるスレ 31
https://mevius.5ch.net/test/read.cgi/hp/1517028608/

■関連スレ
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
0690Name_Not_Found
垢版 |
2018/06/04(月) 16:59:14.49ID:???
ウェブサイトに求められているものが変わったからでしょ?
昔はポスター、新聞広告、チラシの延長で、見た目だけ気にしていればよかったのが
SEOとかで正しいタグを使うことが求められ、HTML/CSSの知識が必須となり
オーサリングツールを使っても結局テキストエディタとしてしか使ってないのだから
お金だけかかってメリットがないものが使われないのは当たり前
0691Name_Not_Found
垢版 |
2018/06/04(月) 22:55:47.92ID:???
>>688
あなたが使わない理由を説明すればいいのでは?
0692Name_Not_Found
垢版 |
2018/06/05(火) 00:16:05.86ID:???
>>688
単純に使いにくくなったからだよ
ブラウザごとに異なった対応を山程しなきゃならなかったっつー黒歴史があって
DWはそれに向いてなかった
0693Name_Not_Found
垢版 |
2018/06/05(火) 01:15:31.38ID:???
                    __ ,,rュ
                 , ィ´r'´ イ }`丶、
              ∠、_イ  /  j  ヽ ヽ
             /      ̄` ` 丶 、 l `、
            /             ``ヽ、j
              {     ''''''      ''''''     }
            l.                  j
              !、                l、
           ( ,}   (●),   、(●)、  {. )
             ゙l     ,ノ(、_, )ヽ、     !´
              l    `-=ニ=- '    ,!
                ゝ、    `ニニ´     ノ
              `丶、_   _ - '´
                    ̄
http://twitter.com/creditcardmiu/status/997554544769822720
みうの新note
0694Name_Not_Found
垢版 |
2018/06/05(火) 01:46:05.89ID:???
GItHubの先行き的にATOMはどうなるんだ
0695Name_Not_Found
垢版 |
2018/06/05(火) 04:12:03.01ID:???
>>694
あんまり干渉はしないんじゃないかなあ
VSCodeがよりGit使いやすくなるだけで
0696Name_Not_Found
垢版 |
2018/06/05(火) 05:09:53.51ID:???
> ブラウザごとに異なった対応を山程しなきゃならなかったっつー黒歴史があって
IEの呪縛からようやく逃れたから多少は楽できる
0697Name_Not_Found
垢版 |
2018/06/05(火) 08:24:52.45ID:???
VScode以外のエディタがますます衰退していくな
0698Name_Not_Found
垢版 |
2018/06/05(火) 16:42:51.75ID:RrZFSAt3
ねえ、ドリームウーバーつかってるときって一つ一つ手打ちしてるんですか?
0700Name_Not_Found
垢版 |
2018/06/05(火) 20:00:48.21ID:???
なのにどうして復権しないの?かつてのように?
0701Name_Not_Found
垢版 |
2018/06/05(火) 20:08:03.88ID:???
CCでも使ってみたからクソだって言ってるんだが?
0702Name_Not_Found
垢版 |
2018/06/05(火) 20:19:35.21ID:???
CCに親でも殺されたか?w
0703Name_Not_Found
垢版 |
2018/06/05(火) 20:31:13.00ID:???
こういう風にやたら人の道具を貶してるような奴は大した仕事してなさそうw
0704Name_Not_Found
垢版 |
2018/06/05(火) 22:36:16.20ID:???
エディタ論争は結局自分が使ってるのが1番って結論になるから無駄だな
0705Name_Not_Found
垢版 |
2018/06/05(火) 23:24:53.64ID:???
世の鄒勢がオーサリングツールからエディタに退化した合理的な理由を聞いているのであって、
どのエディタが好きかという話ではない。
0706Name_Not_Found
垢版 |
2018/06/05(火) 23:40:58.30ID:???
だからがオーサリングツールの開発効率が悪くなり
テストエディタの開発効率が良くなったからだと
0707Name_Not_Found
垢版 |
2018/06/06(水) 00:22:31.32ID:???
オーサリングツールのメチャクチャなコード見て保守したいと思うかってところじゃないの
0708Name_Not_Found
垢版 |
2018/06/06(水) 00:32:35.44ID:???
DW突然落ちるし重いし、さりとてフォトショやイラレとの連携が取れるかとったらたいしてとれないし
エディタ使った方がいい
0709Name_Not_Found
垢版 |
2018/06/06(水) 02:50:08.71ID:???
エディタがデファクトのせいでHTMLやCSS覚えなきゃならん。ほんまクソ。
0711Name_Not_Found
垢版 |
2018/06/06(水) 06:12:55.99ID:???
> CCに親でも殺されたか?w
luckerと同じ発想だなあ
ひょっとして、ご本人様ですか?
0713Name_Not_Found
垢版 |
2018/06/06(水) 14:04:38.43ID:BvDX3O2M
CSSでbrと同じ分だけのスペースになるようにmargin-bottomで指定する方法はありませんか?
0715Name_Not_Found
垢版 |
2018/06/06(水) 15:23:54.91ID:muB2H79o
>>699
落ち着かれよ
今のDWがどうのこうのの話ではなかろう
10年くらい前の話だ
0717Name_Not_Found
垢版 |
2018/06/06(水) 23:58:01.08ID:???
htmlとcssとjavascriptのファイルやフォルダの保存名についてなのですが、
通常はフォルダやファイルの名前は全て小文字で保存・管理するのでしょうか?
他にも、頭文字だけ大文字か、全て大文字とかあると思うのですが・・・
0718Name_Not_Found
垢版 |
2018/06/07(木) 00:02:20.45ID:UE1XsC3F
>>717
OS/ファイルシステムによっては大文字小文字を区別したりしなかったりするので
どちらかで統一したほうが無難
0719Name_Not_Found
垢版 |
2018/06/07(木) 00:21:01.61ID:???
だいたい慣習的に小文字やね
0720Name_Not_Found
垢版 |
2018/06/07(木) 00:54:11.13ID:???
>>718
>>719
ありがとうございます!
全て小文字が無難そうですか

すみません、もう1つお聞きしたいのですが、
2単語以上からなる場合、例えば、
about me というファイルやフォルダを作りたい場合の命名は、
スペースを入れてabout me なのか、アンダーバーを入れてabout_me
どちらの方が無難でしょうか?
0721Name_Not_Found
垢版 |
2018/06/07(木) 00:54:55.21ID:UE1XsC3F
>>720
スペースはおすすめしない
0722Name_Not_Found
垢版 |
2018/06/07(木) 05:05:01.30ID:???
>>720
>スペースを入れてabout me

現場でやられたら
真空波動拳くらいは許されるレベル
0724Name_Not_Found
垢版 |
2018/06/07(木) 07:25:36.44ID:???
Ruby on Rails では、クラス名は、Upper Camel case (ラクダ) / Pascal case。
例えば、CatFood

ファイル名は、Snake case (蛇)
cat_food

Linux では、A・a は異なるファイルになるけど、
Windows では、同一のファイルになるから、大文字を使うと危険!

小文字・アンダーバーだけを使うべき
0725Name_Not_Found
垢版 |
2018/06/07(木) 07:50:11.95ID:???
>>721-724
スペースは使わずに、アンダーバーだけが良いのですね
大文字小文字の区別がない場合は大変ですね・・・
とても助かりました
教えて頂きどうもありがとうございました!
0726Name_Not_Found
垢版 |
2018/06/07(木) 08:16:19.02ID:???
ハイフンも仲間に入れてあげて
0727Name_Not_Found
垢版 |
2018/06/07(木) 09:13:20.74ID:???
オッカムの剃刀について、伊勢田哲治は次のように説明した。
例えば、等速直線運動に対する次のような説明があったとする。

外から力がかからない物体は、神が等速でまっすぐに動かし続けている。

この場合、「神が」という部分が説明に不要である、として切り落としてしまうのがオッカムの剃刀だとし、すると次のような説明が得られるとした。

外から力がかからない物体は、等速で直進する。

>>724の場合、Ruby on Railsが説明に不要である。
0728Name_Not_Found
垢版 |
2018/06/07(木) 09:39:10.29ID:xB+aiWA3
一部のスマホで縦スクロールできる画面を全力で一番下まで持っていくと
下の部分だけタップ出来なくなりますが皆さんはどのように対策してますか?
0729Name_Not_Found
垢版 |
2018/06/07(木) 09:47:37.99ID:???
>>720
URLはアンスコじゃなくハイフンを使うのがSEO的にはいい
というのも、ハイフンは単語の句切りとして扱うけどアンスコは単語の一部としてひとまとまりにされるから
「about-me」は「about me」と認識されるけど「about_me」は「about_me」という一つの単語として認定される
と、Google自身が説明してる
0730724
垢版 |
2018/06/07(木) 11:06:20.07ID:???
Rails で例えたのは、Rails をまねたフレームワークが多いから。
たぶん、名前規約も同じ

クラス名が、CatFood なら、
ファイル名は、cat_food

機械的に置き換えられる
0731Name_Not_Found
垢版 |
2018/06/07(木) 12:56:30.59ID:???
Rails真似てるってまじで?
そんな最近の話なん?

蛇、駱駝、鎖、ハンガリー人のバトルはもっと古くからあったじゃん?
自分がC言語を齧りかけてた90年台には、パソ通のボードでよく見た
BASICにハマってた80年台は、通信手段持ってなかったのでよくわからんけど
0732Name_Not_Found
垢版 |
2018/06/07(木) 13:11:51.48ID:???
ruby信者のウリジナル発言は今に始まったことじゃないから。
0733Name_Not_Found
垢版 |
2018/06/07(木) 13:16:56.22ID:???
駱駝は読みづらくて仕方ない老眼です…
0736Name_Not_Found
垢版 |
2018/06/07(木) 14:06:05.26ID:???
ハイフナイズという言葉は初出から200年もたってないから、歴史的には最近の話
0738Name_Not_Found
垢版 |
2018/06/08(金) 12:07:05.06ID:???
スペースをおすすめしないもっとちゃんとした理由を知っとけよ。

URIで使って良い文字の中に含まれてないからな。
半角スペースはURIでは%20になるんだよ。

だから、about%20meになってしまう。
0739Name_Not_Found
垢版 |
2018/06/08(金) 12:17:01.99ID:???
>>738
なるとなにか問題あるの?って話ですよ
0740Name_Not_Found
垢版 |
2018/06/08(金) 12:21:04.62ID:???
読みづらいし文字数が増えるからダメなんだよ。
ハイフンやアンスコの方が読みやすい。
0741Name_Not_Found
垢版 |
2018/06/08(金) 12:22:32.85ID:???
about 100 yearsとかだと数字が混ざる。
0742Name_Not_Found
垢版 |
2018/06/08(金) 12:30:25.78ID:???
制作中もめんどくさいぞ
cd about me
→そんなディレクトリはないと怒られる
cd about\ me
→こうしていちいちエスケープする必要がある
0743Name_Not_Found
垢版 |
2018/06/08(金) 12:34:24.98ID:???
世の中にはアンダースコア打つのにも
いちいちShift押さなきゃ行けない人がまだ沢山いるんですよ!
すこしは気を使って!
0744Name_Not_Found
垢版 |
2018/06/08(金) 18:11:37.45ID:???
何をくだらんことでじじいがマウント取ろうとしてるんだがw
0745Name_Not_Found
垢版 |
2018/06/08(金) 18:28:14.05ID:???
Shiftが不要ってどんな環境?
スマホとかのことを言ってる??
おじいちゃんだからマジでわからないw
0746Name_Not_Found
垢版 |
2018/06/08(金) 18:49:06.29ID:???
おじいちゃん、さっき死んだでしょ!?
0747Name_Not_Found
垢版 |
2018/06/08(金) 19:14:18.04ID:???
macOSはシフトなしでアンダースコア出るな

0x5Aと0x5C両方のキーを用意しないってことが出来たのは
ハードまで作ってるアップルの強みだわな
0748Name_Not_Found
垢版 |
2018/06/08(金) 20:35:24.58ID:jEzWjz8/
microsoft forms のiflameを埋め込んだページのiflame部分をクロームで見るとすぐ読み込むのですが、ie11だとローディング状態から進みません。どのようなことが原因と考えられるでしょうか?
0749Name_Not_Found
垢版 |
2018/06/08(金) 20:38:57.01ID:F5gGPlWy
IEにはよくあること
0750Name_Not_Found
垢版 |
2018/06/08(金) 20:44:10.49ID:jEzWjz8/
>>749
仕事で必要でf12モードからヒントなど調査できますでしょうか?
0751Name_Not_Found
垢版 |
2018/06/08(金) 20:48:51.83ID:???
>>750
コンソールと、ネットワークのところ見てみれば?

ていうかMSの開発者もやっぱ
IEは後回しにしてんのかね
0752Name_Not_Found
垢版 |
2018/06/08(金) 21:30:43.70ID:???
IEはもうセキュリティアップデートだけじゃないの?
0753Name_Not_Found
垢版 |
2018/06/08(金) 21:34:21.82ID:jEzWjz8/
ビジネス用途だとまだまだ使ってる
0754Name_Not_Found
垢版 |
2018/06/08(金) 21:44:17.21ID:???
>>752
Mcrosoft FormsってのはMSのサービスで
Webベースのアンケートフォームを手軽に作れちゃうやーつ

それがChromeで問題ないのにIEでコケるってことは
開発時にIEをないがしろにしてるのかなーって
0755Name_Not_Found
垢版 |
2018/06/08(金) 22:07:00.38ID:jEzWjz8/
>>754
googleでも類似品あるんでしょ?
0756Name_Not_Found
垢版 |
2018/06/08(金) 22:15:49.97ID:???
>>755
あるね
うちの会社たまに使われてるわ
総務から「給茶機のお茶の種類どれがいいですか?」とか
そんなレベルだけど
0757Name_Not_Found
垢版 |
2018/06/08(金) 22:18:41.08ID:???
>>747
> macOSはシフトなしでアンダースコア出るな
アンダースコアはSHIFT+-だけど
もしかしてJISキーボードなんか使ってるの?
USキーボードが世界標準だよ
0761Name_Not_Found
垢版 |
2018/06/09(土) 00:20:49.99ID:???
時々、いままでどうやって生息してたんだろってくらい
頭のおかしいデザとかディレクターいるよな
0762Name_Not_Found
垢版 |
2018/06/09(土) 00:23:33.52ID:???
まあ自分と異なる人を
頭がおかしいと表現するのもいささか
0763Name_Not_Found
垢版 |
2018/06/09(土) 00:31:12.41ID:Oh5OX80V
>>762
語彙が少ないんだろう
0764Name_Not_Found
垢版 |
2018/06/09(土) 00:39:49.78ID:???
今のトレンドです!とか言って4,5年前流行ったデザイン出してくるデザイナーはいるな
現実見ろよと言いたくなる
0765Name_Not_Found
垢版 |
2018/06/09(土) 00:44:07.93ID:Oh5OX80V
>>764
今の流行りってどこでわかるの?
0767Name_Not_Found
垢版 |
2018/06/10(日) 16:42:42.29ID:???
4〜5年前ならまだいいけど
それいつの?!ってサイトあるからなぁ
企業のサイトに多いけど
大手ですらおまそれ10年前やろってままのあるし
0768Name_Not_Found
垢版 |
2018/06/10(日) 16:46:34.06ID:???
IT企業やサービス業でなければ、見えれば良いって思ってるから。
XHTMLの一部上場企業を探すのも苦労しない。
0769Name_Not_Found
垢版 |
2018/06/10(日) 16:49:57.90ID:???
>>767
えとな。企業っていうのはサイトを公開するのが仕事じゃないんだ
ケーキ屋だったらケーキを作る
花屋だったら花を売るのが仕事なんやで
0770Name_Not_Found
垢版 |
2018/06/10(日) 16:54:10.02ID:???
それは工場の仕事であり、企業の仕事はもっと広いのです
0771Name_Not_Found
垢版 |
2018/06/10(日) 16:59:50.16ID:???
PDFの裏にあるPostScriptなんか誰も気にしないのと同じ。
0772Name_Not_Found
垢版 |
2018/06/10(日) 18:53:33.23ID:???
>>753
未だにそんなものをビジネス用途で使うとこは会社の体制を疑うわ
0773Name_Not_Found
垢版 |
2018/06/10(日) 18:55:23.54ID:???
>>767
その位年数経てば一回りして逆にいいかもしれんw
0774Name_Not_Found
垢版 |
2018/06/11(月) 02:30:07.77ID:???
ウェブサイトなんて目的を達成できてればそれでいいからな
0775Name_Not_Found
垢版 |
2018/06/11(月) 13:21:44.29ID:eZbOqbqM
阿部寛「ウェブデザインは最新に限る」
0777Name_Not_Found
垢版 |
2018/06/11(月) 17:53:42.55ID:???
阿部さんのほ〜むペ〜じは
1996〜8年の最新トレンドだからな
でも最近、また横にメニューフレームおくデザイン流行ってるから
20年たって一回りしたのかも
0778Name_Not_Found
垢版 |
2018/06/11(月) 21:09:42.60ID:???
トップページのソース9行しかねぇ
0779Name_Not_Found
垢版 |
2018/06/12(火) 12:52:09.08ID:???
sassの教科書買おうか迷ってるんだけど買わなくても身につく?どうしよう。
0780Name_Not_Found
垢版 |
2018/06/12(火) 13:31:25.13ID:???
>>779
タイトルしか知らないけど
特に困ることはないな
0781Name_Not_Found
垢版 |
2018/06/12(火) 13:51:44.62ID:???
ネットで入門って検索してたら大抵のことは身につかないかね…
0782Name_Not_Found
垢版 |
2018/06/12(火) 14:04:54.65ID:???
>>781
そう?
95年に始めて以来、本なんて
おじさんほとんど買ったことないよ
わからんことは作った人に聞くのが一番だよ
0785Name_Not_Found
垢版 |
2018/06/12(火) 23:51:14.44ID:???
昔はネットの情報も少ないし通信費もあったしで
本とかかったけど今はネットで検索する方が早いからなぁ
0786Name_Not_Found
垢版 |
2018/06/13(水) 11:45:18.13ID:???
ブラウザ間での改行幅の扱いで困ってます

Chromeでpreで囲まれた範囲をマウス右ドラッグすると次の画像のようになります
https://i.imgur.com/XkPkMkF.jpg
改行幅の指定がおかしいのかとline-heightやfont-sizeなど関連するCSSを
いじっても一向に変化しません
もちろんFirefoxではそうならずに改行幅とフォントサイズは一致しており、
上の画像のように重なった部分は現れずドラッグした範囲は一色で塗りつぶされます
これを解消するには改行幅を充分に(150%など)とるしかありません

何が困るかと言うとこのpreの内部で特定文字にだけbackground-colorした場合に
塗られる範囲が上下行にかぶってしまい、上下行の文字が見えなくなるのです
確か過去バージョンのChromeではこんな重なりは無かったように思います
この塗りの範囲を改行幅(行の高さ)を維持したままでCSSでどうにかする方法はあるのでしょうか?
また何かヒントがあれば教えていただけるとありがたいです
0788Name_Not_Found
垢版 |
2018/06/13(水) 14:14:43.46ID:???
>>786
今書いているコードを見せないとはどう言う了見だい?
0789Name_Not_Found
垢版 |
2018/06/13(水) 14:37:51.54ID:???
>>786
ならない
preだけじゃなくなんかタグがある or cssでなんかやってる
■ このスレッドは過去ログ倉庫に格納されています

ニューススポーツなんでも実況