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
0621Name_Not_Found
垢版 |
2018/06/01(金) 08:49:30.00ID:???
>>620
>>614が屁理屈こねてるから、そういう返しなんじゃない?
0622Name_Not_Found
垢版 |
2018/06/01(金) 10:52:01.50ID:???
>>620
どの辺が屁理屈なん?
最終的に吐かれるCSSの仕様が大きく変わらない限り
ずっと使ってても問題なくね?
0623Name_Not_Found
垢版 |
2018/06/01(金) 15:17:25.13ID:???
知識をつけるためにまず参考になるサイトのソースを真似て
そこからアレンジを加える

↑のやり方を実施しようとしたんだけど
全く同じソースで真似をしても同じ
形にならない原因が分からない

知識ゼロなのが悪いのか、考えが甘いのか
真似をする際にどこか抜けている場所があるのかな?
0624Name_Not_Found
垢版 |
2018/06/01(金) 18:57:49.08ID:???
来年末にはみんなPostCSSだろ
0625Name_Not_Found
垢版 |
2018/06/01(金) 19:37:36.29ID:???
>>623
diffとってみたら?

同じソースを書こうとしなくていいと思うよ
丸コピーして、わかりそうなところを書き換えて
どこが変わったのか見てみる
ってのを繰り返すといいよ、最初は
0626Name_Not_Found
垢版 |
2018/06/01(金) 19:50:50.19ID:???
質問です
「ルート相対パス」という用語の初出はどこかご存知の方いますか?
個人的にはDreamWeaverかAdobe GoLiveのマニュアルあたりではないかと踏んでいるのですが

../../foo/var ← 相対パス
/foo/var ← 絶対パス
http://foo.com/var/hoge ← URL

と説明してたら、Web界隈の人に袋叩きにされました…
0627626
垢版 |
2018/06/01(金) 19:54:52.15ID:???
すみません追加で
勉強してみた結果、Web界隈では

../../foo/var ← 相対パス
/foo/var ← ルート相対パス
http://foo.com/var/hoge ← 絶対パス

と呼ぶことは学んだのですが
この場合、絶対パスの

http ← スキーム
foo.com ← ホスト名
/var/hoge ← この部分はなんと呼ぶのでしょうか?
0628626
垢版 |
2018/06/01(金) 19:58:51.61ID:???
なんどもすみません
目的は、なんでルート「相対」パスになったのか、を調べたかっただけです

(ドキュメント)ルート(を起点にした)絶対パス

なら理解できるんですが
この呼び方が気に入らねえ!とかそういうあれではないです
よろしくお願いします
0629Name_Not_Found
垢版 |
2018/06/01(金) 21:35:02.90ID:???
>>627
俺はjserなのでpathnameと呼ぶ。
理由はlocation.pathnameで取れるから。
0630Name_Not_Found
垢版 |
2018/06/01(金) 21:58:52.70ID:???
>>628
(ドキュメント)ルート(を起点にした)相対パス
だからでしょ
0631Name_Not_Found
垢版 |
2018/06/01(金) 21:59:28.80ID:???
>>626
ドリームウィーバーMLで当時
ルート相対って呼び方キモいって話題になったような思い出
00年代初頭だと思う

初出がマクロメディアかアドビかはわからんすまん
0632Name_Not_Found
垢版 |
2018/06/01(金) 22:03:18.47ID:???
>>630
それはおかしいんじゃ?
2ファイル間のrelativeなパスだから相対パス
absoluteな起点からファイルへのパスだから絶対パス
なんだし
0633Name_Not_Found
垢版 |
2018/06/01(金) 22:06:17.12ID:???
考え方はCSSの
positionのrelative、absoluteと同じだよ
0634Name_Not_Found
垢版 |
2018/06/01(金) 22:14:31.43ID:???
「ルート相対パス」なんて用語はないよ

現在のファイルの位置を起点にするなら相対パス
そうでないなら絶対パス
0635Name_Not_Found
垢版 |
2018/06/01(金) 22:20:42.03ID:???
「起点からの相対的な場所を示すパス」が相対パス
「起点がなくそれだけで場所が特定される絶対的なパス」が絶対パス

http://example.com/foo/var
を現実世界に例えると
http://example.com が家だとすると /foo/var がその玄関からの相対的な場所(部屋)を示してる
/foo/var だけじゃWeb上のどこにあるかわからないでしょ
0637Name_Not_Found
垢版 |
2018/06/01(金) 22:23:49.18ID:???
あるんだなそれが
ルート相対パスでもroot relative pathでもググるとヒットしまくる
俺も変なの!って思ってる
ウェブ制作業界以外で通じるんだろうか?
0639Name_Not_Found
垢版 |
2018/06/01(金) 22:26:25.20ID:???
>>635
起点から相対ってw
それ絶対パスじゃんwww
0640Name_Not_Found
垢版 |
2018/06/01(金) 22:26:58.34ID:???
ルートからの相対パスを略してルート相対パスって言ってるだけだぞ
別に用語でもなんでもない
0643Name_Not_Found
垢版 |
2018/06/01(金) 22:31:00.06ID:???
>>635
>http://example.com/foo/var

