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
0588Name_Not_Found
垢版 |
2018/05/21(月) 10:19:08.64ID:???
>>587
カスタマイズが比較的簡単だから今のバージョンはかなり良くなってるよ
0589Name_Not_Found
垢版 |
2018/05/21(月) 10:59:48.51ID:???
そんなのBulmaとかセマンティックULだって同じだしな
0590Name_Not_Found
垢版 |
2018/05/21(月) 11:25:33.71ID:???
あれUIじゃなくてULなのか…
0591Name_Not_Found
垢版 |
2018/05/21(月) 11:59:39.24ID:???
例えば、Ruby on Rails なら、bootstrap-sass という、gem がある。
有名なフレームワークは、gem を作る人も多いから

手軽に導入できる！Ruby on RailsでBootStrapを使う方法【初心者向け】
https://techacademy.jp/magazine/7663
0592Name_Not_Found
垢版 |
2018/05/21(月) 12:38:26.14ID:???
web開発では当初はsassが使われていたもののrubyが遅すぎる、sassだけnpmのバージョン管理に乗れず別管理になるしかもwin/mac両対応環境の構築が(rubyのせいで)不可能などというデメリットがありnode-sassモジュールに取って変わられてしまった。
sassはよいプロダクトだったが、rubyが糞だった。
いまやそのsass自身もpostcssに取って変わられつつある(機能ごとに個別にプラグイン入れる方式)
0593Name_Not_Found
垢版 |
2018/05/21(月) 12:48:36.83ID:???
sass のような CSS の生成って何でそんなに性能が影響するものなの？
0594Name_Not_Found
垢版 |
2018/05/21(月) 12:55:21.13ID:???
node sassやlib sassが出来てだいぶ経つし
そんなに困ることねえけどなあ
0595Name_Not_Found
垢版 |
2018/05/22(火) 01:19:12.73ID:???
最近ちらほら見るフレームワークってなんですか？
0597Name_Not_Found
垢版 |
2018/05/22(火) 09:24:34.89ID:???
画像を縦横比を維持したままボックス内に収めるためにobject-fitてのを使って
img {width:500px; height:500px; object-fit:contain;}
とか指定して期待通りの表示にはなったんだけど、この拡大・縮小表示された画像の幅高さの両方をを取得する方法はある？
取得するのはJavaScriptだからCSSしか知らない人にはわからないかな？
0598Name_Not_Found
垢版 |
2018/05/22(火) 09:32:15.47ID:???
そういうのはJSでやるしかないね
0600Name_Not_Found
垢版 |
2018/05/22(火) 16:01:03.72ID:???
>>599
アクセス数を集めるためにやってるからね
名前が多ければそれだけ検索にヒットしやすい

SEOとかいうゴミ技術だよ
役に立たないと言うのにね

役に立たないというのはヒットした所で
ゴミ情報だって気づくからまともに読まれやしない
0601Name_Not_Found
垢版 |
2018/05/22(火) 18:40:51.28ID:???
>>599
自己申告だからウソではないけどなｗ
0602Name_Not_Found
垢版 |
2018/05/22(火) 18:45:07.42ID:???
何も使わないのが一番軽くてソースもシンプルで見やすい
0603Name_Not_Found
垢版 |
2018/05/22(火) 21:10:59.32ID:???
分母によるんじゃない？
40個のうち38個だとばかだけど500個のうち38個だと厳選と呼べるかと
実際世の中に何個あるのか知らないけど
0604Name_Not_Found
垢版 |
2018/05/22(火) 22:30:04.02ID:???
ruby sassは非推奨になっただかなるだかだよ
0605Name_Not_Found
垢版 |
2018/05/23(水) 16:24:45.52ID:???
CSSフレームワークとして知ってるもの全部あげたような38個
0606Name_Not_Found
垢版 |
2018/05/23(水) 16:26:59.28ID:???
そういえばフレームワーク専用のスレッドがないな
0607Name_Not_Found
垢版 |
2018/05/25(金) 17:14:07.32ID:???
ゲーム系の複雑なフローツールを資料出力したいんですが、mermaid.js使ったらはみ出たり横幅固定だったりで微妙な資料になってしまいました
より適したライブラリややり方はありませんでしょうか、Cで他のcsv読み取って書き込むプログラムでの作成なのでツールやソフトが使用できないといった形です
0608Name_Not_Found
垢版 |
2018/05/30(水) 16:49:29.54ID:???
質問です
画面の下半分に
あるワードに対するグーグルの検索結果を表示することは出来るでしょうか？
とりあえずiframeでは駄目でした
0610Name_Not_Found
垢版 |
2018/05/30(水) 21:40:02.10ID:???
じゃ上半分でいいのでよろしくお願いします
0611Name_Not_Found
垢版 |
2018/05/30(水) 21:58:25.85ID:???
PHPとかのバックエンド使わないと無理じゃね？
sameoriginにしてると思うぞ
0612Name_Not_Found
垢版 |
2018/05/31(木) 02:51:23.08ID:???
SASS　SCSS　どっちももう終わりなの？
0614Name_Not_Found
垢版 |
2018/05/31(木) 09:05:36.23ID:???
始まりあるものには必ず終わりがあるから。
終わりたくないなら生まれる前に消し去るしかない。
0615Name_Not_Found
垢版 |
2018/05/31(木) 09:11:07.89ID:???
>>614
答えになってないのはわかるかな？
お前の人生はもう終わりってことかな
だって>>614
0617Name_Not_Found
垢版 |
2018/05/31(木) 13:50:42.08ID:l4LAFus9
>>612
終わらないよ
そのソフトウェアと実行環境が手元にある限り
未来永劫使うことが出来るよ
たとえ自分以外誰も使わなくなったとしても
0618Name_Not_Found
垢版 |
2018/05/31(木) 15:00:54.93ID:???
それでも、といい続けろオルステッドー！ってやつか。
0619Name_Not_Found
垢版 |
2018/05/31(木) 16:58:33.99ID:???
外国では、SCSS の使用率は、100%！

日本でも、50% は有りそう
0620Name_Not_Found
垢版 |
2018/06/01(金) 01:20:04.56ID:???
>>617
いい大人が屁理屈ばかり並べなさんな
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上のどこにあるか

いいことを教えてあげよう
通信スキーマ、ホスト名、ドキュメントルート起点の絶対パス
この３つを組み合わせたそれは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
こういう自分らが基準ってバカがいるからこの業界は駄目なんだわｗ
0663Name_Not_Found
垢版 |
2018/06/02(土) 04:20:05.77ID:???
>>659
界隈だとさｗ
この世界はコロコロ変わるのに何を今更ｗ
0664Name_Not_Found
垢版 |
2018/06/02(土) 07:07:08.20ID:???
だが、ルート相対パスが使われる世界に変わったことはない
0665Name_Not_Found
垢版 |
2018/06/02(土) 07:07:51.68ID:???
>>662
DreamWeaverが基準なんですね。だからお前は駄目なんだわｗ
0666Name_Not_Found
垢版 |
2018/06/02(土) 08:50:42.49ID:???
>>665
じゃあお前は何を基準に仕事してるんだと？
道具を笑う前に自分の道具を晒せやｗ
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番だと思い込んでるから堂々巡りよ
■ このスレッドは過去ログ倉庫に格納されています
ニューススポーツなんでも実況