>Web上のどこにあるか

いいことを教えてあげよう
通信スキーマ、ホスト名、ドキュメントルート起点の絶対パス
この3つを組み合わせたそれはURLって言うのだよ
0644Name_Not_Found
垢版 |
2018/06/01(金) 22:35:16.56ID:???
https://tools.ietf.org/html/rfc3986#section-3

ここになんて名前か書いてある

foo://example.com:8042/over/there?name=ferret#nose
の場合
foo ・・・ scheme
example.com:8042 ・・・ authority (= userinfo@host:port、userinfoとportは省略可能)
/over/there ・・・ path
name=ferret ・・・ query
nose ・・・ fragment
0645Name_Not_Found
垢版 |
2018/06/01(金) 22:36:46.74ID:???
絶対パスだろうが相対パスだろうが、
パスという単語が含まれていることから、
これはパスに対する用語
URLで言えば /over/there の部分がパス
0646Name_Not_Found
垢版 |
2018/06/01(金) 22:59:57.63ID:???
>>640
難しく考えすぎ

相対は二点間の相対的なパスを表すものだから
必ず./か../から始まる、ただし./は省略可能
つまり、/から始まる相対パスなんてないんだよ
0648Name_Not_Found
垢版 |
2018/06/01(金) 23:32:35.60ID:???
>>628
> 目的は、なんでルート「相対」パスになったのか、を調べたかっただけです
Adobeが提唱した言葉だから、DreamWeaver使いの間で広まっただけ(非正式用語)
https://teratail.com/questions/17299
0649Name_Not_Found
垢版 |
2018/06/01(金) 23:37:15.18ID:???
DreamWeaverだけの人間を
Web界隈の人と呼んでほしくないね
素人に毛が生えた程度の人間じゃん。ハゲのほうがまだまし
0650Name_Not_Found
垢版 |
2018/06/01(金) 23:48:13.01ID:???
>>649
DW使いでなくても二次情報を信じる人によって伝播していくんだよ
皆が一次情報だけを読むなら、こんな言葉は広まらない
Web界隈の人は皆、仕様書を人間だと思うかね?
0651Name_Not_Found
垢版 |
2018/06/01(金) 23:49:38.85ID:???
× Web界隈の人は皆、仕様書を人間だと思うかね?
○ Web界隈の人は皆、仕様書を読む人間だと思うかね?
0652Name_Not_Found
垢版 |
2018/06/01(金) 23:53:45.43ID:???
>>651
仕様書を読むかどうかは論点にしていない
DreamWeaverだけの人間をWeb界隈の人と呼ぶなと言ってる
ハゲ未満なんだから
0654Name_Not_Found
垢版 |
2018/06/01(金) 23:57:46.21ID:???
DreamWeaverだけの人間をWeb界隈の人と呼ぶなと俺が言ってる
0655Name_Not_Found
垢版 |
2018/06/02(土) 00:00:33.53ID:???
誰もいない方角に独り言を述べるスタイルか
0656Name_Not_Found
垢版 |
2018/06/02(土) 00:02:38.35ID:???
こいつ話わかってないのか
Web界隈の人なんて言ってるから
そいつはWeb界隈の人じゃないって
いってんだろうが
0657Name_Not_Found
垢版 |
2018/06/02(土) 00:12:57.36ID:???
>>656
君こそ話を読めてるの?
ルート相対パスと呼ぶ人が「DreamWeaverだけの人」とは限らないと否定されてるでしょ
0658Name_Not_Found
垢版 |
2018/06/02(土) 00:13:06.74ID:???
DreamWeaverだけの人間っていうのは
フォトショとかイラレとか昔印刷物を扱っていたやつを
ウェブサイトづくりに再利用できるようにしただけだからな
道具の力でウェブサイトが作れるだけで基本的にウェブ界隈とは関係ない人間
0659Name_Not_Found
垢版 |
2018/06/02(土) 00:13:55.98ID:???
ルート相対パスなんてDreamWeaverだけでしか使われていない
Web界隈からすれば、間違った用語
0661Name_Not_Found
垢版 |
2018/06/02(土) 03:58:35.11ID:???
>>648
当時もうAdobeだったっけ?
まだMacromediaじゃなかった?
0662Name_Not_Found
垢版 |
2018/06/02(土) 04:19:11.94ID:???
>>631
>>634
こういう自分らが基準ってバカがいるからこの業界は駄目なんだわw
0663Name_Not_Found
垢版 |
2018/06/02(土) 04:20:05.77ID:???
>>659
界隈だとさw
この世界はコロコロ変わるのに何を今更w
0664Name_Not_Found
垢版 |
2018/06/02(土) 07:07:08.20ID:???
だが、ルート相対パスが使われる世界に変わったことはない
0665Name_Not_Found
垢版 |
2018/06/02(土) 07:07:51.68ID:???
>>662
DreamWeaverが基準なんですね。だからお前は駄目なんだわw
0666Name_Not_Found
垢版 |
2018/06/02(土) 08:50:42.49ID:???
>>665
じゃあお前は何を基準に仕事してるんだと?
道具を笑う前に自分の道具を晒せやw
0669Name_Not_Found
垢版 |
2018/06/02(土) 12:31:20.43ID:???
>>666
今ってDW人口って業界のどれくらいなんだろう?

IDE派の人
エディタとSASSなどのツール派の人
とか色々いると思うけど
0671Name_Not_Found
垢版 |
2018/06/02(土) 12:38:19.58ID:???
>>669
CC時代になってからは手軽に導入できるしかなりいると思う
ていうかCC時代になるとDreameweaver8とかの時代とはまるで違うから
批判してる人は現状を見てない方なんでしょう
0672Name_Not_Found
垢版 |
2018/06/02(土) 13:12:52.45ID:???
昔はDW使いでなければ人に非ずみたいな感じだったのにほんの10数年でジジイしか知らないくらい落ちぶれたのは何故?
バカにしてるんじゃなくて、理由を知りたい。
だって少なくともエディタで手打ちとかより明らかに楽じゃん。
0673Name_Not_Found
垢版 |
2018/06/02(土) 14:32:42.56ID:???
> 昔はDW使いでなければ人に非ずみたいな感じだったのにほんの10数年でジジイしか知らないくらい落ちぶれたのは何故?

有料ツールだから
0674Name_Not_Found
垢版 |
2018/06/02(土) 14:34:14.27ID:???
Dreameweaverはウェブページを管理する作業がめんどくさいて聞いたなぁ
0675Name_Not_Found
垢版 |
2018/06/02(土) 15:00:39.90ID:???
DW素直に他のエディタより使いにくい
0676Name_Not_Found
垢版 |
2018/06/02(土) 17:46:19.27ID:???
>>675
今や他の方が使いにくくなった
CCになってからバージョンアップが早い
0677Name_Not_Found
垢版 |
2018/06/02(土) 18:04:18.60ID:???
>>676
じゃあワードプレスのテンプレートを作る方法を教えて
0678Name_Not_Found
垢版 |
2018/06/03(日) 19:11:03.86ID:???
>>672
>エディタで手打ちとかより明らかに楽

そうでもなかったからじゃない?
スタイルを入力するUIはハックに対応できなかったし
レンダリングされる画面も完璧ではなかった
0680Name_Not_Found
垢版 |
2018/06/04(月) 04:13:26.67ID:???
>>678
DWは一昔前とまるで違ってて今はもうUIからしてまるで違ってるね
CCになってから更新修正が随時行えるようになったのが大きいんだろうな
体験版でタダでお試しで使えるし試しに視察でもしてみては?
0682Name_Not_Found
垢版 |
2018/06/04(月) 12:31:50.23ID:???
そんなに良いならなぜ普及しないの?
昔のように。
0683Name_Not_Found
垢版 |
2018/06/04(月) 13:15:23.90ID:???
出力されるコードがカスだから
0684Name_Not_Found
垢版 |
2018/06/04(月) 13:36:46.20ID:???
> スタイルを入力するUIはハックに対応できなかったし
> レンダリングされる画面も完璧ではなかった
今のバージョンはそんなこともない
0685Name_Not_Found
垢版 |
2018/06/04(月) 13:46:33.09ID:???
なのに何故昔のように返り咲かないの?オカシイダロ
0687Name_Not_Found
垢版 |
2018/06/04(月) 14:10:23.38ID:???
こういう話題は自分らが使ってるのこそが1番だと思い込んでるから堂々巡りよ
0688Name_Not_Found
垢版 |
2018/06/04(月) 15:07:03.24ID:???
日本だけじゃなく世界規模でこんだけ利用者激減したんだから万民大納得の理由があったはずなんだよ!
これだれか説明してよ。
下手にオーサリングツール全盛期の頃を知りかじってる人が客だとなぜツールではなくエディタ使ってるのか説明しなきゃならないときがある。
けど俺は分からないので「エヘヘ…何ででしょうね…」
0689Name_Not_Found
垢版 |
2018/06/04(月) 15:14:57.17ID:0ihdrUrn
>>688
DW全盛期だった00年台と
今はウェブ制作に関わる層が変わっちゃったからじゃない?
10年台に入ってからはバックエンド、アプリ開発する人達が台頭してきて
フロントエンド屋もそっちに引っ張られてる感があるじゃん?
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
どちらの方が無難でしょうか?
■ このスレッドは過去ログ倉庫に格納されています

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