HTML/CSS のどんな質問にも優しく答えるｽﾚ 41

1

： Name_Not_Found [] 2019/09/10(火) 23:43:42.14

ID

:o3KaLSni

ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです

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

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

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

■次スレについて
基本的にレスナンバー

>>980

を取った人（立てられない場合は次の宣言者）が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい（

>>980

を取った場合も）
立てられない事が予め分かっている場合は、

>>980

付近の書き込みは自重しましょう

■前スレ
HTML/CSS のどんな質問にも優しく答えるｽﾚ 40
ttps://mevius.5ch.net/test/read.cgi/hp/1564569787/">ttps://mevius.5ch.net/test/read.cgi/hp/1564569787/

■関連スレ
Webサイト制作初心者用質問スレ part251
ttps://mevius.5ch.net/test/read.cgi/hp/1564414228/

■HTML
HTML Living Standard 日本語訳
ttp://https://momdo.github.io/html/index.html

■CSS
Selectors Level 4 日本語訳
ttp://https://triple-underscore.github.io/selectors4-ja.html

2

： Name_Not_Found [sage] 2019/09/11(水) 01:32:14.58ID:???

大正デモクラシーですわ〜

3

： Name_Not_Found [] 2019/09/11(水) 01:57:14.89

ID

:EYE3a5qG

スレ立て乙

4

： Name_Not_Found [sage] 2019/09/11(水) 02:11:03.33ID:???

>>2

何が？（怒）

5

： Name_Not_Found [sage] 2019/09/11(水) 02:20:22.86ID:???

>>1

乙

6

： Name_Not_Found [sage] 2019/09/11(水) 05:35:28.47ID:???

>>2

何が？（踊）

7

： Name_Not_Found [sage] 2019/09/11(水) 07:01:48.25ID:???

これから質問してくる人には「何が？」と返します(怒)

8

： Name_Not_Found [sage] 2019/09/11(水) 13:03:07.00ID:???

>>4

>>6

ミミガ〜 ∩(￣▽￣)∩

9

： Name_Not_Found [sage] 2019/09/11(水) 19:24:02.65ID:???

質問

パンくずリストって何ですか？

10

： Name_Not_Found [sage] 2019/09/11(水) 19:52:28.81ID:???

お前はゴミクズだなを
まろやかに言った言葉、パンくず
そいつらのリスト

11

： Name_Not_Found [sage] 2019/09/11(水) 21:51:54.27ID:???

なるほど

12

： Name_Not_Found [sage] 2019/09/12(木) 16:15:05.37ID:???

liタグに対してdisplay:block ;を指定するのはどんな時ですか？

13

： Name_Not_Found [sage] 2019/09/12(木) 17:26:18.77ID:???

リストデータをblockで表示したい時

14

： Name_Not_Found [sage] 2019/09/12(木) 18:30:09.40ID:???

縦並びでmarginとpaddingを指定したい時

15

： Name_Not_Found [sage] 2019/09/12(木) 19:50:23.02ID:???

僕が僕らしくある為に

16

： Name_Not_Found [sage] 2019/09/12(木) 20:20:47.85ID:???

なるほど

17

： Name_Not_Found [sage] 2019/09/12(木) 20:24:03.27ID:???

>>15

お前はいつもfloatじゃないか

18

： Name_Not_Found [sage] 2019/09/12(木) 21:53:49.06ID:???

ハンバーガーメニューって何ですか？

19

： Name_Not_Found [sage] 2019/09/12(木) 22:18:37.67ID:???

>>18

レギュラー、朝マック、夜マックでそれぞれ違う。
それと、季節限定のメニューってのもあって
今なら黄金の月見バーガーってのがバリューセットで690円である

20

： Name_Not_Found [sage] 2019/09/12(木) 23:04:26.64ID:???

なるほど

21

： Name_Not_Found [sage] 2019/09/12(木) 23:19:21.33ID:???

このサイトみたいにスマホ表示の際に、ハンバーガーメニューの中に検索ボックスとカテゴリリストとSNSのアイコンを表示させたいのですが、どうすればよいですか？

初心者でよくわかりません。


ttp://https://www.webcreatorbox.com

22

： Name_Not_Found [sage] 2019/09/12(木) 23:50:55.44ID:???

>>21

まねしたらいいんじゃない?

23

： Name_Not_Found [sage] 2019/09/13(金) 00:20:15.19ID:???

liの中に検索ボックスって入れていいんだっけ？

24

： Name_Not_Found [sage] 2019/09/13(金) 00:33:03.71ID:???

>>21

WordPressのテーマを自作する

25

： Name_Not_Found [sage] 2019/09/13(金) 00:36:42.04ID:???

Macでオススメのテキストエディタを教えてください
なるべくWindowsのTerapadに近い操作性と外観のソフトだと嬉しいです

26

： Name_Not_Found [sage] 2019/09/13(金) 01:05:13.07ID:???

CotEditor
mi

27

： Name_Not_Found [sage] 2019/09/13(金) 02:18:22.29ID:???

>>22

いまの自分にそこまでのパワーはないので、無難なレイアウトに変更しました。

これから更に勉強してレベルアップしますね

28

： Name_Not_Found [sage] 2019/09/13(金) 02:34:57.56ID:???

>>18

ケツ毛バーガー事件というのが昔ありました

29

： Name_Not_Found [sage] 2019/09/13(金) 10:44:08.17ID:???

さっきちょうどマナちゃんからメルマガきてて
使用中のiPhone6ｓが瀕死の状態って書いてた。

海外でも活躍してすごい儲かってるかとおもってたがそうでもないのかな？

30

： Name_Not_Found [sage] 2019/09/13(金) 10:50:41.54ID:???

>>20

今ならチキンマックナゲットの無料クーポン、これ当たりやすいからゲットしとけ！！
ttp://https://k-tai.watch.impress.co.jp/docs/news/1205271.html

31

： Name_Not_Found [sage] 2019/09/13(金) 12:15:20.62ID:???

>>29

1000台あるうちの一台が瀕死なんだろ
999台は無事だよ

32

： Name_Not_Found [sage] 2019/09/13(金) 12:29:15.39ID:???

>>31

彼女はある意味同業者の成功例であり
夢と希望だからそうあって欲しい・・・

33

： Name_Not_Found [sage] 2019/09/14(土) 16:44:06.50ID:???

ここまでまともな質疑なし

34

： Name_Not_Found [sage] 2019/09/14(土) 18:22:30.68ID:???

>>19

は完璧な回答だと思ったけどな

35

： Name_Not_Found [sage] 2019/09/14(土) 18:46:13.86ID:???

自作曲をHPでダウンロード出来るようにしたいです。

そのファイルを「aaa.wav」とします（WAV音源なのは合ってます）
で、そのファイルを公開したいページと同じ階層に置いて
<a href="aaa.wav" download="あああ">というような感じで打ったのですが「ダウンロード失敗」と出ました。

FFFTPを使っていますが、音源をアップロードする必要はないですよね？

36

： Name_Not_Found [sage] 2019/09/14(土) 19:25:32.17ID:???

アップロードしないとだめです

37

： Name_Not_Found [sage] 2019/09/14(土) 19:29:30.23ID:???

>>35

自分がローカル環境で試した感じだと普通にダウンロードのダイアログ出てきてダウンロードフォルダに落ちて来たけど
・audio.html
・test.wav
の2ファイルを同じ階層に置いて、
<a href="./test.wav" download>download test.wav<a>
を書いてブラウザのリンク上で右クリックして「リンク先のコンテンツを保存」から普通にダウンロードされた

38

： Name_Not_Found [sage] 2019/09/14(土) 19:37:22.66ID:???

>>37

ちゃんと閉じてー！

39

： Name_Not_Found [sage] 2019/09/14(土) 20:13:00.93ID:???

>>36

何度アップロードしようとしても中止になってしまうのですが、mp3に書き直した方が良いのでしょうか？
また後で試してみます

40

： Name_Not_Found [sage] 2019/09/14(土) 20:19:25.06ID:???

サイトスペースの空き容量が足りないとか？

41

： Name_Not_Found [sage] 2019/09/14(土) 20:21:38.13ID:???

id無いと誰が誰だかわかんないな

42

： Name_Not_Found [sage] 2019/09/14(土) 20:22:22.49ID:???

>>38

何が？って思ったらaタグか
手打ちだからミスりました
すまんね

43

： Name_Not_Found [sage] 2019/09/14(土) 20:49:16.55ID:???

学校でHTML習ったので復習で
index.htmlっていう名前のファイル作って
IEで開いてみたら普通にみれちゃったんですけど
これ全世界に公開されてるってことですか？

ただPC中で htmlファイル作るだけでインターネット発信されるってことですか？
index.html っていう名前だけが特別なんですか？

44

： Name_Not_Found [sage] 2019/09/14(土) 20:54:24.88ID:???

WEBサーバっていう単語をご存じでない？
サーバも無いPC内にhtmlファイル作っただけで全世界からアクセスされたら大変なことになるっていう想像は付かない？

45

： Name_Not_Found [sage] 2019/09/14(土) 21:00:30.85ID:???

>>43

全世界どころか、全宇宙に公開されてしまってないよ

46

： Name_Not_Found [sage] 2019/09/14(土) 21:08:09.98ID:???

>>43

htmlファイルはどんな名前だろうがブラウザで開けるよ
ブラウザで見れる = 世界中で見れる
ではないからその辺ちゃんと理解しようね

47

： Name_Not_Found [sage] 2019/09/14(土) 21:08:39.50ID:???

>>43

.htmlファイルをブラウザで開けるのは、
.txtファイルをメモ帳で開けたり、
.docxファイルをWordで開けたりするのと同じで、
ファイルに格納されているデータをソフトが解釈して
モニター画面に表示しているだけ

48

： Name_Not_Found [sage] 2019/09/14(土) 21:12:44.44ID:???

HTMLの書き方の前に理解すべきことがあるな
どんな学校だよ

49

： Name_Not_Found [sage] 2019/09/14(土) 21:18:00.99ID:???

>>41

俺だよ俺！

50

： Name_Not_Found [sage] 2019/09/14(土) 21:37:38.40ID:???

>>44-48

じゃあ後悔されてないんですね
大丈夫なんですね
あせりました

何がちがうのかわからないんですけど
httpっていうのをつけてみれるのが全世界で
file:ってついてるのはじぶんのPCからしかみれないってことですか？

httpっていうのがつかないようにするにはどうすればいいんでしょうか
ファイル名をhttpっていう拡張子で保存しなければ大丈夫ってことですか？

51

： Name_Not_Found [sage] 2019/09/14(土) 21:44:52.42ID:???

学校行ってるんじゃないのかよ
ど素人やん

52

： Name_Not_Found [sage] 2019/09/14(土) 21:53:27.61ID:???

専門学校とか専門コースとかじゃなく、
一般クラスで、数学か何かの延長じゃないかな

53

： Name_Not_Found [sage] 2019/09/14(土) 21:54:15.13ID:???

なんか支離滅裂やな

54

： Name_Not_Found [sage] 2019/09/14(土) 22:01:00.52ID:???

>>50

httpっていうのは拡張子じゃなくてプロトコル
「インターネット上で文書をやりとりするための決まり」みたいなもん
クライアント(ブラウザ) <---httpプロトコル--->Webサーバ

自分のPC内のhtmlファイルを自分のPC内のブラウザで開くのにはサーバーは必要ないわけだから当然httpも付かない

55

： Name_Not_Found [sage] 2019/09/14(土) 22:02:45.93ID:???

httpとhtmlの区別も付いてないのか

56

： Name_Not_Found [sage] 2019/09/14(土) 22:03:27.48ID:???

>>50

とりあえず、ホームページの作り方・公開の仕方を解説しているサイトで勉強しておくれ

57

： Name_Not_Found [sage] 2019/09/14(土) 22:08:56.52ID:???

HyperText
複数の文書が紐づいたり関連付いている文書を超えた文書

html
HyperText Markup Language
ハイパーテキストを作成するためのマークアップ言語の1種

http
HyperText Transfer Protocol
ハイパーテキストを通信する上での決まり

58

： Name_Not_Found [sage] 2019/09/14(土) 22:15:30.80ID:???

>>43

されるよ〜
ttps://i.imgur.com/SIHr4pU.png

59

： Name_Not_Found [sage] 2019/09/14(土) 22:19:58.81ID:???

>>58

おぉ・・・

60

： Name_Not_Found [sage] 2019/09/14(土) 22:24:12.74ID:???

懐かしいなｗｗ

61

： Name_Not_Found [sage] 2019/09/14(土) 22:50:57.83ID:???

>>35

ですが、どうやら僕の使ってるサーバーでは10MB以上のファイルをアップロード出来ないみたいです
そもそもFFFTPではhtmlファイル等も含め、合計で30MB以上は無理みたいですね
なので100MB以上あったwavファイルをmp3変換して6MBくらいにしたら行けました！
試しにダウンロードしたら出来ました、ありがとうございました

62

： Name_Not_Found [sage] 2019/09/14(土) 23:50:04.84ID:???

サイトよんで勉強してみたけど

サーバーソフトウェアっていうのを起動してないとファイルが存在するだけでは外からアクセスできないんですね
たとえばapacheっていうソフトをPCにいれると
特定のフォルダ内にファイルをおいただけでそのファイルがそとからみられるようになるらしい
でも配信したいならじぶんのPCでやるより
そういうソフトがはじめから入ってる無料のサービス使った方がいいよみたいなことかいてありました

結論から言うと余計なソフトいれたりしなければ
PCに内でHTMLかいてダブルクリックしてブラウザ開いただけでは何もおきないってことですよね
おさわがせしてすみませんでした
回答頂いた方ありがとうございました

まだHTML習いたてで
H１　H2　ってかくと文字が大きくなる
Pってかくと文字が折り返されるみたいなことしか習ってないので
いろつけたり絵はったりできるようになったら自分のサイト公開してみたいと思います

63

： Name_Not_Found [sage] 2019/09/15(日) 01:48:24.88ID:???

>>62

がんばってね

64

： Name_Not_Found [sage] 2019/09/15(日) 03:20:30.24ID:???

>>49

たかし！たかしじゃないか！

65

： Name_Not_Found [sage] 2019/09/15(日) 06:12:58.85ID:???

>>62

あとポートフォワードね
もし、自分のPCにサーバー入れても、そのサーバーへ通信を転送する設定ができないと公開されない。
基本的にはファイアウォールで勝手に転送されないようになっている。

66

： Name_Not_Found [sage] 2019/09/15(日) 07:54:54.96ID:???

>>50

後悔してないのかというと嘘になるかもしれません。
彼のご両親ともこのような結果になってしまった事を
心のどこかで今でも悔いています。

67

： Name_Not_Found [sage] 2019/09/15(日) 09:43:31.66ID:???

firefoxのdevelopertoolsってxpathで検索できないの？

68

： Name_Not_Found [sage] 2019/09/15(日) 10:50:35.02ID:???

>>67

コンソールタブかペインで$x('xpath')実行してターゲットアイコンで移動すれば？

69

： Name_Not_Found [sage] 2019/09/15(日) 13:44:01.72ID:???

>>64

たけし・・たけしです！


ﾀﾞﾝｶﾝｺﾉﾔﾛｰ

70

： Name_Not_Found [sage] 2019/09/15(日) 14:01:11.96ID:???

cssで無限に背景がうねうね波打つやつってどうやるんですか？

71

： Name_Not_Found [sage] 2019/09/15(日) 14:22:43.23ID:???

なんでcssだと思ったの？

72

： Name_Not_Found [sage] 2019/09/15(日) 15:11:09.43ID:???

>>70

こんなの？　
ttp://https://codepen.io/shafee/pen/pyXMEP

あるいは波紋をイメージ？

73

： Name_Not_Found [sage] 2019/09/15(日) 15:18:09.14ID:???

こういうの？
ttp://https://ics.media/

74

： Name_Not_Found [sage] 2019/09/15(日) 17:44:34.50ID:???

>>72

70じゃないけど
SVGつかわないでCSSだけでもできるんだな
勉強になったわ

75

： Name_Not_Found [] 2019/09/15(日) 19:11:42.69

ID

:hzTL4UW4

画像の左クリックだけを無効にするＣＳＳの記述方法を教えてください
右クリック、画像の保存は有効なままでお願いします
サイトの利便性を考えて、左クリックするたびに拡大されないようにしたいです

76

： Name_Not_Found [sage] 2019/09/15(日) 19:27:33.63ID:???

>>73

ありがとうすげーよ君。
あの1行でここまで察したとは・・・

77

： Name_Not_Found [sage] 2019/09/15(日) 19:34:29.35ID:???

>>73

なんかすげーなこれ
ttp://https://ics.media/_assets/top_hero/archives.html
マウスに反応する

78

： Name_Not_Found [sage] 2019/09/15(日) 19:41:02.89ID:???

>>75

pointer-events: none;

79

： Name_Not_Found [sage] 2019/09/15(日) 19:54:40.37ID:???

ごめんアンカミス

>>76

は

>>72

宛てです

80

： Name_Not_Found [sage] 2019/09/15(日) 20:15:09.28ID:???

>>77

これっかこいいJavaScriptか

81

： Name_Not_Found [sage] 2019/09/15(日) 21:04:54.04ID:???

csvasで永遠と書かれてたぞ

82

： Name_Not_Found [sage] 2019/09/15(日) 21:08:22.99ID:???

>>77

を同時に2つ開くと
うちの古いcorei7のpcクーラーが激しく回りだしてウルサイｗ

83

： Name_Not_Found [sage] 2019/09/15(日) 23:17:18.62ID:???

>>78

ありがとうございます

84

： Name_Not_Found [sage] 2019/09/16(月) 00:27:53.03ID:???

>>83

ケツ貸せや

85

： Name_Not_Found [sage] 2019/09/16(月) 08:39:20.15ID:???

bootstrapでフォトギャラリーを作成しています
class="img-thumbnail"で画像を並べているのですが
chromeやEdgeでは正常に表示されるのに
IE11だけ一部の画像に×マークが出て表示されません

原因のわかる方いらっしゃいますか？

86

： 85 [sage] 2019/09/16(月) 10:05:34.28ID:???

すみません、再起動したら治りました…。
おま環だったようなので質問取り下げます。

87

： Name_Not_Found [sage] 2019/09/16(月) 10:09:14.12ID:???

>>85

ソース見ないとわからないよ

その4行だけで無理やり推察するなら
・webフォントで記号を表示して不具合の可能性
・sslに対応してない書き方混在
・セキュリティ関連
・容量関連

88

： Name_Not_Found [sage] 2019/09/16(月) 10:09:38.96ID:???

>>86

ケツ出せや

89

： 85 [sage] 2019/09/16(月) 10:23:46.45ID:???

>>87-88

申し訳ありません…。


-（*）-

90

： Name_Not_Found [sage] 2019/09/16(月) 10:55:21.99ID:???

()*()

91

： Name_Not_Found [sage] 2019/09/16(月) 13:30:58.83ID:???

許してやる

つ＊

92

： Name_Not_Found [sage] 2019/09/16(月) 15:50:07.88ID:???

.x {
box-sizing: border-box;
display: table-cell;
vertical-align: middle;
border-bottom-width: 1px;
}
.x:hover {
box-sizing: border-box;
display: table-cell;
vertical-align: middle;
border-bottom-width: 3px;
}

セルの中央にテキストを表示して、マウスオーバーしたときにボーダーの太さを変えて表示したいんですが、
上のような記述だけだとボーダーの太さを変えた分だけテキストの表示位置がずれてしまいます。
位置が変わらないようにする方法ってあるでしょうか。

93

： Name_Not_Found [sage] 2019/09/16(月) 16:18:11.59ID:???

テキストにclassかidつけて親にdisplay:flexとjustify-content ： centerあたりでできない？

94

： Name_Not_Found [sage] 2019/09/16(月) 16:55:28.40ID:???

自己解決。border-widthの分paddingを調整していけました。

.x {
box-sizing: border-box;
display: table-cell;
vertical-align: middle;
border-bottom-width: 1px;
padding-top: 0px;
padding-bottom: 2px;
}
.x:hover {
box-sizing: border-box;
display: table-cell;
vertical-align: middle;
border-bottom-width: 3px;
padding-top: 0px;
padding-bottom: 0px;
}

95

： Name_Not_Found [sage] 2019/09/16(月) 20:44:27.36ID:???

千葉の停電を治すためのコードを教えてください。

96

： Name_Not_Found [] 2019/09/16(月) 21:04:57.33

ID

:bkq/EM8Z

>>95

<doctype!>
<p>chibadman come here please!</p>

97

： Name_Not_Found [sage] 2019/09/16(月) 21:15:56.40ID:???

うちの実家千葉市だけど一度も停電してないってよ

98

： Name_Not_Found [] 2019/09/16(月) 21:52:49.02

ID

:bkq/EM8Z

下記のcssが反映されません。どこにミスがありますか？



@charset "UTF-8";

/* すべてのwebページに適用される*/
html {
font-family: sans-serif;
}
html * {
box-sizing: border-box;
]
body {
background-color: #eeece9;
}
h2 {
color: #3f5170;
font-size: 22px;
border-bottom: 3px dotted #3f5170;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
padding-top: 5px
padding-right: 5px
padding-bottom: 5px;
padding-left: 5px;
}

99

： Name_Not_Found [sage] 2019/09/16(月) 21:57:39.61ID:???

>>98

]

100

： Name_Not_Found [sage] 2019/09/16(月) 22:09:45.93ID:???

間違い探しワロタ

101

： Name_Not_Found [] 2019/09/16(月) 22:12:37.69

ID

:bkq/EM8Z

>>99

できました
ありがとうございます

102

： Name_Not_Found [sage] 2019/09/16(月) 22:13:56.72ID:???

微笑ましい

103

： Name_Not_Found [sage] 2019/09/16(月) 22:16:51.96ID:???

本物のエディタを使ったことがないんだな、可哀想に。明日もう一度来てください。僕が本当の

104

： Name_Not_Found [] 2019/09/16(月) 22:34:51.94

ID

:bkq/EM8Z

>>102

自己解決してたんだよ
ここに張り付けて一目瞭然やった
でも自己解決って書かずに作業してたら教えてくれてる人が居たからお礼言っておいた
わいド素人やねん（恥

105

： Name_Not_Found [sage] 2019/09/16(月) 22:38:30.95ID:???

>>104

ケツメドだせや

106

： Name_Not_Found [sage] 2019/09/16(月) 23:26:30.18ID:???

｛入力したら自動で閉じてくれるエディタ使った方がいいとおもうの

107

： Name_Not_Found [sage] 2019/09/16(月) 23:28:13.01ID:???

動かない時に何度もソース見ても気が付かなくて
次の日みると気がつくあるある

108

： Name_Not_Found [sage] 2019/09/17(火) 01:08:32.08ID:???

>>97

おそらく私が

>>96

のコードを入力したおかげでしょう。私に、感謝すべきです。

109

： Name_Not_Found [sage] 2019/09/17(火) 01:18:32.46ID:???

>>108

ケツ出せや

110

： Name_Not_Found [sage] 2019/09/17(火) 01:18:56.51ID:???

おまえらアナル好きだな

111

： Name_Not_Found [sage] 2019/09/17(火) 02:40:18.41ID:???

出入口だからな

112

： Name_Not_Found [sage] 2019/09/17(火) 09:46:27.26ID:???

タグは開けたら閉じる事。
回答もらったらお礼してクローズする事。
ケツは出したら入れてもらう事。

113

： Name_Not_Found [sage] 2019/09/17(火) 09:58:41.62ID:???

inputタグだから。

114

： Name_Not_Found [sage] 2019/09/17(火) 11:01:04.05ID:???

終了タグを先に書けば良いんだよ
カッコなら閉じカッコから

115

： Name_Not_Found [sage] 2019/09/17(火) 11:10:58.01ID:???

つまり入れてもらってからケツ出すって事か

116

： Name_Not_Found [sage] 2019/09/17(火) 13:42:36.74ID:???

>>98-99

W3C CSS 検証サービスで、チェックすれば？

CSS Validation Service
ttp://https://jigsaw.w3.org/css-validator/validator.html.ja

HTML・CSS の文法チェックツールも、一杯ある

117

： Name_Not_Found [sage] 2019/09/17(火) 15:28:09.87ID:???

あ？も自己解決したんだよ

118

： Name_Not_Found [sage] 2019/09/17(火) 19:51:39.61ID:???

ベンダープレフィックスってもういい加減なくしていいですか？
勧告からもう5年くらいたってるのになんなんこれ

119

： Name_Not_Found [sage] 2019/09/17(火) 21:36:57.49ID:???

いまどきベンダープレフィックスつけてるやつは、DreamweaverやらAutoPrefixerとかの設定を
ろくに更新しないで惰性で使い続けてるだけだから、なくしてもかまわんよ

120

： Name_Not_Found [] 2019/09/17(火) 21:45:21.65

ID

:/8CaO4EI

>>118

そのへんはPCにやらせればいいのよ

121

： Name_Not_Found [sage] 2019/09/17(火) 21:57:32.83ID:???

XHTMLは論理的だったのになんでHTML5でまた終了タグの省略を許したのかねぇ。

122

： Name_Not_Found [sage] 2019/09/17(火) 22:12:31.83ID:???

省略じゃねぇ。余計なもの付けるのが許容されてるだけ。

123

： Name_Not_Found [sage] 2019/09/17(火) 22:42:16.37ID:???

余計なものって具体的には何のことを言ってる？

124

： Name_Not_Found [sage] 2019/09/18(水) 00:18:18.54ID:???

<style>
table.aaa td{
padding:10px;
}
</style>


<table border="1" class="aaa">
<tr>
<td>aaa</td>
<td>

<table border="1">
<tr>
<td>www</td>
</tr>
</table>

</td>
</tr>
</table>

このようにするとセルの中にあるテーブルのセルのpaddingまで10pxになってしまいます
外側のテーブルのセルのみでセルの中にあるテーブルには影響を及ぼさないようにするにはどうすればいいんですか？
外側のテーブルのセルに１つ１つclassを設定してやるしかないんですか？

125

： Name_Not_Found [sage] 2019/09/18(水) 00:30:40.38ID:???

>>124

table.aaa > tbody > tr > td

126

： Name_Not_Found [sage] 2019/09/18(水) 01:02:26.02ID:???

石器時代のマークアップか

127

： Name_Not_Found [sage] 2019/09/18(水) 02:02:15.30ID:???

tableってでも行の高さを自動的に揃えてくれる優れものだと思うの

128

： Name_Not_Found [sage] 2019/09/18(水) 02:04:38.22ID:???

質問者は質問する段階からケツを差し出す準備しておけよ？

129

： Name_Not_Found [sage] 2019/09/18(水) 02:20:04.29ID:???

>>125

tbodyどこ？いる？

130

： Name_Not_Found [sage] 2019/09/18(水) 02:35:37.40ID:???

>>129

tbodyはbodyとかと一緒で省略可能なだけ
書かなくても補完される

131

： Name_Not_Found [sage] 2019/09/18(水) 06:38:27.89ID:???

CSS絶対頃すマン？

132

： Name_Not_Found [] 2019/09/18(水) 09:12:16.44

ID

:DeIa5jyk

CSSですが中央寄せになりません。理由わかる方いらっしゃいませんか？

@charset "UTF-8";

/* すべてのwebページに適用される*/
html {
font-family: sans-serif;
}
html * {
box-sizing: border-box;
}
body {
margin: 0 0 0 0;
background-color: #eeece9;
}
.wrapper {
margin: 0 auto 0 auto;
max-width: 960px;
}

133

： Name_Not_Found [sage] 2019/09/18(水) 09:15:40.03ID:???

>>132

それでちゃんと寄るよ
ウィンドウ幅が960を超えてれば

134

： Name_Not_Found [] 2019/09/18(水) 10:51:43.27

ID

:DeIa5jyk

>>133

なぜか寄りません＞＜
とりあえず飛ばして次行ってます
返事ありがとうございます

135

： Name_Not_Found [sage] 2019/09/18(水) 11:13:19.55ID:???

ザ・ワールド！…時は動き出すッ

136

： Name_Not_Found [sage] 2019/09/18(水) 11:33:30.51ID:???

>>134

CSS書きかえた後ちゃんとスーパーリロードでブラウザ更新してる？

137

： Name_Not_Found [sage] 2019/09/18(水) 11:57:49.18ID:???

>>134

たぶんHTMLが間違ってる
クラス名間違えてるか、CSSファイル自体が読まれてない

そういう超ド単純なことが上手くいかんときは
関係ないものを全部切り捨てるんよ、HTMLもCSSも

<div class="wrapper">と
.wrapper {
margin: 0 auto 0 auto;
max-width: 960px;
}

だけにしてみりゃ
調べなきゃいかんところは数えるほどしかない

138

： Name_Not_Found [sage] 2019/09/18(水) 12:32:50.42ID:???

>>134

その前にケツ出せや

139

： Name_Not_Found [] 2019/09/18(水) 17:40:40.60

ID

:DeIa5jyk

>>136

ブラウザ更新はしています

>>137

わかりました
やってみます

140

： Name_Not_Found [sage] 2019/09/18(水) 17:50:46.11ID:???

令和生まれのキッズです。
スマホとPCで表示される文字サイズかえる方法をおしえてください。

141

： Name_Not_Found [sage] 2019/09/18(水) 18:30:14.01ID:???

>>140

お前みたいの生まれてこなければ良いのに
生れて早々に死ね

142

： Name_Not_Found [sage] 2019/09/18(水) 18:59:31.60ID:???

>>140

なんにもしなくても全然違うサイズで表示されるじゃろ

143

： Name_Not_Found [sage] 2019/09/18(水) 19:29:24.12ID:???

>>141

くだらないレスをする暇があるなら本気で回答しろ
時間の無駄だ！(激昂)

144

： Name_Not_Found [sage] 2019/09/18(水) 19:34:40.35ID:???

出たよ激昂仮面

145

： Name_Not_Found [sage] 2019/09/18(水) 19:49:52.92ID:???

この質問がくだらねぇよｗ

146

： Name_Not_Found [sage] 2019/09/19(木) 00:35:01.66ID:???

ガチムチのトラック野郎です。
スマホとPCで表示される文字サイズかえる方法をおしえてください。

147

： Name_Not_Found [sage] 2019/09/19(木) 01:45:21.70ID:???

メディアクエリー

148

： Name_Not_Found [sage] 2019/09/19(木) 11:30:51.10ID:???

>>146

なんにもしなくても全然違うサイズで表示されるじゃろ

149

： Name_Not_Found [sage] 2019/09/19(木) 12:15:53.79ID:???

>>149

くだらないレスをする暇があるなら本気で回答しろ
時間の無駄だ！(激昂)

150

： Name_Not_Found [sage] 2019/09/19(木) 13:03:00.36ID:???

分かってんじゃん（笑）

151

： Name_Not_Found [sage] 2019/09/19(木) 13:30:01.57ID:???

現役の女子高生です。
スマホとPCで表示される文字サイズかえる方法をおしえてください?

152

： Name_Not_Found [sage] 2019/09/19(木) 13:34:35.85ID:???

ビル・ゲイツです。
スマホとPCで表示される文字サイズ...

153

： Name_Not_Found [] 2019/09/19(木) 14:11:13.47

ID

:CWr78/0G

現役の男子です。
スマホとPCで表示される文字サイズかえる方法をおしえてください

154

： Name_Not_Found [sage] 2019/09/19(木) 14:19:39.15ID:???

採れたてのキノコです
スマ・・・

155

： Name_Not_Found [sage] 2019/09/19(木) 14:24:48.56ID:???

>>149

が恥ずかしさのあまりログ流してるようだな（笑）

156

： Name_Not_Found [] 2019/09/19(木) 18:48:55.69

ID

:EYU91y8Q

書籍で勉強してHPを1つ作れました。
次に何で勉強するか考えてます、そこで、動画学習するならどれがいいとかありますか？
どっとインストールが良いとか、プロゲートがいいとか？

157

： Name_Not_Found [sage] 2019/09/19(木) 19:38:35.87ID:???

>>156

ワイも、数ヶ月前に超簡単な参考書見てサイト作ったよ
そのあと、ドットインストール見て基礎をまなんだ。

ま、ここまでは順調だったけどね…

158

： Name_Not_Found [sage] 2019/09/19(木) 20:10:18.19ID:???

学習ったって、どこを目指すかで、今何をするかは全く変わる。

例えば趣味で自分だけのHP作ってくつもりなら学習なんてかしこまったことしないで
アフィ用テンプレとその使い方をブロガーなどから得たほうが早い。

他人のサイトを作成したり制作を生業にする場合
デザイナーなのかコーダーなのかプログラマなのか映像クリエイターなのかで
何を主軸にやるかが変わる。
デザイナーならcss/htmlはほどほどにしてAdobeソフトでのビジュアルスキルを磨いたほうがいいし
プログラマならプログラムから入ったほうがいい。

159

： Name_Not_Found [sage] 2019/09/19(木) 20:18:06.88ID:???

制作を仕事にする場合、
よく見かけるレイアウト、デザイン、動きなどは一通りできるようになっといたほうがいい。
趣味なら自分ができることだけをやってればいいが、
相手にこういう動きしたい、ここのサイトと同じようにしたいなど
注文がくるから難易度が全く変わる。

例えば、このサイトと同じようにしたい。と言われ、
ヘッダーの横並びの各メニューをマウスオンしたら、リストが上から下に展開するようにして
スマホの時はそれら全てがハンバーガーメニューボタン1つに格納されていてタップしたら
横からメニューがスライドして展開するようになる仕様。
こんな感じで。

160

： Name_Not_Found [sage] 2019/09/19(木) 20:29:54.22ID:???

文章長くてゴメンね、まで読んだ。

161

： Name_Not_Found [sage] 2019/09/19(木) 21:12:39.91ID:???

ほんとごめんな

162

： Name_Not_Found [sage] 2019/09/19(木) 22:48:02.54ID:???

動画で教えるやーつ、個人的には苦手だなあ

動画でコードの書き方はちょっと…って思っちゃう
ファイルの移動やらが複雑なオペレーションとか
アプリケーションの使い方とかだったらいいんだけど

163

： Name_Not_Found [sage] 2019/09/19(木) 23:17:41.58ID:???

ドットインストールなんて中身空っぽだからな
やった感だけ与えて（実際は何も得てないが）満足感を得ることに意味があるのかもしれない。

164

： Name_Not_Found [sage] 2019/09/20(金) 00:02:27.32ID:???

覚えていければ何でもいいでしょ
その後に模写できるようになれれば身についとるってことでしょ

165

： Name_Not_Found [sage] 2019/09/20(金) 00:12:02.06ID:???

その人に合う、合わないがあるからねぇ
何でも試してみて、合いそうなので勉強すりゃいいし
動画で大まかな仕組みだとか流れだとか、ざっくり理解してから細かいとこを別のツールで
勉強するってのも手だし

166

： Name_Not_Found [sage] 2019/09/20(金) 00:37:18.86ID:???

ドットインストールはゲームでいう取説みたいなもん

ドットインストールをディスってるやつは、取説だと思ってなくて、ゲームプレイをナビゲートしてくれるNPCと勘違いしてる

つまり、ドットインストールが良い悪いではなく、
プレイヤーの捉え方の良し悪しの問題。

167

： Name_Not_Found [sage] 2019/09/20(金) 00:38:36.58ID:???

おバカちゃんはドットインストールは使えないNPCだと嘆き、優秀な奴はドットインストールを取説として活用する。

168

： Name_Not_Found [sage] 2019/09/20(金) 01:23:36.72ID:???

4行で書いたことをなんでまた1行で書くんだよｗ
おバカちゃんか？

169

： Name_Not_Found [sage] 2019/09/20(金) 01:26:09.26ID:???

自分が既に理解している動画見てみろ
jQueryとかcssとかを。
どんだけ部分的で限定的なことを表面なぞって
学習じゃない。ただの体験だよあれ。

170

： Name_Not_Found [sage] 2019/09/20(金) 01:39:43.63ID:???

pythonだけできます
htmlやJavaScriptはほとんどわかりません

ttp://https://www.myprotein.jp/sports-nutrition/impact-whey-protein/10530943.html

ここをパースして、各「味」各「数量(重量)」の値段の一覧(と在庫状況)を取得したいです
たとえば「あずき味」選択時には「1kgと5kg」が表示され「チェスナット味」では「1kgと250g」およびそれぞれの価格が表示されます

こういうドロップボックスの連動は、どこを拾っていったらいいんでしょうか？
予め設定されたproduct sku (各味の固有値？) と、JavaScriptで何かモジュールを読み込んでどうにかしているっぽい気がするんですが、どうでしょうか
もし8777行あたりの長いJavaScript読む必要があるならちょっとお手上げかもしれない…

171

： Name_Not_Found [sage] 2019/09/20(金) 02:07:29.26ID:???

動画で視覚的に説明されてわかりやすかったのもあるけどなー

172

： Name_Not_Found [sage] 2019/09/20(金) 02:08:22.52ID:???

すまん、一行でたのむ

173

： Name_Not_Found [] 2019/09/20(金) 07:21:32.83

ID

:CpAHE5+Q

>>172

あんた鬱病やで
鬱病の人って長文嫌うんだよ
嫌なら読まなきゃいいだけなのに怒り出したりする
病院へ行こう

174

： Name_Not_Found [sage] 2019/09/20(金) 07:23:50.76ID:???

>>170

スクレイピングなら、Ruby で、Nokogiri, Selenium WebDriver が簡単。
HTML, CSS セレクターも必須

ドロップボックスの連動なんて、解析しないと無理だろ。
他人が作ったソースコードを読むのは無限地獄だから、やめたほうが良い

デバッグの基本は、ブラウザ(Chrome)上で、
例えば、価格の上で、右クリックメニューを開いて、要素の検査・検証を選ぶと、
F12 開発者ツールが起動して、その要素の部分がハイライトされる

ハイライト部分上で、右クリックメニューで、
Copy selector で、CSS セレクターが、Copy XPath で、XPathが取得できる

CSS セレクターなら、
#mainContent > 何たらかんたら > p.productPrice_price

この内容が、\590 となっている

こんな膨大・複雑なサイトを解析するには、1年以上掛かる！

他人が作ったソースコードを読むのは、
自分が作っていないし仕様書がないから、膨大な時間が掛かるので、やめるべき！

175

： Name_Not_Found [sage] 2019/09/20(金) 09:01:43.88ID:???

だらだら説明するやつきらい

176

： Name_Not_Found [sage] 2019/09/20(金) 12:12:41.85ID:???

SNSや動画学習サイトに慣れ切った弊害が

>>172

とか

>>175

だろ

物事を簡単に教えてもらえると思い込んでるし
簡単に習得できると思い込んでないか

177

： Name_Not_Found [sage] 2019/09/20(金) 12:24:05.79ID:???

>>170

8034行目にjson風の各値をまとめた配列データがあるじゃん。

通常なら、これだけのデータはSQLなどのDBで一元管理してるはずだけど
非同期で変更に対応したいから一旦、サーバーサイドのプログラムでページ内に静的出力して
それをjavascriptで動的に出力できるようにしているんでしょ。

178

： Name_Not_Found [sage] 2019/09/20(金) 12:26:26.72ID:???

↑間違えた
×静的　→　〇動的
×動的　→　〇インタラクティブ

179

： Name_Not_Found [sage] 2019/09/20(金) 12:36:55.37ID:???

んでプルダウンの動的とJSONの連動はググればでてくるよ。
stackoverflowのサイトにどんぴしゃのがあったけど
URLが日本語でここには貼れなかったわ

180

： Name_Not_Found [sage] 2019/09/20(金) 12:53:38.76ID:???

まあでも基本的な考えは

>>174

に同意。
他人の作ったソースを特に表からだけで読むのは不毛な作業だよ

181

： Name_Not_Found [sage] 2019/09/20(金) 13:16:57.54ID:???

スクレイピングはnode.jsでpappeteer使うのもなかなか便利よ
やっぱGoogle謹製で、Chromeでレンダリングした結果を
QuerySelectorで拾えるのはお手軽

182

： Name_Not_Found [sage] 2019/09/20(金) 15:48:06.12ID:???

2年前まではjsだけで簡単にスクレイピングできた。
CrossDomainAjaxというのがあっったのです
しかしYQL終了と共にダメなっちゃったアルよ

183

： Name_Not_Found [sage] 2019/09/20(金) 15:51:10.41ID:???

>>176

おじさん、時代は変わったんですよ？
いつまで努力と根性で踏ん張るつもりですか(ワラ)

184

： Name_Not_Found [sage] 2019/09/20(金) 16:00:39.06ID:???

>>183

へー。
じゃあ1cm以上の本も数ページの解説サイトもいらないね。
他人に依存するその方法で他人より優れる夢の方法で頑張ってください。

185

： Name_Not_Found [sage] 2019/09/20(金) 16:01:32.95ID:???

youtubeの広告に毒されてて笑うわ
職業訓練中のニートが本職に意見するとかさ

186

： Name_Not_Found [sage] 2019/09/20(金) 16:03:16.73ID:???

おじさんも努力と根性で頑張ってね！

187

： Name_Not_Found [sage] 2019/09/20(金) 16:39:08.35ID:???

>>177

あーようやくわかりました
price:固有値
url:共通&variation=sku
sku:固有値
availability:2値
で引っ掛けたら希望通りのマトリックスが取得できそうです
助かりました〜

188

： Name_Not_Found [sage] 2019/09/20(金) 17:19:52.88ID:???

>>187

まあ難易度は高い方だと思うから頑張ってちょ。

ちなみに俺、

>>183

と

>>186

におじさんだの努力だの言われてバカにされてる所。

189

： Name_Not_Found [sage] 2019/09/20(金) 18:06:33.36ID:???

頭が堅い上に大人げないったらありゃしない

190

： Name_Not_Found [sage] 2019/09/20(金) 18:21:01.64ID:???

煽り耐性が無くスレタイも読めない奴は子供。

191

： Name_Not_Found [] 2019/09/20(金) 20:16:26.93

ID

:CpAHE5+Q

今日も頑張ろうっと

192

： Name_Not_Found [] 2019/09/20(金) 20:19:11.97

ID

:CpAHE5+Q

なんでワイだけID出るんやろ
もうこの時点でIT音痴でダメな気がするわ
ショボーン

193

： Name_Not_Found [sage] 2019/09/20(金) 20:34:08.39ID:???

>>192

【問題】付き合うとと運気が下がる女性のことを俗に「○○まん」と言う？

194

： Name_Not_Found [sage] 2019/09/20(金) 20:57:53.77ID:???

>>192

sageてないからでしょ・・・

195

： Name_Not_Found [sage] 2019/09/20(金) 21:39:14.75ID:???

ドットインストール君があまりに俺より
自信あるみたいだから一応、簡単な質問なんだけどさ、

<div>
<span class="hoge1">テキスト</span>
<span class="hoge2">テキスト</span>
</div>

.hoge2のテキストを右寄せしたい場合ってどう書く？
これくらいは簡単だよね・・？

196

： Name_Not_Found [] 2019/09/20(金) 23:21:28.07

ID

:N9MosWQX

>>195

d block?

197

： Name_Not_Found [sage] 2019/09/20(金) 23:39:15.02ID:???

>>196

どうした？
まさか・・・0からcss書いたことないから書けないとか・・じゃないよな・・？
ちゃんと書こうな？

198

： Name_Not_Found [sage] 2019/09/20(金) 23:45:03.33ID:???

.hoge2 { float:right; }

199

： Name_Not_Found [sage] 2019/09/20(金) 23:50:09.06ID:???

>>198

やっと回答できたのか・・・
まあこれで自分の能力なんとなくわかったろ？

その程度じゃ

>>170

の回答してやることもできなだろうに
俺にマウント取りたいならスキルで叩きのめしてみろ

200

： Name_Not_Found [sage] 2019/09/21(土) 00:17:30.51ID:???

便所でマウント合戦　ﾌｧｲｯ

201

： Name_Not_Found [sage] 2019/09/21(土) 00:24:40.68ID:???

ボックス背景の色を透明にしたのですが、chromeでは表示されてるのに、他のブラウザでは透明にした背景が表示されません。

どうしてでしょうか？

202

： Name_Not_Found [sage] 2019/09/21(土) 00:29:12.27ID:???

透明にした背景が表示されたらおかしいだろｗｗｗ

203

： Name_Not_Found [sage] 2019/09/21(土) 02:58:00.23ID:???

>>202

バックグラウンドは画像で、その上のボックスを透明にしてるからボックスが少し透けて、バックグラウンド画像がすこし見える感じ

204

： Name_Not_Found [sage] 2019/09/21(土) 03:45:07.26ID:???

>>195-199

なんだこの流れ
やることなすこと糞ダセェな、こいつ

205

： Name_Not_Found [sage] 2019/09/21(土) 03:54:43.70ID:???

>>203

どうやって透明にしてるの？
opacity？
コード貼るなり、もう少し情報がないと。

206

： Name_Not_Found [sage] 2019/09/21(土) 03:58:18.32ID:???

>>205

火狐をアプデしたら解決した。
数年間放置しててアプデしてなかった

207

： Name_Not_Found [sage] 2019/09/21(土) 03:59:26.67ID:???

お前らはどんなブラウザつかってますか？

208

： Name_Not_Found [sage] 2019/09/21(土) 04:04:10.66ID:???

>>206

他のブラウザってfirefoxだけかよｗ
まぁ、それで解決ってことで良いならいいんだけど。

とりあず記事は古いけど参考まで。
opacityを全ブラウザに対応させるcss
ttp://https://webkan.hateblo.jp/entry/20160214/p1

209

： Name_Not_Found [sage] 2019/09/21(土) 08:57:28.14ID:???

>>207

vivaldi, brave, opera gx, tor

210

： Name_Not_Found [sage] 2019/09/21(土) 11:26:37.93ID:???

>>194

ありがとう
やる気が復活してきた

211

： Name_Not_Found [sage] 2019/09/21(土) 13:23:44.29ID:???

>>204

ダセェとかカッケェとかバカなの？

てかさー、まともに向き合えないからって本質から話そらすお前の方がダセェじゃん？
何言ってんの？

212

： Name_Not_Found [sage] 2019/09/21(土) 13:25:52.06ID:???

え？それドットインストールで習ってないんだけど？（怒）

プッ

213

： Name_Not_Found [sage] 2019/09/21(土) 13:40:03.60ID:???

ネタにマジレス

214

： Name_Not_Found [sage] 2019/09/21(土) 13:43:50.22ID:???

楽して技術を身につける事に抵抗がある奴は
いままで自分が努力してきた事を否定されてる気がしてよく思わないだよね。

そういう人は今後AIに代替されるよ

215

： Name_Not_Found [sage] 2019/09/21(土) 13:56:33.91ID:???

抵抗があるっつーか、
楽して儲けたいとか楽してハイスキルになりたいって人で
実際に優れた人にあった事ないんだわ。

だから問題出してみたんだが、やっぱり覆してくれないわけじゃん？

覆してよ。
俺も楽して資産1億まで持っていきたいし、世界で通用するオリジナルのプログラム作りたいから早くしろよ。
早くAIも楽して作れよ。動画で学べば簡単にできるだろ？

216

： Name_Not_Found [sage] 2019/09/21(土) 13:59:58.52ID:???

類は友を呼ぶ

217

： Name_Not_Found [sage] 2019/09/21(土) 14:00:23.91ID:???

要するに提供する側と提供される側の発想なんだよ。
楽して云々いってるのは永遠に提供される側。

末端のお客さんなんだからクリエイティブとか生みの苦しみとか無縁の情弱。

218

： Name_Not_Found [sage] 2019/09/21(土) 14:02:46.32ID:???

誰かが作ってくれるのを待ってそれに乗って
それがダメになった一緒にダメになり
そしてまた誰かが新しいのを作ってくれるまで待つ。
まあそれでも生きてはいけるだろうけどその価値観を人に押し付けるのはどうかと思うけどね。

219

： Name_Not_Found [sage] 2019/09/21(土) 14:28:47.28ID:???

楽にも2種類ある

外的要因(ジョブ、キャリア)から生じる楽と、
内的要因(コーリング)から生じる楽

>>217

の言ってる楽は前者
前者の楽は金メッキみたいなもん

崇高なワイらのいう楽は後者だから、
そもそも、話が噛み合わないんだおね

220

： Name_Not_Found [sage] 2019/09/21(土) 14:30:30.81ID:???

仕事を取り組む姿勢が違う人とは話が噛み合わないから、お互いスルーするのが一番合理的。

221

： Name_Not_Found [sage] 2019/09/21(土) 15:20:32.24ID:???

確かにスレタイも読めずにポエム垂れ流して
必死になって荒らす奴とは仕事したくないね

222

： Name_Not_Found [sage] 2019/09/21(土) 15:57:31.27ID:???

1人だけ顔真っ赤にして独り相撲してるのが滑稽だね。

223

： Name_Not_Found [sage] 2019/09/21(土) 22:45:54.04ID:???

class統一教会の次はドットインストールに顔真っ赤な人かｗ
ネタが尽きないねこのスレｗ

224

： Name_Not_Found [sage] 2019/09/21(土) 23:59:46.06ID:???

同じ人だったりしてｗ

225

： Name_Not_Found [sage] 2019/09/22(日) 07:48:57.45ID:???

cssセレクタでtext本文の中身で指定するにはどう書くの

226

： Name_Not_Found [sage] 2019/09/22(日) 07:56:42.51ID:???

p::text

227

： Name_Not_Found [sage] 2019/09/22(日) 08:16:21.11ID:???

>>226

どうも
p::textでググッても引っかからない。コロンが無視されるのか

228

： Name_Not_Found [sage] 2019/09/22(日) 08:41:46.36ID:???

おまえ書きすぎｗ
よっぽど悔しかったんだな

229

： Name_Not_Found [sage] 2019/09/22(日) 11:57:46.57ID:???

涙目で言ってそうでカワイイ

230

： Name_Not_Found [sage] 2019/09/22(日) 11:58:41.13ID:???

そんなセレクタは無い

231

： Name_Not_Found [sage] 2019/09/22(日) 12:05:21.98ID:???

>>230

やっぱないすか？
xpath使うか…

232

： Name_Not_Found [sage] 2019/09/23(月) 15:18:00.86ID:???

>>225

意味不明。
jsで言うところのnodeTypeで取得するやつの事？

233

： Name_Not_Found [sage] 2019/09/23(月) 16:45:25.11ID:???

どうせbody {color: red;}とかそんなしょうもない話だろ

234

： 225 [sage] 2019/09/23(月) 17:30:40.26ID:???

>>232

JSのnodetypeが意味不明ですが

たとえば
<p>中身</p>
の ”中身"で指定できるセレクタは無いかということです

235

： Name_Not_Found [sage] 2019/09/23(月) 18:20:16.93ID:???

疑似クラスはまとめて複数指定することできる？
１つ１つしないとだめ？

236

： Name_Not_Found [sage] 2019/09/23(月) 18:43:02.51ID:???

>>234

cssでは出来ない

>>235

別になんとでも
*:before {
content: "aaa";
}

237

： Name_Not_Found [sage] 2019/09/23(月) 19:07:46.68ID:???

>>236

解答ありがとうございます
今お問い合わせフォームを作っていて
:focusについてなんですが

textarea,input[type=”text”]:focus {}ではtextareaが効かなかったのです

この場合別で書くしかないのでしょうか？

238

： Name_Not_Found [sage] 2019/09/23(月) 19:14:39.51ID:???

>>237

textarea:focus, input[type=”text”]:focus{}

239

： Name_Not_Found [sage] 2019/09/23(月) 19:21:36.00ID:???

>>238

できました
ありがとうございました！

240

： Name_Not_Found [sage] 2019/09/23(月) 19:25:33.93ID:???

細かいとこだけど:beforeは疑似要素

241

： Name_Not_Found [sage] 2019/09/23(月) 19:36:28.96ID:???

せやった、スマン

242

： Name_Not_Found [sage] 2019/09/24(火) 08:17:45.62ID:???

長いこと不満である案件について質問があります
昨今多くなったYoutubeやTwitch等のサムネイル羅列によるサイト構成において、
サムネイルや罫線の間へ強制的に設けられる空白・スペースの存在が邪魔でなりませんでした
モニターサイズが小さくなればなるほど無駄に思えます、これらをuBlockの要素隠蔽で無期限非表示にする方法はないでしょうか？

Amazonの検索画面等、似たサイト構成ながら空白そのものを条件付けているWeb構造の場合、それらを直接指定することで非常に快適な閲覧環境を作れました
問題のTwitch等は、<div></div>の間に別の<div></div>があるWeb構造で、それらが四重五重となってサイトを形成しています
何重にも重なる<div></div>と次の<div></div>の間に空白が設置されており、<div></div>をそれぞれ指定しても特定の表示アイテムか、
そのアイテムを含む一つ前の<div></div>による一区画全てを空白込みで指定することになってしまうのです
いや<div></div>の間にある空白スペースはどうやって指定するの？と

もう数年抱いている不満を解決したく、どうかお力をお貸しください

243

： Name_Not_Found [sage] 2019/09/24(火) 08:22:09.03ID:???

力をお貸しください

244

： Name_Not_Found [sage] 2019/09/24(火) 09:47:21.77ID:???

スレの範疇ではなくなるけど
$('body').html($('body').html().replace(/</div>\s+<div>/gi, "</div><div>"));
とかをブックマークレットに仕込めばいいんじゃないの？

245

： Name_Not_Found [sage] 2019/09/24(火) 11:11:25.88ID:???

>>244

自分、IQゾンビ並みなので何を言っているのか不明です、申し訳ないです

色々と模索して昔のYoutubeに関するスタイルシートをサルベージしました
当時と一緒で中身は一切分からないのですが、パーツと語感とコピペ検証をして成果が出ています

元が左寄せ用のwww.youtube.com###page-manager:style(margin-left:0px!important;)で
firefoxの[要素を調査]から模索、page-managerの部分がIDを示していると分かり、手間は多いものの一気に進みました
たどり着いてしまえば、機転だけでよくもまあ上手く行くもんだと思います

しかし調子のよいコピペにも限界があるようで、<div id="items" class="style-scope ytd-grid-renderer">の下にある
<ytd-grid-video-renderer class="style-scope ytd-grid-renderer" lockup="">へmarginが付与されていると、先のidコピペを使うことが出来ません
ytd-grid-video-rendererは何だろうと調べればどうやらスクリプトの様子
スクリプトに設定されたmarginの値を変更するにはどうすればいいんだ、と

CSSを1mmを理解していなくともここまで実用化出来たなら御の字ですかね
疲れましたわ
TwitchはYoutubeより簡易的なので、時間を見つけてチャレンジしたいと思います
もう少しYoutubeでidコピペの通用する部分を探し、一区切りとしたいですね

並行して恐縮ですが、どなたかスクリプトに付与されたmarginを調整する方法、ご存知でしたら教えてください

246

： Name_Not_Found [sage] 2019/09/24(火) 11:36:53.79ID:???

むほほー！！！
そういえばuBlockで、俯瞰した状態にて複数削除する時に###から##.へするよな（これも昔直感で見付けたこと）
体感は階層変更だろうか？うーん、とただ赴くままにスクリプトも##.にしたらいけてもうたｗｗｗｗｗｗ
きたこれ、これ上手くいっちゃったらもう止まらないわｗｗｗ全部解決しそうｗｗｗｗｗ
勝手に全部自己解決してなんやねん的なー

昔のスーファミじゃないんだから説明書を読まなくてもクリア出来ます！理論をWeb言語に持ってきてもねえ
こんな奇跡はそうそうないだろうけど、まあ、何とかなって良かったッス
はーお騒がせして申し訳ない

初めて広告除去系アドオンを導入した時並みにブラウザ環境が激変しそうｗｗｗｗｗｗｗｗｗｗｗ
（´∀｀）ｳﾍﾟﾍﾟﾍﾟﾍﾟﾍﾟ

247

： Name_Not_Found [sage] 2019/09/24(火) 14:39:48.13ID:???

長文すぎて読む気にならないから大して読んでないんだけど、ユーザースタイルシート使えば良いんじゃない？
あれこれサイトごとにいじくり回すのだるいでしょ

248

： Name_Not_Found [sage] 2019/09/24(火) 17:59:05.33ID:???

>>234

だからnodetype===3じゃねーか
もっというとテキストの文字列、たとえば「中身です」のうち「中身」を特定文字列として指定（取得）するとも
取れる質問の仕方だから意味不明なんだよ

249

： Name_Not_Found [sage] 2019/09/24(火) 18:09:54.00ID:???

ここはどんな質問にも厳しく答えるスレだって事忘れるなよ

250

： Name_Not_Found [] 2019/09/24(火) 18:11:01.19

ID

:ywxSos5F

>>245

まず、いついかなる時もブラウザの開発ツールを表示する癖をつけよう
んで、気になる要素があったら
ブラウザ表示側で右クリ→検証するか
開発ツール側のElementタブで、該当する要素をクリックするんだ

話はそれからだ

251

： Name_Not_Found [] 2019/09/24(火) 18:12:08.29

ID

:K646/f2x

>>249

そんな基本的なことまで教えてくれるなんて優しいなあ

252

： Name_Not_Found [sage] 2019/09/24(火) 18:30:10.31ID:???

！importantって上に書いても優先されるって認識でいい？
あと全部に付けたら特に意味ないよね？

253

： Name_Not_Found [sage] 2019/09/24(火) 18:45:53.92ID:???

うん

254

： Name_Not_Found [sage] 2019/09/24(火) 18:59:16.89ID:???

>>252

そうそう
あまり!important使うと後で弄る時に分かりにくくなるから、
使わずに済むなら使わない方がいいかも？

255

： Name_Not_Found [sage] 2019/09/24(火) 19:07:39.39ID:???

自分ですべてのCSSをかけるときに
!importantは使わない。
使ってはならないレベル

なにかのシステムがあってどうしても
変えられない既存のCSSがあるときにだけ使う

256

： Name_Not_Found [sage] 2019/09/24(火) 19:22:43.79ID:???

ありがとう

257

： Name_Not_Found [sage] 2019/09/24(火) 20:27:51.70ID:???

もう書かないと思ったけどレスがあったので後日談を
今確認するとF12のやつが開発ツールに該当していたので、自分も利用していましたわ
今日の今日までBSキーの誤爆が鬱陶しいとしか思わなかった仕組みですが、きっちり中身を見て用途を吟味すれば非常に利便性の高い万能ツールだと思います
公式で標準装備されているFirefoxと現在の技術革新に感謝したい

F12のそれはadobeが苦手で意固地に選択していたMicrosoft FrontPageを思い出します
自分のWeb技能が中途半端かつ年代もその周辺で途絶えており、せいぜいADSL時代のWeb技術よりは対応力がある程度（つまり現代じゃ残飯）なんですよね
多少の対応力があるおかげか、ぎりコピペや試行錯誤に運用出来た次第です

Twitchのページ改変はmarginの重複上書き仕様をサイト側がめちゃんこダブらせていたので、思ったより苦労しました
Youtubeと別ベクトルの手間でしたな
全部自己解決で何とも言えませんが、結果は両サイト共に上々
この調子でAmazonも調整しようかと思えど訪問頻度や手間と歯止めから増やすべきではないと判断

長年の懸念で、いざ取り掛かったらあっちゅーまに劇的改善し、ワロリーヌ
また、marginやpaddingのシートを上下左右一行にまとめる記述があった気もするけど、自分じゃ手一杯なので先のコードを一つずつコピペって対応しました
重複の酷かったTwitch用フィルターがその分増えてMyフィルター枠を圧迫している点だけ、心残りです
気が向いたらmarginの書き方を検索して、もし可能であったなら書き換えたいと思います
ではでは

258

： Name_Not_Found [sage] 2019/09/24(火) 20:49:29.95ID:???

ウポポポポ
書いたそばから(padding: 3px 15px 3px 15px!important;)や(padding:3px 15px 3px 15px!important;)でまとめられたっちゃ
楽しいんぬ
1スペースの有無が許容される場合と、差異が許されない場合の判断が根本的知識のない自分には厳しい
padding類はその辺り甘めでラッキー

今度こそ、今度こそさらばでござるううううう

259

： Name_Not_Found [sage] 2019/09/24(火) 23:21:43.83ID:???

F12 開発者ツールは、Chrome, Edge でも使えるけど、

Chromeが使いやすいのでは？

260

： Name_Not_Found [sage] 2019/09/25(水) 05:38:16.99ID:???

>>258

padding: 3px 15px 3px 15px!important;
↓
padding: 3px 15px!important;

261

： Name_Not_Found [sage] 2019/09/25(水) 22:32:50.64ID:???

！インポーテンツ

262

： Name_Not_Found [sage] 2019/09/25(水) 22:33:26.63ID:???

>>257

すごい早口でしゃべってそう

263

： Name_Not_Found [sage] 2019/09/26(木) 07:20:57.55ID:???

Amazonに手を出したのでまーた来ちゃいました（´д｀）ｳﾍﾟﾍﾟ
marginの上下+左右 上+左右+下 は自分もあの後気付いて変更しています、助言有り難う御座います
Amazonはこれまた違ってfloatの乱立と、右で左側にpaddingをしながら左で右側にサイズ固定+marginマイナス値とか、
マッチポンプのような訳分からんことをしていたので修正も嵩み面倒でしたね
商品サムネイルのサイズを小さくしたらめっちゃ快適にwお勧めですわwww
ネットの数だけサイトの仕様も変わるのですから、やはり自分でのサイト改変はuBlock要素隠蔽までに止めておいた方が健全ですな
ゾンアマyoutubetwitchの3種だけにしたい

今は、上下と左右の片方ずつをmarginしたい時のstyle(margin:0px 1px 0px 0px!important;)系にするかstyle(margin-top:43px!important; margin-left:0px!important;)系にするか悩ましいです
paddingも入れてこんな感じstyle(margin-top:43px!important; margin-left:0px!important; padding-bottom:0px!important;)になると!importantが邪魔で邪魔で（笑）
一行にまとめるようにしてからフィルターの中がナンチャッテスッキリはしましたけど
一昨日辺りにスレのログを参考にして!importantを削除した時、サイトのレイアウトを勝手に改変する手前、ひとつでも!importantを欠かせなかった現実がありまして今に至ります

昔のhtml理屈だとどっかで定義を作って一括変更！なイメージですわ
しかしそんなCSSの十八番である別枠に全体定義を設けるパターンではなく、あくまでstyle( )の一行のみにて完結するコマンド的なものがあると扱いやすいんですがｗ

264

： Name_Not_Found [sage] 2019/09/26(木) 09:41:50.63ID:???

chromeで、フォームに何か入力した状態でタブを閉じる
→「閉じたタブを開く」で復活させる
→入力していた情報まで復元される

こういう動作になることに気づきました
セキュリティ的な観点から閉じたタブのフォーム情報を復元したくない場合、
どうすればいいのでしょうか？

265

： Name_Not_Found [sage] 2019/09/26(木) 09:59:46.46ID:???

>>264

作る側の話か使う側の話か知らんが
前者ならautocomplete="off"
後者ならキャシュクリア設定すりゃいい話では？

266

： Name_Not_Found [sage] 2019/09/26(木) 10:04:15.15ID:???

>>265

ありがとうございます
autocompleteを設定したら復元されなくなりました

267

： Name_Not_Found [sage] 2019/09/26(木) 16:27:43.38ID:???

>>266

やんのか？このやろう！

268

： Name_Not_Found [sage] 2019/09/26(木) 17:05:14.43ID:???

？？？

269

： Name_Not_Found [sage] 2019/09/27(金) 01:23:26.50ID:???

このスレは刺すか刺されるかだからな

270

： Name_Not_Found [sage] 2019/09/27(金) 08:48:45.92ID:???

質問者は命がけで質問しろよ

271

： Name_Not_Found [sage] 2019/09/27(金) 10:27:33.92ID:???

ほんの一部の質問には優しく答えることもあるかもしれないスレ

272

： Name_Not_Found [sage] 2019/09/28(土) 12:56:27.29ID:???

質問者びびってんじゃねーぞ

273

： Name_Not_Found [sage] 2019/10/01(火) 15:50:13.48ID:???

ReactのstyledcomponentでCSSinjsを実装する場合はコンポーネントとスタイルのファイルは分けるべきですか？

274

： Name_Not_Found [sage] 2019/10/01(火) 16:11:41.97ID:???

当たり前だろ

275

： Name_Not_Found [sage] 2019/10/01(火) 16:14:52.34ID:???

担当が触る範囲を限定させてあげて
事故ｗ未然に防ぐのが大人の配慮

276

： Name_Not_Found [] 2019/10/01(火) 19:29:29.95

ID

:FnivZfMs

>>273

無能にReactは使いこなせんよ

277

： Name_Not_Found [sage] 2019/10/02(水) 00:51:48.04ID:???

普通にReactくらい使えるがw
今まではCSSmodulesで管理してたがstyledcomponentに移行しようと思ってな
あ、ちなみに応用情報持ちのフルスタックエンジニアっすw

278

： Name_Not_Found [sage] 2019/10/02(水) 01:23:05.99ID:???

応用情報って

>>273

くらいも自分で評価できないんだ？はぇ〜つっかえｗｗｗ

279

： Name_Not_Found [sage] 2019/10/02(水) 19:14:29.04ID:???

言葉遣い汚くてむやみに敵作るやつも無能な

280

： Name_Not_Found [sage] 2019/10/02(水) 19:35:21.85ID:???

無敵なんだろ
気分だけは

281

： Name_Not_Found [sage] 2019/10/03(木) 05:39:29.91ID:???

positionは親タグのrelativeが基準になると思いますが、
たくさんタグが入れ子になっている時、どこにrelativeがあるかはcssを探さなければならないのでしょうか？
開発ツールなどでわかるのでしょうか？
firefoxの開発ツールを使っています。

282

： Name_Not_Found [sage] 2019/10/03(木) 10:55:11.92ID:???

>>281

そうだよ。firefoxのｈ開発ツールで見ていく。

relativeに限らず他人の作ったサイトはcssを探したり解析してくんだよ。
昔なんて開発ツールすらなかったから、cssファイルを片っ端からどこで何が使われているか
ここをいじったらどことどこに影響出るかとか把握するのが大変だったんだわ

283

： Name_Not_Found [sage] 2019/10/03(木) 11:17:42.88ID:???

>>281

レイアウトタブのボックスモデルのプロパティのpositionの所に基準が出てる

284

： Name_Not_Found [sage] 2019/10/03(木) 22:34:27.19ID:???

CSSでアニメーションさせる時、スクロールのトリガーってどないしてます？

285

： Name_Not_Found [sage] 2019/10/03(木) 22:37:29.43ID:???

そりゃー要素によって代わりすぎる

286

： Name_Not_Found [sage] 2019/10/04(金) 20:08:07.56ID:???

あ？

287

： Name_Not_Found [sage] 2019/10/04(金) 20:25:51.39ID:???

ね？

288

： Name_Not_Found [sage] 2019/10/05(土) 00:41:34.95ID:???

しょた？

289

： Name_Not_Found [sage] 2019/10/05(土) 01:08:24.03ID:???

サイコー！やったー！

290

： Name_Not_Found [sage] 2019/10/05(土) 03:53:56.70ID:???

横で申し訳ないんだが、
postisonってabsoluteになりつつrelativeにはなれないの？

291

： Name_Not_Found [sage] 2019/10/05(土) 07:46:20.95ID:???

つまり？

292

： Name_Not_Found [sage] 2019/10/05(土) 08:08:26.21ID:???

positionスペルミスだったわｗ
親タグにrelativeを設定、子タグにabsoluteと同時にrelative, 孫タグにabusoluteみたいな。
そういう事例は無いと思うけど、もしそういう事態になったら、子タグの上か下にdivとか増やして、そこにrelativeを設定する正しいのかな。

293

： Name_Not_Found [sage] 2019/10/05(土) 08:58:09.16ID:???

弥生時代じゃあるまいしflex使えよ。

294

： Name_Not_Found [sage] 2019/10/05(土) 14:48:44.92ID:???

子供の方にクラス2つつければいいのでは

295

： Name_Not_Found [sage] 2019/10/05(土) 18:52:16.39ID:???

#div-id :not(th,td) {white-space: nowrap;}

これでうまくいかない。なんで。

296

： Name_Not_Found [sage] 2019/10/05(土) 19:25:25.32ID:???

#div-id
ﾍ(ﾟдﾟ)ﾉ ﾅﾆｺﾚ?

297

： Name_Not_Found [sage] 2019/10/05(土) 19:48:04.83ID:???

divにつけてるid名です。

このdivの子要素だけには適用したくないってことです。

298

： Name_Not_Found [sage] 2019/10/05(土) 21:06:22.77ID:???

>>295

#div-id :not(th):not(td) {white-space: nowrap;}
じゃねーの？

299

： Name_Not_Found [sage] 2019/10/05(土) 21:13:53.62ID:???

あ？やんぞコラ

300

： Name_Not_Found [sage] 2019/10/05(土) 21:16:31.67ID:???

かかってこいや！バッチこいや！

301

： Name_Not_Found [sage] 2019/10/05(土) 21:19:37.72ID:???

>>295

現状:notのリスト形に式対応してるのはsafariだけ

302

： Name_Not_Found [sage] 2019/10/05(土) 22:16:46.26ID:???

>>300

いいのか？ほんとにいいのか？いくぞ？

303

： Name_Not_Found [sage] 2019/10/05(土) 23:24:23.18ID:???

うおおおおおおお！！！

304

： Name_Not_Found [sage] 2019/10/06(日) 07:32:02.67ID:???

い、いくッ

305

： Name_Not_Found [sage] 2019/10/06(日) 07:33:31.83ID:???

ホモのチャHは勘弁してください

306

： Name_Not_Found [sage] 2019/10/06(日) 09:12:07.03ID:???

ﾋﾞｸﾝｯ！ﾋﾞｸﾝｯ！

307

： Name_Not_Found [] 2019/10/06(日) 16:40:39.33

ID

:dLq+Jtq1

!Importantとid乱用してセレクタがインフレ化してるの笑えるわ

html body#contact .contact_confirm.contact_confirm_step2 table#first tr:nth-child(2n) td.bg { background-color: #333 !important; }

みたいなの

308

： Name_Not_Found [sage] 2019/10/06(日) 20:25:55.50ID:???

いつも tr:nth-child 使っているけど、
そういえばnthって何の略かわからん・・・

309

： Name_Not_Found [sage] 2019/10/06(日) 20:30:26.01ID:???

Never ending sTory Hの略だよ

310

： Name_Not_Found [sage] 2019/10/06(日) 21:14:46.59ID:???

>>308

序数
1番目　First
2番目　Second
3番目　Third
4番目　Fourth
5番目　Fifth
6番目　Sixth
7番目　Seventh
8番目　Eighth
N番目　N-th

311

： Name_Not_Found [sage] 2019/10/06(日) 21:49:48.01ID:???

>>310

あぁぁぁ、そういうことか。
スッキリした・・・ありがとう。

312

： Name_Not_Found [] 2019/10/06(日) 22:39:59.71

ID

:2nqDhrNa

CSS4対応のブラウザが普及されるのはいつですか？

313

： Name_Not_Found [sage] 2019/10/06(日) 22:48:42.42ID:???

CSS4はありません

314

： Name_Not_Found [] 2019/10/06(日) 22:55:51.55

ID

:2nqDhrNa

>>313

もう開発終わりなの？

315

： Name_Not_Found [sage] 2019/10/06(日) 23:16:34.49ID:???

コンパイラなしに変数やミックスインが使えるようになります

316

： Name_Not_Found [sage] 2019/10/07(月) 08:45:05.15ID:???

css variablesはもう使えるけど…

317

： Name_Not_Found [] 2019/10/07(月) 12:29:40.14

ID

:+GTp3GQn

文の下線を 赤の線と青の線みたいに2種類3種類付けたいのですが、できる方いますか？

318

： Name_Not_Found [sage] 2019/10/07(月) 15:30:40.47ID:???

アンダーラインだけ色を変えたいってこと？

319

： Name_Not_Found [sage] 2019/10/07(月) 15:47:40.13ID:???

>>317

任意の文字列に二重線や三重線をつけて、それぞれ線ごとに色を変えたいって意味？
それとも文章の中の例えば単語ごとに違う色の下線をつけたいってこと？

後者の意味なら、とりあえずこれでも読んでみて
HTML／CSSで下線（アンダーライン）！3分でわかるテキスト際立たせテクニック
ttps://seolaboratory.jp/66605/

320

： Name_Not_Found [sage] 2019/10/07(月) 16:39:31.93ID:???

三重線色分け
ttp://https://jsfiddle.net/p6dj5qth/

321

： Name_Not_Found [sage] 2019/10/07(月) 17:06:18.00ID:???

今日は回答者のポテンシャルが高いな

322

： Name_Not_Found [sage] 2019/10/08(火) 12:18:24.25ID:???

オレの防御力ではガードし切れないな…

323

： Name_Not_Found [sage] 2019/10/08(火) 21:06:18.96ID:???

IE11+HTML+CSSしか使えない(JavaScriptもPHPもCGIも使えない)状況で、
Formを使ってプルダウンメニューからページ内遷移する方法を探してるんですけど参考になるページなどありませんか？

<form>
<select>
<option value="#test">A</option>
</select>
<input type="submit" value="送信">
</form>

みたいな形にすれば送信ボタンを押すと<p id="test">の地点へ飛んでくれると思っていたのですが上手くいきません
<form action="#">とするとURLの最後に#は入るんですけど、<option>に設定したvalueが#の後ろに反映されないのが悩みです

324

： Name_Not_Found [] 2019/10/08(火) 21:45:55.85

ID

:d0RS6mCb

そんなゴミ環境でページ作るのが悪い
まあCSSでゴニョゴニョして擬似的なプルダウンメニューでも作ってやるしかないんでないの

325

： Name_Not_Found [sage] 2019/10/09(水) 06:26:53.95ID:???

基本的にformでsubmit押してもactionで指定したサーバーのプログラムに
選択したvalueを送信するだけだからなぁ
CSSでプルダウンメニュー作ってリンクから遷移させる方が、送信ボタンを
押さなくていいから、ユーザーの手間は1つ減る
送信ボタンを押す一手間がどうしても欲しいならjavascript使うしか無いかも

ゴミ環境強制って役所の仕事とかかね？

326

： 323 [sage] 2019/10/09(水) 06:45:51.47ID:???

回答ありがとうございます。CSSで試してみます。

環境的にはお役所仕事みたいなものです。
Firefoxでも使えればアコーディオンメニューが出来るんですが、それすら許されず・・・。

327

： Name_Not_Found [sage] 2019/10/09(水) 14:13:59.88ID:???

>>326

出来ませんと言ったほうが良い。

やっぱり出来るじゃねーかって言われて、
次から無理難題が増える

328

： Name_Not_Found [sage] 2019/10/09(水) 20:42:00.90ID:???

progateの忍者犬が可愛くて可愛くて見てると楽しくて勉強って気分じゃなくなってしまいます
一緒に野原を駆け回ったり、忍者の修行したりして遊びたくなります
どうにかする方法ご存じの方いらっしゃいませんか？

329

： Name_Not_Found [sage] 2019/10/09(水) 20:56:29.97ID:???

>>328

こちらへどうぞ

Progateについて語れ
ttps://mevius.5ch.net/test/read.cgi/tech/1485784910/

330

： Name_Not_Found [sage] 2019/10/10(木) 21:13:30.25ID:???

あ？ここで教えろや

331

： Name_Not_Found [sage] 2019/10/14(月) 13:39:59.01ID:???

画像をクリックするとモーダルが開き、画像に関する詳細が表示される･･･という作りの場合、
それぞれの画像の下にモーダル関連の記述がある方が文書構造としてはベターなのでしょうか？

現状は処理が楽なので、bodyの閉じタグ手前にモーダル関連を一まとめにしてしまっていますが、
この作りだと画像との関連性がないと思い、質問しております。

332

： Name_Not_Found [sage] 2019/10/14(月) 14:09:15.17ID:???

altにでも入れて置いたほうがいいんじゃないかなと思う

333

： Name_Not_Found [sage] 2019/10/15(火) 22:45:48.17ID:???

>>331

何のための文書構造なのか
検索エンジンを意識してるならわかりやすい構造にすればいいし
したところでほぼ何も順位はかわらないだろう。
自分以外の制作者を意識してるならそういう作りにすればいい

334

： Name_Not_Found [sage] 2019/10/16(水) 03:56:57.16ID:???

運用しやすそうな方にすれば

335

： Name_Not_Found [sage] 2019/10/17(木) 12:21:04.03ID:???

ttp://https://youtu.be/EFM_g_mC_IA

336

： Name_Not_Found [sage] 2019/10/17(木) 14:17:40.23ID:???

UTF-8で保存したLess
CSSとしては機能してるけど、ブラウザで直接Lessを表示すると、コメントアウトなどの日本語が文字化け
どうやって回避したら良いのでしょ？

337

： Name_Not_Found [sage] 2019/10/18(金) 05:10:25.93ID:???

今はほとんどが、SASS。
Less を使っている人は、いない

Lessを、Less Compiler で、CSS へ変換するのでしょ？

SASS のスレで、聞いてみれば？

338

： Name_Not_Found [sage] 2019/10/18(金) 12:20:44.21ID:???

そやね
sassスレなら誰かわかるかもしれんぞ
僕はLessわかりません。。

339

： Name_Not_Found [sage] 2019/10/18(金) 13:02:34.40ID:???

クライアント側jsでやってるのかも？
ブラウザで直に表示した時の文字化けは気にするだけ無駄
どうしてもというならlessファイルに対してサーバーで応答ヘッダのcontent-typeにcharaset指定するくらいかな

340

： Name_Not_Found [sage] 2019/10/18(金) 21:35:01.65ID:???

保存したとか書いてるから、UTF8のテキストファイルをブラウザで開いたら化けた！って話かと。

341

： Name_Not_Found [sage] 2019/10/18(金) 21:38:47.93ID:???

現在は大半はSASSかSCSSだね。

342

： Name_Not_Found [sage] 2019/10/20(日) 05:14:43.11ID:???

んなこたぁない
工作員か？

343

： Name_Not_Found [sage] 2019/10/20(日) 05:57:57.02ID:???

いつもの荒らし

344

： 336 [sage] 2019/10/20(日) 09:42:02.10ID:???

>>339

>クライアント側jsでやってるのかも？
そです
SCSSでも良かったんだけど、ローカルがwinだとRuby入れろだのめんどくさいこと言ってる解説が一杯有って、
なんでCSSへのデコードでそんなもん入れななならんのじゃ！って反発してたら、
VScodeの拡張だけっで行けたんでこっちで行くことにしたです

どもありがとです

345

： Name_Not_Found [sage] 2019/10/20(日) 10:11:36.16ID:???

sass使うのに今どきrubyなんて使わんよ。
トラブルの元だからな。
node-sass使う。

346

： Name_Not_Found [sage] 2019/10/20(日) 11:53:39.96ID:???

まともな発信が少ないせいなのか古い情報がなかなか消えないよな
直近1年検索が重宝する

347

： Name_Not_Found [sage] 2019/10/20(日) 22:53:08.73ID:???

googleの直近1年検索って精度低いよな

348

： Name_Not_Found [sage] 2019/10/21(月) 00:53:03.30ID:???

というかもうグーグル検索結果は地獄絵図　検索こじきしかいない

349

： Name_Not_Found [sage] 2019/10/21(月) 07:57:51.64ID:???

たまにゲイツの方使うと精度高くてびびる

350

： Name_Not_Found [sage] 2019/10/21(月) 10:12:40.51ID:???

>>345

かなり長いこと使ってトラブった経験ないんだが
具体的に何があるん？

351

： Name_Not_Found [sage] 2019/10/21(月) 10:25:08.54ID:???

osアップデート掛かったらビルド通らなくて大騒ぎになった。
macにプリインされてるrubyのバージョンが上がって、rubyスクリプト動かなくなったのが原因だった。
でruby使ってるのが結局sassの部分だけであることが判明し、
そもそもなんでフロント作るのにrubyがしゃしゃり出てくんの？と議論になり、
調べたら速度的にもパッケージのバージョン管理的にもnode-sassのほうがだいぶ優秀、というか日本以外ではsass使うならnode-sassのほうが主流ということが分かり、
改修して結局rubyへの依存性はゼロになった。
ビルド時間も短縮された。

352

： Name_Not_Found [] 2019/10/22(火) 10:49:00.50

ID

:XDnnYt09

Ruby のSASS は、だいぶ前に終了した！
皆、知っている

VSCode の拡張機能にもあるし

今は、Ruby2.6.5 が最新だよ。
Mac のプリインストールのRuby を使う人なんて、いないだろw

Linux でも、2.3 〜 2.5 ぐらい

353

： Name_Not_Found [sage] 2019/10/22(火) 11:30:38.66ID:???

rubyもnodeも
バージョン管理ツール入れるところからだな

354

： Name_Not_Found [sage] 2019/10/22(火) 11:58:46.27ID:???

いやrubyへの依存ゼロになったので要りません。押し売りはやめてください。

355

： Name_Not_Found [sage] 2019/10/22(火) 12:50:23.30ID:???

linterはどうしようかねえ。
sass-lintはrubyフリーかと思ったけどもう先がない？

356

： Name_Not_Found [sage] 2019/10/22(火) 17:47:18.75ID:???

CSSの関数calc()について質問です

hsl()のl、明度の値（0%〜100%）をCSS変数を基準に求めます
CSS変数xには0〜100の任意の数が入っています
このときcalc()を使って、「変数xが0〜50なら-1より小、50〜100なら1より大」を求める方法は無いでしょうか

自分で考えたのは、(x-50)÷(x+50)をして正負を出すところまでです
＋000│＋050│＋100　：x
−050│＋000│＋050　：x-50
＋050│＋100│＋150　：x+50
−001│＋000│＋0.33　：(x-50)(x+50)

絶対値が1より小さいんだから、あとは1を割るだけじゃん！となりますがゼロ除算はHTMLパーサーがエラーを生成するので困ってます
不可能なら大人しくJavaScript書きます

357

： Name_Not_Found [sage] 2019/10/22(火) 17:52:50.94ID:???

-1より小と1より大で分けたのは、×100すれば-100と100にできて
これをlに指定すれば自動で0と100に正規化されるからです

358

： Name_Not_Found [sage] 2019/10/22(火) 22:58:20.89ID:???

scss使えよ。業界標準技術やろ

359

： Name_Not_Found [sage] 2019/10/22(火) 23:14:41.74ID:???

SCSSだと他で使う時もSCSSでやって貰わんとだからお勧めしないぞ
あくまでCSS作成ツールに過ぎんしな

360

： Name_Not_Found [sage] 2019/10/22(火) 23:30:27.03ID:???

一度使うと手放せんな。
cssで納品するとかでなければ使わん手はない。

361

： Name_Not_Found [sage] 2019/10/22(火) 23:37:41.64ID:???

業界標準技術ではないやろ……便利やけど
てか独自拡張の便利ツールやぞ

362

： Name_Not_Found [sage] 2019/10/23(水) 02:41:16.47ID:???

MScodeのLive Sass Compilerを使ってるんですが、

table.sample {
〜〜〜
{
td {
〜〜〜
:hover {〜〜〜
}
}
}

とするとコンパイル後、:hoverの前に半角スペース入っちゃって(table.sample td: hover{})となり、正常に作動しないですけど、
これはLive Sass Compilerのコンパイルミスなのか、SCSSのSyntaxErrorのどちらなのでしょう？
td:hover{}で別に書けば回避できるけど、これじゃなんか…

363

： Name_Not_Found [sage] 2019/10/23(水) 02:46:05.95ID:???

訂正

table.sample {
〜〜〜
td {
〜〜〜
:hover {
〜〜〜
}
}
}
です

364

： Name_Not_Found [sage] 2019/10/23(水) 02:46:29.11ID:???

&:hover

365

： Name_Not_Found [sage] 2019/10/23(水) 02:54:18.13ID:???

>>364

ふぉぉ〜〜〜〜出来ました！
なるほど…擬似クラスだから&で参照なのですね
勉強になりました
どうもありがとうございました

366

： Name_Not_Found [age] 2019/10/23(水) 20:39:25.78ID:???

フリーが落ち目になったため中途採用で面接を受ける者です
それなりの数のポートフォリオなどはあるのですが、面接時に実技試験があります
簡単なページを1時間ほどで制作と先方から連絡をもらいましたが、どのような試験が多いかわかる業界のかたいませんか？
当方1年ほどブランクがあるので最低限これくらいはリハビリしていった方がいいとか60分のページ制作で求められるものやページ数などなんでもいいので採用担当や人事のかたいましたらアドバイスほしいです

367

： Name_Not_Found [sage] 2019/10/23(水) 21:26:50.05ID:???

altとかは当然として、main、article、sectionとアウトラインは知っていて欲しい
後はflexとgrid、floatのclearfix
こんなけ知ってれば大体どうにかなるやろ

368

： Name_Not_Found [] 2019/10/23(水) 21:32:07.59

ID

:2k1FaUSq

>>366

そんな試験がある会社がそもそもそんなに多い気がしないんだが

369

： Name_Not_Found [] 2019/10/23(水) 21:32:47.42

ID

:2k1FaUSq

>>367

clearfixだけその中で場違いな気がｗ
そうとう久しぶりに見た気がする

370

： Name_Not_Found [sage] 2019/10/23(水) 21:37:08.55ID:???

>>369

もちろんもう新しく使う事はないけど、
保守の時に必要になることがたまによくあるからな
floatってとっつきにくいから知ってないとそれはそれでマズイ

371

： Name_Not_Found [sage] 2019/10/23(水) 21:37:55.46ID:???

逆に言うと古い技術で知っておきたいのはclearfixぐらいってことでもある

372

： Name_Not_Found [sage] 2019/10/23(水) 21:43:18.93ID:???

>>367

ありがとう！
甘えついでにそれらをまとめて模擬試験とか解説とかをしてるサイトをご存知なら教えてほしいです
あらためて見つめ直すと欠けてるところもありそうで怖い

373

： Name_Not_Found [sage] 2019/10/23(水) 21:44:04.02ID:???

真剣にhtmlと向き合ってれば自然と覚えるよ

374

： Name_Not_Found [sage] 2019/10/23(水) 22:13:15.43ID:???

試験のある会社ってどんなんだ
ポートフォリオと実際にwebにあがってるものみりゃ
実力なんてわかるだろ
試験できても実務で使い物にならなけりゃ意味ねえし
DTP検定なみにうさんくさ

375

： Name_Not_Found [sage] 2019/10/23(水) 23:07:56.04ID:???

clearfixっているか？
float時代もずっと使ってなかったんだが
overflowでいいじゃん

376

： Name_Not_Found [sage] 2019/10/23(水) 23:38:24.65ID:???

flow-rootあるやん

377

： Name_Not_Found [sage] 2019/10/24(木) 00:00:29.79ID:???

まだアイポン無視するには時代が追いついてないん

378

： Name_Not_Found [sage] 2019/10/24(木) 01:57:41.49ID:???

まだサポートしてないからな

379

： Name_Not_Found [sage] 2019/10/24(木) 03:14:59.81ID:???

みなさんご助言ありがとうございます
デザイン上がりでwebにきたもんですから正直コーディングが苦手でfloatなんか聞きたくもない感じなんですが…
初耳の単語もちらほらで不安でしかないですbootstrap使ったら殺されますか？
今はもっとスマートな制作ツールとかあるんでしょうか？

380

： Name_Not_Found [sage] 2019/10/24(木) 03:53:35.65ID:???

>>375

新規案件ではもういらんけど
保守メンテで古いサイト任されたら必要だろ

381

： Name_Not_Found [sage] 2019/10/24(木) 06:42:40.20ID:???

clearfixのパラメータをカンニングしないで書け
っつわれたら
書けないわー

382

： Name_Not_Found [sage] 2019/10/24(木) 06:44:55.09ID:???

afterにcontent"."、clear:both、disaplay:block…で良かったっけ？
なんか自信ないなぁ

383

： Name_Not_Found [sage] 2019/10/24(木) 09:35:23.89ID:???

floatの解除にclearfixを使って、思い通りのレイアウトに！
ttp://https://qiita.com/mariofujisaki/items/2ad1de8432d7249afadc

.clearfix::after {
content: "";
display: block;
clear: both;
}

384

： Name_Not_Found [sage] 2019/10/24(木) 10:58:51.33ID:???

IMEに登録しておいてもいいやつだな

385

： Name_Not_Found [sage] 2019/10/24(木) 11:56:34.94ID:???

zoomなかったっけ
要らなくなったんかな

386

： Name_Not_Found [sage] 2019/10/24(木) 12:13:21.11ID:???

人のつくったサイトいじるときになぜか配置が変とか
なぜか背景画像が切れるとかあったらだいたいfloatのせい

387

： Name_Not_Found [sage] 2019/10/24(木) 14:42:30.50ID:???

>>385

zoomはIE7以下で
display: inline-blockが使えないので代わりに
display: inline;
zoom: 1;
とすることで同等の扱いにするもの

388

： Name_Not_Found [sage] 2019/10/24(木) 17:36:44.09ID:???

ヤマハの公式サイト、阿部寛化
ttp://https://rocketnews24.com/2019/10/24/1282177/

389

： Name_Not_Found [sage] 2019/10/24(木) 17:58:09.42ID:???

>>388

サイト全体ではなくこのフォルダだけだから
たぶんこの特設ページの、そういうネタなんだろう
ttp://https://global.yamaha-motor.com/jp/showroom/event/tokyo-motorshow-2019-bs/

わざわざテーブルレイアウトしたり
gif使ったり、背景抜かなかったり、芸が細かいなｗ

390

： Name_Not_Found [sage] 2019/10/24(木) 18:33:04.01ID:???

>>381

プログラミング学習じゃ暗記より理解の方が圧倒的に大事
勉強の試験じゃひたすら暗記だけど、プログラミングはいくらでもカンニングして良いし寧ろもっともっとリファレンス読み込んで理解すべし

391

： Name_Not_Found [sage] 2019/10/24(木) 19:33:23.35ID:???

>>383

afterの前はコロンが2つなの？

392

： Name_Not_Found [sage] 2019/10/24(木) 19:48:19.01ID:???

>>391

擬似クラスは１つ、疑似要素は２つ
なんだけど１つでも許される

393

： Name_Not_Found [sage] 2019/10/24(木) 19:52:18.70ID:???

擬似要素と擬似クラスを見分けやすくするためにCSS3でコロン２つに変更された

394

： Name_Not_Found [sage] 2019/10/24(木) 21:15:30.48ID:???

余談だけど、疑似クラスはJavaScriptの要素取得に使えるけど疑似要素は使えないとかもあるね

395

： Name_Not_Found [sage] 2019/10/24(木) 21:19:46.60ID:???

疑似クラスも無視されてるだろ。
#hoge:hoverとか付けててもホバーしてるしてない関係なく#hoge取得されるし

396

： Name_Not_Found [sage] 2019/10/24(木) 21:21:20.92ID:???

ギジギジうるさいぞ

397

： Name_Not_Found [sage] 2019/10/24(木) 21:42:11.59ID:???

>>388

ソースにAA描くとかも懐かしいｗ

398

： Name_Not_Found [sage] 2019/10/24(木) 21:53:31.93ID:???

>>395

え？
"idがhoge"は#hogeも#hoge:hoverも両方当てはまるから当然だしむしろその動作じゃないとおかしいぞ
#hoge:hoverでCSSを設定するのは#hoge単体には設定しないから非ホバー時#hogeに適用されないんだ

399

： Name_Not_Found [sage] 2019/10/24(木) 21:57:28.82ID:???

querySelector('#hoge:hover')

ってことじゃろ？

400

： Name_Not_Found [sage] 2019/10/24(木) 22:00:01.98ID:???

そう。jsの話だったので

401

： Name_Not_Found [sage] 2019/10/24(木) 23:59:09.77ID:???

Document.querySelector('#id')
Document.querySelector('*:hover')
Document.querySelector('#id:hover')

どれも意図通り（ホバー時は要素、非ホバー時はnull）に動くよ
以前は不具合があったのか、IEみたいな互換性低い環境で試作してたんじゃね

402

： Name_Not_Found [sage] 2019/10/25(金) 08:03:22.59ID:???

元乃木坂46 の川後陽菜のOFFICIAL SITE も速い

ファンサイト・ファンクラブ・ストアサイトを運営してる、SKIYAKI という会社

403

： Name_Not_Found [sage] 2019/10/26(土) 01:58:49.25ID:???

HTMLってレンダリングにtridentとかWebKitとか分散してるけど
何で統一しないの

404

： Name_Not_Found [sage] 2019/10/26(土) 03:00:19.55ID:???

>>403

俺のブラウザのためにこの機能入れてくれ！っていっても
反対されるか、説得に時間がかかるから

405

： Name_Not_Found [sage] 2019/10/26(土) 08:11:22.19ID:???

俺様のBLINKとMARQUEEを早く復興しておくれ。復興してくれないならNetscape続けなくちゃな！

406

： Name_Not_Found [sage] 2019/10/26(土) 10:50:54.83ID:???

ブリンクは試してないがマーキーは使えるぞ？

407

： Name_Not_Found [sage] 2019/10/26(土) 10:52:15.44ID:???

こんなの？
ttp://https://global.yamaha-motor.com/jp/showroom/event/tokyo-motorshow-2019-bs/

408

： Name_Not_Found [sage] 2019/10/26(土) 11:28:47.97ID:???

レスありがとう。なにか古い知恵で書き込みたくなっただけやねん

409

： Name_Not_Found [] 2019/10/26(土) 11:46:35.02

ID

:a+/XhDul

EdgeでCSS4対応するのはいつなの？

410

： Name_Not_Found [sage] 2019/10/26(土) 15:28:12.14ID:???

CSS4なんてのは存在しないよ
CSS全体の版に付番されるのはCSS3までで、以降はmodule単位で版を見なきゃだめ
しかも新しいmoduleの番号 (level) は4とは限らない

例えば現行の「値と単位」はCSS Values and Units Module Level 3で次は同Level 4だけど
現行の「CSSグリッド」CSS Grid Layout Module Level 1に対して次期はlevel 2

411

： Name_Not_Found [sage] 2019/10/26(土) 15:33:16.50ID:???

あとEdgeはそのうちChromiumに統合されるからEdgeHTML仕様は消滅するよ

412

： Name_Not_Found [] 2019/10/26(土) 16:17:47.02

ID

:a+/XhDul

>>411

マジで？それは困るなあ

413

： Name_Not_Found [sage] 2019/10/26(土) 17:20:43.68ID:???

>>412

EdgeHTML果汁入りのEdgeがEdgeHTML（とWebkitも？）果汁をなくして
Blink果汁他100%になるだけだ、安心しろ

414

： Name_Not_Found [] 2019/10/26(土) 17:41:26.45

ID

:a+/XhDul

>>413

いやいや、Windows10でウンカスIE/Edgeがそのまま消えずに居座るんでしょ
それが厄介なんだよ
IE12(中身はWebkit)，Edge(中身はWebkit)とかになってくれればいいんだが
そううまくは行かないだろうし

415

： Name_Not_Found [sage] 2019/10/26(土) 20:21:46.88ID:???

>>414

いやEdgeは完全にChromiumに移行してレンダリングエンジンはBlinkになるよ
IE11のサポート終了は発表されてないけどね

416

： Name_Not_Found [sage] 2019/10/26(土) 22:01:33.49ID:???

マジか！ Windows 10最高じゃん！！

417

： Name_Not_Found [sage] 2019/10/27(日) 00:02:41.27ID:???

残る癌はIE11だけか

418

： Name_Not_Found [sage] 2019/10/27(日) 00:10:10.30ID:???

Windows 10になれば、IE11をわざわざ起動するやつはいない
どこから起動すれば良いかもわからんだろう

419

： Name_Not_Found [sage] 2019/10/27(日) 00:12:25.67ID:???

日本じゃIEコンポのSleipnir人気じゃん

420

： Name_Not_Found [sage] 2019/10/27(日) 00:24:16.73ID:???

歓喜するのは尚早すぎるけどな
MSもセキュリティ専門家もIEからEdgeに移行しろなんて今までも散々言ってきたし、機能も明確に差があるのにIEに籠もってる層は生まれてる訳だ

そもそもそういう層は古い技術でしか作られてないツール使う必要性からとか、そもそもブラウザはIEのアイコンしか知らん！って勢力が多いから籠もってる
IE11が消えない限り足かせは外れない

421

： Name_Not_Found [sage] 2019/10/27(日) 01:17:24.67ID:???

別に今使ってるブラウザの機能をフォロー出来てるんならそっちに自然と移行するだろ
脆弱性少なくても重かったり使い勝手悪かったらただの糞ブラウザ

422

： Name_Not_Found [sage] 2019/10/27(日) 03:06:33.41ID:???

IE11が消えない限りーというが、
IE10までは消えてるわけで

423

： Name_Not_Found [sage] 2019/10/27(日) 05:27:57.67ID:???

IE11 では、5ch も無限ループか何かで、ずっとフリーズして動かないから、Edge を使ってる

でも、Edgeでは、エロ動画の再生エラーが多いから、Chrome も使うw

424

： Name_Not_Found [sage] 2019/10/27(日) 08:32:48.94ID:???

Excelでブラウザ操作の自動化がIEしかできないんじゃなかったっけ？
VBAの本は皆こぞってIE前提に書いてるからなくなれないだろ

425

： Name_Not_Found [] 2019/10/27(日) 11:10:49.55

ID

:tTOfjE9v

IEはせめてconic-gradientに対応してくれ

426

： Name_Not_Found [sage] 2019/10/27(日) 11:27:40.39ID:???

EdgeってIEコンポーネントみたいに利用出来て個人でブラウザ開発に使えたりすんの？

427

： Name_Not_Found [] 2019/10/27(日) 21:20:29.88

ID

:+u6qNVg6

>>426

Edgeはエンジンがblinkになったので
ふつうにChromium使うのと同じ

iOS用Edgeというものもあって
それはwebkit使ってる

428

： Name_Not_Found [sage] 2019/10/27(日) 21:20:44.04ID:???

スマホで5chを見ると勢い順、新着順、過去に見たスレなどを見れるのに
Chromeのデベロッパーツール(F12)だと勢い順、新着順、過去に見たスレなどが表示されないのはなぜですか？

429

： Name_Not_Found [sage] 2019/10/27(日) 22:02:58.62ID:???

クッキーかUAで制御している
具体的にどのURLか教えてくれれば見るよ

430

： Name_Not_Found [sage] 2019/10/27(日) 22:28:22.61ID:???

普通にここの板とか
ttp://itest.5ch.net/subback/hp

431

： Name_Not_Found [sage] 2019/10/28(月) 06:54:01.27ID:???

クッキーだな
最初に読み込んだ時にPCかモバイルかを切り分ける
デベロッパーツールでモバイルにしたりや画面の幅を変えても変わらない

432

： Name_Not_Found [sage] 2019/10/28(月) 14:21:49.65ID:???

質問です。
videoタグを使って動画を再生するページを作っています。
ひとつの動画を横並びにふたつ表示して同時に再生させてシークした場合も同期させたいです。
ふつうにvideoタグをふたつ記述してソースも同じにしてやってみました。
シーク後にdocument.getElementById("test2").currentTime=document.getElementById("test1").currentTime;で同じ位置になるかな？とやってみたら少しずれてしいまいます。
mediagroupも試してみましたがこちらは片方の再生ボタンを押してももう片方は全く動作しませんでした。
何かいい方法はないでしょうか？
全く同じ物をふたつ表示できるクローンみたいなものとかないでしょうか？

433

： Name_Not_Found [sage] 2019/10/28(月) 18:58:53.51ID:???

>>432

参考になる？

HTML5 Video: Synchronizing Playback of Two Videos
ttp://https://bocoup.com/blog/html5-video-synchronizing-playback-of-two-videos

434

： Name_Not_Found [sage] 2019/10/28(月) 19:05:38.17ID:???

ちょっと待って！
今の言葉！

435

： Name_Not_Found [sage] 2019/10/28(月) 19:37:34.72ID:???

>>433

ありがとう、参考になりました
出来ることは確認しましたが同じことをやろうとしても難しくてさっぱりでした

436

： Name_Not_Found [sage] 2019/10/29(火) 12:11:56.87ID:???

>>431

いや切り替わることは可能です
普通にデベロッパーツールの状態で再読み込みすればスマホ版になります

そういう質問ではなくて、勢い順、新着順などが見れなくなるのです
「通常順」は見れるのですが、横にある「人気」「新着」が作動しません

437

： Name_Not_Found [sage] 2019/10/29(火) 18:31:05.84ID:???

>>428

SPとPCで違うサイトに飛んでるよ。

SP
ttp://itest.5ch.net/subback/hp
PC
ttps://mevius.5ch.net/hp/?v=pc

ドメインから違うｗ

438

： 437 [sage] 2019/10/29(火) 18:35:43.35ID:???

ごめん質問の意味違うか
普通にクロームでスマホサイトで人気順、新着順に切り替わるぞ
ちょっとでも切り替わるまでの時間が長いから真っ白になるけど

439

： Name_Not_Found [sage] 2019/10/29(火) 18:58:20.16ID:???

専ブラって登録制のdat直アクセスじゃなかったっけ？？

440

： Name_Not_Found [sage] 2019/10/29(火) 19:08:53.65ID:???

戦ブラじゃなくてスマホ版の話しじゃないの

441

： Name_Not_Found [sage] 2019/10/29(火) 19:10:27.15ID:???

そうだったか

442

： Name_Not_Found [] 2019/10/29(火) 20:07:11.65

ID

:bJPNpUmc

クッキーと言えば、公取委が規制に乗り出したな

443

： Name_Not_Found [sage] 2019/10/29(火) 20:57:20.44ID:???

>>438

何度もすみません
ご返答ありがとうございます

私も今やってみたら人気順、新着順見れました
以前は見れなかったのですが
サーバーの不具合？か何かだったのでしょうか
失礼しました

444

： Name_Not_Found [sage] 2019/10/30(水) 00:36:18.81ID:???

商品の画像を複数連結した1つにしたものを
cssでbackground-imageを指定して、
backgroud-posisionでずらすというのは、今でも一般的なやり方？
昔流行ったやり方でディスクI/Oの低減ぐらいがメリットだと思うけど
他にメリットはある？

445

： Name_Not_Found [] 2019/10/30(水) 00:39:22.75

ID

:dB4ZTsOh

>>436

せっかくデヴツール開いてんだから
そこんとこの要素がどうなってるか
見てみればいいじゃない

446

： Name_Not_Found [sage] 2019/10/30(水) 15:25:26.44ID:???

>>444

ゲーム制作ツールのTexturePacker, SpritePacker, SpriteAtlas とかだろ

447

： Name_Not_Found [] 2019/10/30(水) 17:17:24.38

ID

:P7mHBMgN

>>444

スプライトは機械が勝手にやってくれるならやらせることもあるな

メリットとしては
リクエストが減るってのが大きいと思う

448

： Name_Not_Found [sage] 2019/10/30(水) 20:29:34.15ID:???

>>446-447

ありがとう、3個ぐらい連結してメリットがどうかわからなかったけど、
ディスクI/Oとかに困らなければ、サーバのストレージはSSDだし
今の時代ではそこまで積極的に使うものではないと考えます

449

： Name_Not_Found [] 2019/10/30(水) 20:57:21.31

ID

:XHVMu1Dh

>>448

ディスク資源よりも
ネットワーク資源の方の問題
サーバ側にもクライアント側にもメリットある

450

： Name_Not_Found [sage] 2019/10/30(水) 20:59:38.47ID:???

そうそう
だからインフラや鉄道などの災害時に大アクセスあるところなんかは
緊急時用に画像とかも全部埋めた1枚のHTMLだけのページ用意してる

451

： Name_Not_Found [sage] 2019/10/30(水) 21:02:21.92ID:???

全てインライン（一枚のHTML）ってのが理論上最も軽いしな

452

： Name_Not_Found [sage] 2019/11/01(金) 21:41:49.61ID:???

clearfixとclear:bothって違うの？
floatを含むdivにclear:bothをするのか、
floatを含んだ親の次のdivにclear:bothをするのでしょうか？

453

： Name_Not_Found [sage] 2019/11/01(金) 22:27:56.23ID:???

俺がボスだ！

454

： Name_Not_Found [sage] 2019/11/02(土) 04:30:19.29ID:???

あの…有料サイトで何度練習しても模写コーディングができないんですが、
これはどういう風に質問したらいいんでしょうかね(;_;)

455

： Name_Not_Found [sage] 2019/11/02(土) 07:38:37.37ID:???

>>452

clear:bothを半自動にしたものがclearfix
div:after{clear:both}
みたいにするけど、別に
br{clear:both}
のようにしても良い
要は最後にclear:bothが来れば何でも良い

けどそもそも今更float使う必要あるんか

456

： Name_Not_Found [sage] 2019/11/02(土) 08:07:38.22ID:???

floatはCSSの一番の難所だから是非理解してほしいけどな。

457

： Name_Not_Found [sage] 2019/11/02(土) 08:27:27.05ID:???

clearfixは手法名であって、clearfixというタグがあるわけではない。
手法名としてに認知されているからクラス名にclearfixと入力されることが多いけど、そこはcfと略したり何でもいい。

458

： Name_Not_Found [sage] 2019/11/02(土) 08:33:48.30ID:???

モダンなHTML/CSSをマスターして、ピチピチしたモダンな女の子と仲良く成りたいをw
(^q^)　キャーH

459

： Name_Not_Found [] 2019/11/02(土) 09:15:12.42

ID

:zu8erPcu

canvasとsvgって覚えるならどっちを優先したほうがいいと思いますか？

460

： Name_Not_Found [sage] 2019/11/02(土) 09:52:33.47ID:???

divでブロックにした要素が、要素外のすぐ上の文字を隠してしまうんですけどなんででしょうか？
floatは使ってないんですが。

paddingを広くとった問い合わせの文章のブロックがすぐ上の文章をpaddingの下に敷いてしまいます。

461

： Name_Not_Found [] 2019/11/02(土) 10:23:26.10

ID

:zu8erPcu

>>460

上の文字をブロックにしてみるかline-heightで調整してみては？

462

： Name_Not_Found [sage] 2019/11/02(土) 11:00:27.02ID:???

>>461

ありがとうございます！
これ2chしない知人の悩みで、今凹んで就寝中なので後で伝えさせて頂きます！(..)

463

： Name_Not_Found [sage] 2019/11/02(土) 12:14:33.04ID:???

>>452-457

このサイトで説明してる

floatの解除にclearfixを使って、思い通りのレイアウトに！
ttp://https://qiita.com/mariofujisaki/items/2ad1de8432d7249afadc

.clearfix::after {
content: "";
display: block;
clear: both;
}

.clearfix::after
clearfixというクラス名を付けた要素の直後(::after)に、

content: "";
contentプロパティで任意の文字などを挿入

display: block;
それをブロック要素にして、
表示はされないがclearfixを付けた要素の直後に要素を作った

clear: both;
ここでfloatを解除

464

： Name_Not_Found [sage] 2019/11/02(土) 13:10:01.84ID:???

異世界ちゃんこってなんだよ

465

： 452 [sage] 2019/11/02(土) 20:29:55.28ID:???

レスありがとう、かなりすっきりしてきました。
codepenとかthimbleで見てもらうのはやっぱりアカウント登録しないといけないのかな

466

： Name_Not_Found [sage] 2019/11/03(日) 04:29:17.68ID:???

>>460

それ絶対何かあると思うわ。普通はありえない。

467

： Name_Not_Found [sage] 2019/11/03(日) 07:42:03.67ID:???

>>465

アカウント登録は不要
ttp://https://jsfiddle.net/

468

： Name_Not_Found [] 2019/11/03(日) 10:14:41.67

ID

:v1MCYBSL

>>466

positionやらtransformあたりも怪しくなってくるな

469

： Name_Not_Found [sage] 2019/11/03(日) 12:58:45.65ID:???

すぐ上の文字列はpとかdivで囲ってブロックにしてるのかな？
jsfiddleとかに当該箇所のタグとCSSを書いてみたら、問題を切り分けやすいかも

470

： Name_Not_Found [sage] 2019/11/03(日) 17:41:57.81ID:???

以下の <h1>見出し</h1> の上部と <section> との間のスペースをなくしたいのですが、
どのようにすればいいのでしょうか？

<section>
<h1>見出し</h1>
</section>

現状は margin-top にマイナスの値を入れています。

h1 {
margin-top: -???;
}

471

： Name_Not_Found [sage] 2019/11/03(日) 18:19:29.69ID:???

>>470

ですが、単純に margin を 0 にしたらいけました。

h1 {
margin: 0;
}

472

： Name_Not_Found [sage] 2019/11/04(月) 09:12:37.88ID:???

私もスッキリしたいのですが（怒）

473

： Name_Not_Found [sage] 2019/11/04(月) 10:34:38.86ID:???

>>460

です、おはようございまーす
ここで相談したおかげでdivとmargin調整して文字かぶりがなくなったみたいです。
ありがとうございました！(>_<)

474

： Name_Not_Found [sage] 2019/11/04(月) 11:20:54.45ID:???

background-colorってその上下の要素まで侵食するってことありますか？
divでブロック化していれば上下の要素まで食い込むってことありませんよね？

475

： Name_Not_Found [sage] 2019/11/04(月) 11:24:18.91ID:???

ないはず
閉じ忘れとか？

476

： Name_Not_Found [sage] 2019/11/04(月) 12:00:00.55ID:???

>>475

background-colorが入ってるhtmlでのタグ閉じ忘れってことで合ってますよね？？
もうコード消してしまって正確に返事できなくなってしまいましたすみません…

477

： Name_Not_Found [sage] 2019/11/04(月) 18:50:26.19ID:???

今プロゲートやってるんですが、
spanタグでクラス名を囲ってるのはどういう理由でしょうか？
spanタグ自体はdivタグの中に入れ子？
になっています。

クラス名をインライン要素にするって意味ですかね…？

478

： Name_Not_Found [sage] 2019/11/04(月) 20:11:27.91ID:???

>>477

とりあえず該当箇所貼ってみて

479

： Name_Not_Found [sage] 2019/11/04(月) 20:40:34.92ID:???

<header>
<div class="container">
<div class="header-left">
<img class="logo" src="">
</div>
<div class="header-left">
<span class="fa menu-icon">
</span>←ここです
</div>
</div>
以下略しますけどこれのspanがどういう役目なのかを知りたいです…

480

： Name_Not_Found [sage] 2019/11/04(月) 20:56:27.51ID:???

その時点ではspanに特別なスタイルが設定されてない限り意味はないよ

あとクラス名をspanタグで囲うなんて見方はしちゃだめ
spanタグで要素が用意されてそれにクラスが付けられてる／クラスが付けられたspan要素を配置してる
と見た方が良いよ

481

： Name_Not_Found [sage] 2019/11/04(月) 21:14:02.78ID:???

>>479

それはFont Awesomeという外人が作った有名なwebアイコンサービスを
表示するための記述ですよ。
spanに対し疑似要素でΘみたいなアイコンを表示します。

なのでアイコン+テキストの場合
<span class="fa menu-icon">メニュー</span>
とすると

Θメニュー

となり、今回のソースではテキストは不要だからspanは空にしてるのです。

482

： Name_Not_Found [sage] 2019/11/04(月) 21:21:37.67ID:???

ちょっと紛らわしいよね
プロゲート最新技術おしえるのはいいけど
もうちょっと説明しやがれと思う

483

： Name_Not_Found [sage] 2019/11/04(月) 22:10:08.15ID:???

あ？文句あんの？

484

： Name_Not_Found [sage] 2019/11/04(月) 23:43:37.36ID:???

>>482

月980円(税別)で教材提供しているんだ、ガタガタ言うなや

485

： Name_Not_Found [sage] 2019/11/05(火) 04:30:49.35ID:???

>>479

です。
みなさんありがとうございます！
クラス名でどのアイコンをひっぱってくるか指定しているんですね(>_<)気がつかなかったぁ…
丁寧に教えてくれて本当助かりました。

紛らわしいというか、私の場合は単純に勉強不足だったと思います…今日上級クリアしたんだけどなぁ…

486

： Name_Not_Found [sage] 2019/11/05(火) 14:12:36.86ID:???

何か作ったりリファレンス読んだりしてると
自ずと知識増えていくかなと

プロゲートだと
box-sizing: border-box;
とか教えてないし

まぁなんでもかんでも教えてたらキリないからそこは仕方ない

487

： Name_Not_Found [sage] 2019/11/05(火) 14:46:57.51ID:???

301リダイレクトについて教えてください。サブディレクトリ「new」にディレクトリ構成が同じサイトを構成済みでURL変更リダイレクトさせたい。

今 ttp://https://hoge.info
新 ttp://https://hoge.info/new/

今のURLを新のURLに変更したいのですが.htaccessに
Redirect permanent / ttp://https://hoge.info/new/
を記述したら永久ループしちゃうんだけどどうしたらいいですか？

488

： Name_Not_Found [sage] 2019/11/05(火) 15:49:37.54ID:???

試してないから分からんが

RewriteEngine on
RewriteBase /
RewriteRule ^(.*)$ /new/$1 [R=301,L]

489

： Name_Not_Found [sage] 2019/11/05(火) 20:00:09.21ID:???

レンタルサーバーどこ？

490

： Name_Not_Found [sage] 2019/11/05(火) 20:01:04.54ID:???

σ(ﾟ∀ﾟ )ｵﾚ、レンタル彼氏！

491

： Name_Not_Found [sage] 2019/11/05(火) 20:03:27.64ID:???

さくらです。

492

： Name_Not_Found [sage] 2019/11/05(火) 21:25:23.13ID:???

うまいね

493

： Name_Not_Found [sage] 2019/11/05(火) 22:15:10.70ID:???

>>488

最後はこうじゃね？
RewriteRule ^((?!new/).*)$ /new/$1 [R=301,L]

494

： Name_Not_Found [sage] 2019/11/08(金) 22:44:25.77ID:???

Bootstrap覚えたらモダンな女の子からモテモテになれますか？

495

： Name_Not_Found [] 2019/11/08(金) 23:27:45.63

ID

:Jxck7GG0

英字のウェブフォントとか使うとたまに起こるんですが、line-heightを指定しているのに縦ラインがMacとWinでずれることがあります
CSSで解決することはできますか？

496

： Name_Not_Found [sage] 2019/11/09(土) 00:15:30.98ID:???

縦ライン？
とりあえずサンプルでいいからスクショ貼って

497

： Name_Not_Found [sage] 2019/11/09(土) 13:41:08.13ID:???

原因なんだろうね
line-heightをpxで指定しているのか、
それともemで指定しているのか、
それとも…とか

リセットCSSはheadタグで読み込んでいるのか、
それとも読み込んでいないのか、とか
検証したブラウザはなんなのか、とか
気になる要素がそこそこある気がします

ソース等貼れば何かわかるかも？？

498

： Name_Not_Found [] 2019/11/09(土) 14:34:06.95

ID

:FC8TIAfl

ttps://tukumemo.com/font-vertical-metrics/
おそらくこれと同じ症状のようです。
使ったフォントはBarlowという英字フォントで、Googleフォントだと問題なし、font-faceで読み込むと発生するようでした。
諸事情によりGoogleフォントが使えないので、UA判定して個別に対応するしかなさそうです。

IEの游ゴ以外にもずれが起こるとは…

499

： Name_Not_Found [sage] 2019/11/10(日) 09:28:33.79ID:???

模写コーディングって、どうやってこれは何pxだなとか測ればいいんでしょうか？

500

： Name_Not_Found [sage] 2019/11/10(日) 13:56:47.11ID:???

>>499

自分はCSSViewer使ってた
(letter-spacing等も同時に確認できる為)

少し手間ではあるものの、
デベロッパツールで確認するのもまぁOK
いろいろ試して効率化目指しましょう

501

： Name_Not_Found [sage] 2019/11/10(日) 22:59:16.78ID:???

印刷して紙をモシャモシャ食べる

502

： Name_Not_Found [sage] 2019/11/10(日) 23:58:58.91ID:???

紙は食べてもインクは食べたくない

503

： Name_Not_Found [sage] 2019/11/11(月) 09:46:32.34ID:???

>>500

cssviewerちょー便利ですね！？
良いもの教えてもらいました、ありがとうございます！

504

： Name_Not_Found [sage] 2019/11/11(月) 20:29:58.27ID:???

text-align: centerを継承したpタグにwidth:100%をするとセンター寄せになるのですが、

これが無いと左寄せになってしまいます。
pタグにwidthという考え方がわからないのですが、どう理解すれば良いでしょうか。

505

： Name_Not_Found [sage] 2019/11/11(月) 20:39:53.73ID:???

>>504

ttp://https://codepen.io/na7nagi/pen/dyyjZGL

pは元々width100%
何かしらのcssでwidthが変わっているはず

506

： Name_Not_Found [sage] 2019/11/11(月) 20:58:01.41ID:???

たしかに練習サイトでリセットcssがあり、pタグが0になっていました。
もともとは100％なのですね、勉強になりました。

そのcodepenのjsは今回は関係の無い内容でしょうか？
jsの経験は無く、1つ目のh1のフォントサイズを80pxにするという意味だと思いますが、
cssではなくjsに記述する時ってどういう時でしょうか？

507

： Name_Not_Found [sage] 2019/11/11(月) 21:02:55.47ID:???

>>506

ごめん、jsはサンプルが入っていた物をそのままにしていただけで、
今回の内容には全く関係がない

このjsはあくまでわかりやすい書き方をしているだけなので、
「1つ目のh1のフォントサイズを変える」というjsはまず書かないよ、そこは気にしなくて良い

508

： Name_Not_Found [sage] 2019/11/11(月) 21:19:58.15ID:???

cssセレクタで、n番目からm番目の子要素を指定するとかってできますか？

509

： Name_Not_Found [sage] 2019/11/11(月) 21:36:20.51ID:???

aからb番目
:nth-child(n+a):nth-child(-n+b)

510

： Name_Not_Found [sage] 2019/11/11(月) 21:47:04.94ID:???

li要素なんか扱う時に便利な疑似クラスだね

511

： Name_Not_Found [sage] 2019/11/11(月) 21:49:01.81ID:???

>>509

ありがとう
間違った、子要素じゃなくて
クラスで指定した中でa番からb番目ってできますか

512

： Name_Not_Found [sage] 2019/11/11(月) 22:15:22.91ID:???

.class:nth-child(n+a):nth-child(-n+b)

513

： Name_Not_Found [sage] 2019/11/11(月) 22:18:54.56ID:???

>>512

横からだけどそれだと

<div class="some-class-name"></div>
<div></div>
<div class="some-class-name"></div>
<div></div>
<div class="some-class-name"></div>

みたいなときにズレちゃうんじゃない？

514

： Name_Not_Found [sage] 2019/11/11(月) 23:40:06.52ID:???

セレクタ変えたらええがな

515

： Name_Not_Found [sage] 2019/11/12(火) 01:49:17.20ID:???

だったらdivの方を数えて「a番目からb番目のdivのうち.some-class-nameのみ」とか？
div:nth-of-type(n+a):nth-of-type(-n+b).some-class-name

516

： Name_Not_Found [sage] 2019/11/12(火) 13:13:07.30ID:???

（えっ…）

517

： Name_Not_Found [sage] 2019/11/12(火) 20:21:49.55ID:???

目的に合った手段を考えよう

518

： Name_Not_Found [] 2019/11/12(火) 22:54:59.55

ID

:cxKNvVYp

HTMLやCSSで数値を指定したら特定の文字数を増やす方法ってないですか？
4を指定したら
■■■■
5を指定したら
■■■■■■
みたいな感じで…Javascriptとかブラウザのセキュリティ警告みたいなのが出ない方法で良い方法ありませんか？

519

： Name_Not_Found [sage] 2019/11/13(水) 08:46:24.56ID:???

画像が表示されなくて困ってます
画像urlをアドレスバーで開き、キャッシュされたらサイト上でも表示されます
urlやタグは合ってるように思いますが、キャッシュを消したらまた表示されなくなります
考えられる原因は何でしょうか？ おそらくしょうもない質問ですいませんがよろしくお願いします

520

： Name_Not_Found [sage] 2019/11/13(水) 11:38:20.30ID:???

ブラウザにアドブロック入れてる？
他のブラウザや他のパソコン、スマホで試しても同じ？

521

： Name_Not_Found [sage] 2019/11/13(水) 13:26:17.09ID:???

>>518

文字数を増やすってどゆこと？
適当に何かの文字を書き足せばいいの？

522

： Name_Not_Found [] 2019/11/13(水) 22:04:27.51

ID

:Lo2VH6je

Webページにボタンを押すとそれに関連された音声ファイルを再生したいです
例えば、以下のようなボタンを作ってい
[Q][W][E][R]…
[A][S][D][F]…
それぞれのボタンを押すと
Q.WAVとかW.WAVとかの音声ファイルを再生したいのです
これはどうすれば実現できますか？

523

： Name_Not_Found [sage] 2019/11/13(水) 22:35:30.04ID:???

「html 音楽再生 ボタン」で検索！

HTML5のaudio要素で、音楽の再生や効果音を鳴らす方法
ttp://https://allabout.co.jp/gm/gc/385187/

524

： Name_Not_Found [sage] 2019/11/14(木) 01:08:20.38ID:???

下の記述だとiframeで縦スクロールがでちゃうんですがスクロールさせない方法ないでしょうか。

<div style="width:100%; !important; overflow:auto !important;-webkit-overflow-scrolling:touch !important;">
<iframe width="100%" height="1400" frameborder="0" style="margin-top:-390px; overflow:hidden;" src="URL"></iframe>
</div>

525

： Name_Not_Found [sage] 2019/11/14(木) 02:20:00.31ID:???

上でoverflowというのを初めて見たのでやってみたのですが、
<div class="a">
<p>これはテストです。これはテストです。これはテストです。これはテストです。</p>
</div>

div.a {width: 200px; height: 50px; background-color: #ddd;}
p {overflow: hidden;}

これをしても、3つ目の「これはテスト」が隠れるかなと思ったのですが、はみ出て表示されてしまうのですが、
隠すことはできるのでしょうか？

526

： Name_Not_Found [sage] 2019/11/14(木) 04:32:31.87ID:???

overflow の効果を得るには、ブロックレベルコンテナーに高さ (height または max-height) を設定するか
white-space を nowrap に設定することが必要です。

<div>
<p>これはテストです。これはテストです。これはテストです。これはテストです。</p>
</div>

p {width: 200px; height: 50px; background-color: #ddd; overflow: hidden;}

527

： Name_Not_Found [sage] 2019/11/14(木) 04:42:23.68ID:???

>>524

親要素のoverflow: autoに!importantつけてるから子要素のoverflow: hidden;効いてないんじゃね

528

： Name_Not_Found [sage] 2019/11/14(木) 09:33:23.37ID:???

>>526

ありがとうございます。
入れ物に設定するのではなく、overflowさせたいブロック的なものに指定するのですね。

529

： Name_Not_Found [sage] 2019/11/14(木) 11:40:24.27ID:???

>>526

>>528

えええ…

530

： Name_Not_Found [sage] 2019/11/14(木) 14:54:11.49ID:???

>>529

何か問題でも？

531

： Name_Not_Found [sage] 2019/11/14(木) 15:08:48.71ID:???

技術的に問題はないかもしれんが
このHTMLだったらdivの方だろう、overflowにすんの

pの方にしちゃったら
もうインラインの物しか置けないじゃん…

532

： Name_Not_Found [sage] 2019/11/14(木) 15:46:00.87ID:???

だったら最初からそう言えばいいのに。
それじゃこれでいい？

ttp://https://jsfiddle.net/mk50yu4d/

533

： Name_Not_Found [sage] 2019/11/14(木) 16:19:52.90ID:???

こっちの方がいいんじゃね？的な書き方すりゃいいのに
回りくどい上に性格悪いな

534

： Name_Not_Found [sage] 2019/11/14(木) 17:51:01.81ID:???

文句ばかりで態度悪い質問者だな

535

： Name_Not_Found [sage] 2019/11/14(木) 18:07:09.64ID:???

煽りたいだけなら他所でやって

536

： Name_Not_Found [sage] 2019/11/14(木) 18:23:38.73ID:???

煽ってる人も煽り耐性の無い人も
もう一度

>>1

を読みましょう

537

： 528 [sage] 2019/11/14(木) 18:56:49.41ID:???

>>534

いや、私じゃないですよｗ

>>532

divにoveflowつけるだけで良かったのですね。
てっきりoverflow:hiddenさせたいものと思い込んでpにつけるものと思ってました

538

： Name_Not_Found [sage] 2019/11/14(木) 19:53:17.37ID:???

>>537

というかdivもpもブロックレベル要素だから、基本的にはどっちでもいいんだけど

>>526

に書いてある通り、overflow設定するだけじゃ足りないよって話

539

： Name_Not_Found [sage] 2019/11/14(木) 21:28:04.92ID:???

ほぼ素人なのですが、教えて下さい。
ファイル一覧をAndroidでいうリストビューみたいな形で縦方向に表示したいのですが、どうすればいいでしょうか？
リストは十字キーとかでフォーカスが移動できて、選択しているものは色を変えたいです。
どこかにサンプルがあれば教えて頂きたく。

540

： Name_Not_Found [sage] 2019/11/14(木) 22:51:54.93ID:???

>>539

とりあえずこういうの？
ttps://haniwaman.com/parts/parts-3808/

あとフォーカス移動はtabキーで、これ↓をCSSに追加
.my-parts ul li a:focus {
background: #ff0000;
}

541

： Name_Not_Found [sage] 2019/11/15(金) 00:08:43.42ID:???

ありがとう！
そんな感じです。あとは、メニューの左側にサムネイル画像を入れたいのと、右側にはスクロールバーをつけたいです。
この辺もやり方を教えてもらえると助かります。

542

： Name_Not_Found [sage] 2019/11/15(金) 00:21:39.62ID:???

Androidでいうと以下みたいなイメージのリストを作りたいです。スクロールバー付きで

ttps://static.javatpoint.com/images/androidimages/custom-listview2.png

543

： Name_Not_Found [sage] 2019/11/15(金) 01:17:10.78ID:???

>>541

そういうのは先に言ってよ
そもそもリストをどこにどう設置しようとしてんのよ？
Androidがどうとか書いてるけど、スマホ専用サイトでも作りたいの？

544

： Name_Not_Found [sage] 2019/11/15(金) 02:02:17.96ID:???

用途もスキルも分からんから活用できるか分からんが

>>540

を踏まえて、要求通りには出来た
ttp://https://jsfiddle.net/4y0mn32e/

545

： Name_Not_Found [sage] 2019/11/15(金) 05:54:15.24ID:???

hoverとfocusの違いがわからない。
focusはスマホ特有の要素？どんな時に使えるのかしら

546

： Name_Not_Found [sage] 2019/11/15(金) 07:10:31.23ID:???

みなさん、ありがとうございました。
作っていただいたサンプルをとっかかりに勉強していきます。
本当にありがとうございました

547

： Name_Not_Found [sage] 2019/11/15(金) 07:43:41.00ID:???

>>545

inputboxを選択してるような状態
hoverはもういらんね

548

： Name_Not_Found [] 2019/11/15(金) 20:38:21.32

ID

:2a/EAUkw

>>542

ttp://https://dotup.org/uploda/dotup.org1994571.zip.html

549

： Name_Not_Found [sage] 2019/11/16(土) 15:28:49.79ID:???

すみません、詰んでます…
このボタンが途中で消えている現象の原因と解決法わかる方いらっしゃいませんか…

ttps://i.imgur.com/eNajS2e.jpg

550

： Name_Not_Found [sage] 2019/11/16(土) 20:14:19.89ID:???

コンテナの幅が狭すぎるとか？

551

： Name_Not_Found [sage] 2019/11/16(土) 22:29:37.39ID:???

これボタンとフォントの大きさ固定にしてる？色はみ出してる

552

： Name_Not_Found [sage] 2019/11/16(土) 23:43:14.29ID:???

該当箇所のソースが欲しいところ

553

： Name_Not_Found [sage] 2019/11/17(日) 00:59:18.29ID:???

>>552

見つけた
イサラ ttp://https://isara.life

554

： Name_Not_Found [sage] 2019/11/17(日) 01:15:21.09ID:???

最近この手の諸外国で合宿方式のプログラマ育成講座増えたけど
何が原因でこんな増えてるんだ？

555

： Name_Not_Found [sage] 2019/11/17(日) 01:51:01.84ID:???

>>553

正解の方のソースかぁ
これ見て複製するっていう課題とかなのかな？

556

： Name_Not_Found [sage] 2019/11/17(日) 02:50:16.24ID:???

>>555

ソース見てみ、思い通りに出来ないから隠してる。
wordpressは触れてもcssは触れない。
昔のホームページビルダーで作ってもソースは分からないのと同じレベル

557

： Name_Not_Found [sage] 2019/11/17(日) 03:02:12.83ID:???

>>556

いや、普通に問題無くボタン類は表示されてるよ
途中で切れてもいないし
Adblockとか効いてるんじゃない？

558

： Name_Not_Found [sage] 2019/11/17(日) 04:15:20.75ID:???

>>554

日本のクラウド仕事案件を総元締めが受けて、物価が安い海外の日本人に仕事をさせるビジネスモデル
元締めは総元締めに人員を提供し、報酬を得る。
日本の労働基準法、最低賃金が適用されない
12ヶ月の就学ビザを取らせればその期間は不法滞在とならない。
海外の家屋も日本人が借り上げて、シェアハウスとして又貸しする。
それらのコストを支払わせながら、働いても働いても滞在コストと低報酬で目標額が貯まらずビザが切れる直前まで脱出できない。
会社員ではなく、夢見るニート・フリーターが対象なので居なくなっても親族以外心配しないため、海外で仕事を頑張っていると思われる。
その低報酬の裏では、元締めが国内の案件をさばいて利益を出す。
逃げたり脅してくるようなら現地人によって始末、親族関係者には行方不明と報告すれば責任は逃れられる


と誰かが言ってた。

559

： Name_Not_Found [sage] 2019/11/17(日) 04:31:02.61ID:???

低コストで運用して、
莫大な金を得るオレオレ詐欺の「かけ子」と同じだな。

あいつらは生きている間は警察に発見されない限り
フィリピンやタイから出れないけど、
ニュースなどで捕まった奴は日本に帰れる幸運な奴らなんだろう。

560

： Name_Not_Found [] 2019/11/17(日) 05:08:36.41

ID

:Zi6XZFT1

>>554

そっちの方で、需要が増えてるんだよ
日本人ならきっちりやるってのもあるし、現地採用なら安くて住むし

561

： Name_Not_Found [] 2019/11/17(日) 08:09:51.55

ID

:VIkoXE7s

overflow:hiddenで枠外非表示になっていないか？

562

： Name_Not_Found [sage] 2019/11/17(日) 09:06:07.38ID:???

>>548

マジでありがとうございます。本当に助かります。これベースにカスタマイズさせて貰います。

563

： Name_Not_Found [sage] 2019/11/17(日) 18:57:49.17ID:???

>>558

夢見るニート、フリーターがプログラミングの仕事できるか？

564

： Name_Not_Found [sage] 2019/11/17(日) 22:07:57.22ID:???

>>549

の書いたソースとどうしたいかがほしいな

>>553

をそのままコピペすれば問題ないのに

565

： Name_Not_Found [sage] 2019/11/17(日) 23:28:21.31ID:???

>>564

いや、そのサイト担当がやり方わからず、
もうすでに修正済みなだけなんじゃないの？
サイト特定されてびっくりしているとは思うけど。

566

： Name_Not_Found [sage] 2019/11/18(月) 00:35:22.81ID:???

IE11のデフォルトスタイルシートの一覧ってどこ見れば分かる？

567

： Name_Not_Found [sage] 2019/11/18(月) 01:21:01.31ID:???

>>565

その割にはline-heightとか全然違ってそうだけどな
テキストはコピペしたのか知らんが、全く同じだけど

いずれにしろ晒すってのは良くない

568

： Name_Not_Found [sage] 2019/11/18(月) 01:47:52.27ID:???

>>549

です
遅くなって申し訳ないです。
これはただのコーディングの練習で、イサラのサイトを正解みずに同じサイトの見栄えになるように練習しているだけです;
そこだけの写真なのは問題箇所を伝えるのに余計な情報を省いただけですね…
ボタンが途切れるのがなぜか調べてもわからなくて聞きました;

こういう場合の聞き方とかがあるのであれば、html初心者として今後の役に立てたいので教えて戴けると嬉しいです。

569

： Name_Not_Found [sage] 2019/11/18(月) 02:02:28.63ID:???

>>568

写真に写ってるとこのHTMLとCSSを、

>>544

みたいに部分的にでもいいので
ttp://https://jsfiddle.net に貼ってみると話が早いかも。
そこにソース貼り付けたら「Save」→「Save fiddle」ボタンを押して
アドレスバーに生成されたURLをコピーして、ここに貼ってくれると
みんな見られるようになるから。

570

： Name_Not_Found [sage] 2019/11/18(月) 02:45:25.79ID:???

これは巧妙なイサラのステマ

571

： Name_Not_Found [sage] 2019/11/18(月) 03:22:24.77ID:???

ここで聞いたら勉強にならんだろ

572

： Name_Not_Found [sage] 2019/11/18(月) 05:58:07.07ID:???

>>569

ありがとうございます。
利用させてもらいます。

573

： Name_Not_Found [sage] 2019/11/18(月) 11:56:24.76ID:???

>>558

よくできたビジネスモデル（）だなぁｗ

574

： Name_Not_Found [sage] 2019/11/18(月) 15:02:41.49ID:???

治験ツアーみたいだね

575

： Name_Not_Found [sage] 2019/11/18(月) 16:15:53.69ID:???

しかしど素人集めるだけでそれなりに金にできてるのは凄いな

576

： Name_Not_Found [sage] 2019/11/18(月) 18:11:05.31ID:???

これ、もしかしてイサラで勉強している人が、イサラのサイトをマネしてコーディングしましょう、ということなのでは？
お世辞にも参考サイトとしては、wordpress使ったサイトでお世辞にも綺麗なhtmlやcssでも無いし。

577

： Name_Not_Found [sage] 2019/11/18(月) 18:21:27.85ID:???

>>549

です。
一応自力で解決しました。
iframeってのにwidthが設定されていて、
widthの幅がボタンの幅を下回っていたみたいです。

578

： Name_Not_Found [sage] 2019/11/18(月) 18:27:25.70ID:???

>>576

いえ、全くの無関係ですしネットで模写コーディングについて調べていたらそれをしている人がいたので真似しました。初心者ですから有料サイトで練習した知識でどこまでやれるか、とりあえず模写コーディングがしたかったんです。
綺麗なコードとかそういうのも何もわからない初心者ですし、真似した人物がこのサイトの関係者かどうかはどうでもいい事でした。

579

： Name_Not_Found [sage] 2019/11/18(月) 18:49:04.46ID:???

必死

580

： Name_Not_Found [sage] 2019/11/18(月) 20:26:04.79ID:???

模写元との違いからして、そんなことだろうと思ってたわ
まぁ勉強だし、ほぼ見た目が一致すればいいんだろうけど、答え合わせするには
WordPressだとちょっと面倒だよな

581

： Name_Not_Found [sage] 2019/11/18(月) 21:16:00.45ID:???

とりあえずネタ切れで悩んでいた週刊誌の編集者に
潜入調査取材の依頼かけておいたわ。
実態がどんなものかいずれ分かるかもね。

582

： Name_Not_Found [sage] 2019/11/19(火) 15:23:08.80ID:???

favicon (ショートカットアイコン) を指定する方法はググったらすぐに見つかったのですが、
favicon が無いことを指定する方法ってありますか？

指定しなかったらブラウザがデフォルトの場所に勝手にアクセスするようで、
これを抑止したいです。

583

： Name_Not_Found [sage] 2019/11/19(火) 16:22:05.65ID:???

あるかどうかは知らんけども、目的は何？
もしサイトを高速化させたいんだったら、むしろfavicon設置してブラウザにキャッシュさせた方が
高速化に繋がるんじゃね？

584

： 582 [sage] 2019/11/19(火) 17:37:50.36ID:???

>>583

無いから無いと伝えたいというだけです。

585

： Name_Not_Found [sage] 2019/11/19(火) 17:57:11.01ID:???

>>582

headの開きタグ（<head>）の直後にこれを貼れ。
＜script＞var l=document.createElement('link');l.type='image/x-icon';l.rel='icon';l.href='data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7';document.head.append(l)＜∕script＞

全角の＜∕＞は半角に戻してくれ。書き込めなかったので変えた。

586

： Name_Not_Found [sage] 2019/11/19(火) 18:38:35.65ID:???

ダミー読みに行かせるのかな？

587

： Name_Not_Found [sage] 2019/11/19(火) 19:09:37.91ID:???

よく考えたらscriptにする意味皆無だな。
普通に
<link type="image/x-icon" rel="icon" href="data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7">
貼ればいいだけだった。

588

： Name_Not_Found [sage] 2019/11/19(火) 19:36:14.68ID:???

無いことを指定する方法はない
アイコン指定されてて正常に読み込んだ場合でもルートやカレントに既定のアイコン読みに行くブラウザもあるし
気にするだけ無駄よ

>>587

type="image/gif"じゃね？

589

： Name_Not_Found [sage] 2019/11/19(火) 21:48:59.73ID:???

22列あるテーブルをこれで改行しないようにしています。
th,td {white-space: nowrap;}

しかし最後の列だけ文字数が多くなるため改行したいのですが一つの列だけ改行するという記述はできるでしょうか？

590

： Name_Not_Found [] 2019/11/19(火) 22:34:06.15

ID

:NoZ+VmHH

>>589

最初だけなら
table tr:first-child th {

}

最後だけなら
table tr:last-child th {
}

591

： Name_Not_Found [sage] 2019/11/19(火) 23:01:24.64ID:???

何も指定しなければいいのでは？？？

592

： Name_Not_Found [sage] 2019/11/19(火) 23:30:59.64ID:???

最後の「列」は難しいんじゃね？

593

： Name_Not_Found [sage] 2019/11/20(水) 00:06:05.72ID:???

>>591

頭わっりーなおめーは

594

： Name_Not_Found [sage] 2019/11/20(水) 00:07:10.01ID:???

>>592

理由は？

595

： Name_Not_Found [sage] 2019/11/20(水) 00:09:47.73ID:???

列じゃなくて行じゃねっていうことでは

596

： Name_Not_Found [sage] 2019/11/20(水) 00:36:39.96ID:???

>>584

「ないです」と言う応答メッセージが
404 Not Foundなんだが…

597

： Name_Not_Found [] 2019/11/20(水) 00:43:59.32

ID

:jVDnABy8

ない
すで

って書いたfavicon置きゃいんじゃね　何をそこまで神経質になる必要があるのかよくわからなんが

598

： Name_Not_Found [sage] 2019/11/20(水) 01:04:08.10ID:???

一体何がしたいんだ？？？
ファビコンなんて何も指定しなけりゃ出ないし

599

： Name_Not_Found [sage] 2019/11/20(水) 04:13:12.65ID:???

コンソールに赤いエラーメッセージ出るのが精神衛生上悪い

600

： Name_Not_Found [sage] 2019/11/20(水) 10:57:01.03ID:???

>>599

あとエラーログな

601

： Name_Not_Found [sage] 2019/11/20(水) 15:06:54.74ID:???

>>580

奴隷市場で安い仕事くらい受けれるようになれる勉強法が知りたいです…;
模写コーディング意味あるのかわかりません;

602

： Name_Not_Found [sage] 2019/11/20(水) 17:13:35.08ID:???

>>601

そんな糞しょーもない煽り入れて人生を無駄にしてる暇があったら
模写コーディング以外のオススメ勉強方法があったら教えて下さい

603

： Name_Not_Found [sage] 2019/11/20(水) 17:46:43.71ID:???

>>601-602

ん？同じ人だと思うけど、レス番を間違えてるのかよくわからんな

604

： 602 [sage] 2019/11/20(水) 18:36:55.34ID:???

>>603

601は自分じゃないですよ
ステマだの何だのちょこちょこ煽ってた人が久々に来て
終わった話題に今更煽りを入れてみたって感じかと

605

： Name_Not_Found [sage] 2019/11/20(水) 18:43:58.47ID:???

こんなネットの場末で煽り入れて楽しいのかな？
さすがに世の中にはもう少し楽しい娯楽あるだろ

606

： Name_Not_Found [] 2019/11/20(水) 19:04:56.60

ID

:b1agdjCV

cssでスマホで表示させて、PCで非表示にしたいんですがどうすればいいでしょうか？

607

： Name_Not_Found [sage] 2019/11/20(水) 19:18:31.11ID:???

>>606

例えばこういうの読んでみるといい

PC・スマホ表示でHTMLコンテンツの表示・非表示を切り替える方法
ttps://rmtmhome.com/responsive-css-3023

その上で「CSS メディアクエリ」で検索してみると色々出てくるから

608

： Name_Not_Found [sage] 2019/11/21(木) 21:45:01.43ID:???

あ？上から何様だこのやろう

609

： Name_Not_Found [sage] 2019/11/21(木) 22:15:48.28ID:???

ごめんなさい。もう、2度とここには来ます。
失礼しました(怒)

610

： Name_Not_Found [sage] 2019/11/22(金) 00:32:57.31ID:???

>>608

またお前か

611

： Name_Not_Found [sage] 2019/11/22(金) 01:53:42.62ID:???

>>604

は

>>602

の人？

>>601

だけど、煽りでもなんでもない本人のレスを読んでどう解釈したら煽りに聞こえたんか真面目に聞きたいわ。

模写コーディングがベストなんだったらそう言ってくれればいいやんけ！
そしたら普通にお礼言ったのに。
模写コーディングがベストなんだな？
わかった、ありがとう。

612

： Name_Not_Found [sage] 2019/11/22(金) 10:06:05.75ID:???

見苦しい

613

： Name_Not_Found [sage] 2019/11/22(金) 21:12:12.22ID:???

模写はいいんだけどある程度レベルや方向性が合っていないとあまり勉強にならない
昔ヤフーのソースを模写しようとしたら全部の変数が1文字でひっくり返ったわ

614

： Name_Not_Found [sage] 2019/11/22(金) 21:15:00.33ID:???

>>612

あほ

615

： Name_Not_Found [sage] 2019/11/22(金) 22:09:52.94ID:???

>>613

それは単に圧縮されてただけなのでは…

616

： Name_Not_Found [sage] 2019/11/22(金) 22:38:01.18ID:???

>>615

もちろんそう、今となっては当たり前なんだけどね
当時は達人は変数なんて一文字で済ませるんだなと戦慄してたわ

617

： Name_Not_Found [sage] 2019/11/23(土) 00:55:10.49ID:???

どこかで見たことあると思ったら、つべでコーディング検索すると
イサラを例に模写を勧めてるとことかあるな

618

： Name_Not_Found [sage] 2019/11/23(土) 02:28:23.75ID:???

まぁ、サイト開けていても客は来ることないから
動画サイトから誘導して、やる気ある奴に興味を持たせて海外飛ばすのか。

619

： Name_Not_Found [] 2019/11/23(土) 07:44:45.25

ID

:rXZY1QnA

position:fixedをposition:relativeのtop:0;left:0の基準に合わせたいのですがどうすればできますか？

620

： Name_Not_Found [] 2019/11/23(土) 10:03:52.74

ID

:IUNSE9yw

スマホサイトのグロナビ(モーダルのように全画面で表示し、スクロールを出さない)を作っているのですがiPhoneのアドレスバーの高さがあると表示が詰まってしまいます。
バーの高さがあるときとないときとでスタイルを書き分ける、もしくはうまく可変させられる方法があれば教えていただきたいです。

621

： Name_Not_Found [sage] 2019/11/23(土) 10:09:46.83ID:???

>>618

いや、むしろそこはプロゲート推しな感じでイサラ以外にも例を出してたし
そういうチャンネルじゃない
何でもかんでもステマ認定ウザいよ

622

： Name_Not_Found [sage] 2019/11/23(土) 19:15:06.15ID:???

>>619

position:fixedで固定する位置を親要素基準にする方法
ttps://techmemo.biz/css/position-fixed-basis-parent/

623

： Name_Not_Found [sage] 2019/11/23(土) 19:24:53.62ID:???

>>620

こういうのでイケる？

[CSS]知っておくと便利！スマホで要素を高さいっぱいに表示したいのに、期待通りに表示されない時の解決方法
ttps://coliss.com/articles/build-websites/operation/css/viewport-units-on-mobile.html

624

： Name_Not_Found [] 2019/11/23(土) 19:42:40.25

ID

:IUNSE9yw

>>623

やっぱJS使わないと無理っぽいですね
アドレスバーの変動でリサイズイベントが取れたはずなので、逐一style当て直すようにしようと思います。

CSSの変数ってJSで操作できるんですね、使ったことなかったので初めて知りました

625

： Name_Not_Found [sage] 2019/11/23(土) 21:53:00.79ID:???

コリスってまだ現役サイトなんだな
おまえらCSSとかHTML関係で見てるサイトってある？

626

： Name_Not_Found [sage] 2019/11/23(土) 21:59:39.53ID:???

W3C

627

： Name_Not_Found [sage] 2019/11/23(土) 23:50:55.59ID:???

MDN

628

： Name_Not_Found [sage] 2019/11/24(日) 01:12:32.46ID:???

MediumとJavaScript WeeklyとReact StatusとNode Weekly
日本のならjser.infoとPublickey

629

： Name_Not_Found [sage] 2019/11/24(日) 01:13:36.86ID:???

うおっ、jsのスレと勘違いしてたすまぬ

630

： Name_Not_Found [sage] 2019/11/24(日) 11:31:27.53ID:???

figureの使い方説明してー

631

： Name_Not_Found [sage] 2019/11/24(日) 15:49:31.03ID:???

>>630

<figure>: 任意のキャプション付きの図要素 - HTML: HyperText Markup Language | MDN
ttp://https://developer.mozilla.org/ja/docs/Web/HTML/Element/figure

632

： Name_Not_Found [sage] 2019/11/24(日) 16:20:03.12ID:???

>>626

そういうつまんねーギャグいらねーから

633

： Name_Not_Found [sage] 2019/11/24(日) 19:39:00.06ID:???

前から思っていたけど、html5ってそんなに厳密に新しいタグって使わないとダメなのかな？
googleが喜ぶだけのような感じだけど。

634

： Name_Not_Found [sage] 2019/11/24(日) 20:10:59.97ID:???

>>633

全然必要ない
html5が出た当時は「検索エンジンが理解しやすいように、にわかりやすく記述しよう！」という風潮があったんだけど、
検索エンジンが恐ろしく進化してぶっちゃけそういうのが必要無くなった
ただ、複数人で開発する場合はある程度タグを適切に使うとコーディングがお互いやりやすくなる

635

： Name_Not_Found [sage] 2019/11/24(日) 20:27:16.95ID:???

そうだわな、divだけで表現するのはあれだけど、
複雑で盛りまくったhtml5にちょっと苦手意識あったわ。
asideって使うべき？それほど重要じゃない？

もう辞めたけどアスペの社員がhtml5のタグをすべて使い尽くして表現するべきとか強要してくるし
大変だったわ。アスペはこだわりが強すぎて、言うこと聞かないし、
少しの仕様変更でパニックになるとかほんと厄介だった。

636

： Name_Not_Found [sage] 2019/11/24(日) 20:30:48.49ID:???

じゃぁテーブルタグだけで統一してがんばる！

637

： Name_Not_Found [sage] 2019/11/24(日) 20:32:11.80ID:???

asideはサイドバーだったかな
普通に使うよ

638

： Name_Not_Found [sage] 2019/11/25(月) 00:33:41.87ID:???

個人的には aside とかは使ってくれた方がありがたいわ。
クソみたいに無用のサイドバーがメガ盛りのページだといらん要素をブロック系アドオンのリストに入れたりするから、
きちんと使い分けてくれた方が切り分けしやすい。

639

： Name_Not_Found [sage] 2019/11/25(月) 01:01:14.58ID:???

>>633

ガイジンもsectionとarticleの使い分けで大混乱してたぜザマアｗｗｗ

640

： Name_Not_Found [sage] 2019/11/25(月) 01:04:38.69ID:???

asideはサイドバーをマークアップするための要素じゃありません！
ttp://https://aastudio.fr/Sidebar-and-Aside-are-different.html

641

： Name_Not_Found [sage] 2019/11/25(月) 02:04:54.21ID:???

articleとasideの説明なんども読んでもふわっとしかわからんわ
別に広告入れるわけでも無いから結局使わないまま

642

： Name_Not_Found [sage] 2019/11/25(月) 02:10:21.00ID:???

>>639

,641
それそれ、アスペも策定時期なのにaside, article, sectionの俺様ルールを強要して現場大混乱。
辞めさせるのもできないし、周りが俺から孤立していくと、勝手につぶれて出社拒否して助かったけど、
今考えたら「ｱｲｺﾞｰ、世界が孤立していってる」と、どこぞの国みたいな事になってるな。

643

： Name_Not_Found [sage] 2019/11/25(月) 06:46:39.47ID:???

完全に韓国でわらた

644

： Name_Not_Found [sage] 2019/11/25(月) 15:45:55.92ID:???

figureで多大な混乱招いてんのは"図表"と翻訳してんのが原因なんじゃねーの？

645

： Name_Not_Found [sage] 2019/11/25(月) 16:30:28.01ID:???

今figureの話ししてない

646

： Name_Not_Found [sage] 2019/11/25(月) 19:54:20.91ID:???

>>639

2000年代前半のstrict教全盛の時に
ブログのテンプレ開発してたおっさんじゃないと
やっぱしっくりこないわな＞articleとaside

647

： Name_Not_Found [sage] 2019/11/25(月) 19:59:23.58ID:???

よく分かんなくて悩んでます…！

ウィンドウ幅を取得してその80％の幅にwidth100px,height100pxのボタンを横幅の長さに合わせた数出力したいんだけどこれってcssで実現できますか…！？
jsで実装すべきでしょうか…！？

648

： Name_Not_Found [sage] 2019/11/25(月) 20:09:09.25ID:???

>>647

ttp://https://codepen.io/na7nagi/pen/WNNByGv
？

649

： Name_Not_Found [sage] 2019/11/25(月) 20:23:04.26ID:???

横レスですが、
hoverでは無いのに光ってる・・・
activeでは無いのに押した感じになってる・・・
これはbuttonタグだから？

650

： Name_Not_Found [sage] 2019/11/25(月) 20:35:45.68ID:???

>>648

そんな…そんな簡単にできるの…………
うぅ…有難うございます…！

651

： Name_Not_Found [sage] 2019/11/25(月) 20:44:16.75ID:???

>>649

どう見えてるのかよく分からないけど、多分buttonのデフォルトcss
aタグのリンクが青文字になるようなもん

652

： Name_Not_Found [sage] 2019/11/25(月) 21:39:00.20ID:???

wordpressで編集画面のブロック追加にボタンってあると思うのですが横並びにするにはどうすればいいですが？

653

： Name_Not_Found [sage] 2019/11/25(月) 23:25:04.74ID:???

カラム

654

： Name_Not_Found [sage] 2019/11/26(火) 05:23:21.25ID:???

buttonタグをaタグで囲ったらダメなのか、
使い方難しいな・・・
POSTとかなら、inputタグのほうが良いのかな

655

： Name_Not_Found [sage] 2019/11/26(火) 05:42:19.27ID:???

クリックするものの中に別のクリックするものがあるっておかしいやろ？
脱出ゲーム作ってるんじゃないんだからさ

656

： Name_Not_Found [sage] 2019/11/26(火) 05:51:59.99ID:???

もう何も考えずに全タグ一つ一つをdivで囲ってしまえばええんちゃうか?

657

： Name_Not_Found [sage] 2019/11/26(火) 06:48:09.01ID:???

ルビのrpタグって必要なん？
ruby未対応ブラウザなんて今の時代にあんの？

658

： Name_Not_Found [sage] 2019/11/26(火) 06:51:54.42ID:???

>>654

inputは古い。buttonに変わった。
ただできる事が増えただけで、POSTしかしないならinputで良い

>>656

googleが以前そうだったな
開発グループが全員同意していればそれでもいい
ちなみに自分ひとりで開発する場合、そんな組み方をすると後で絶対に後悔する

659

： Name_Not_Found [] 2019/11/26(火) 11:17:58.32

ID

:WqNn/E13

すみませんHTML初心者向けのまとめブログとかあります？
こういう系未経験で右も左も分からない状態です

660

： Name_Not_Found [sage] 2019/11/26(火) 12:19:20.51ID:???

>>658

> inputは古い。buttonに変わった。
別に変わってない。使い方が違うだけ

661

： Name_Not_Found [sage] 2019/11/26(火) 13:16:56.00ID:???

変わったて言い草はおかしいな。

662

： Name_Not_Found [sage] 2019/11/26(火) 13:32:39.38ID:???

>>657

不要なら書かなくていいよ
ちょうど最近猛烈にrubyダグ書きまくったところだ

過去20年で書いたrubyダグの99.99%は今月書いたと思う

663

： Name_Not_Found [sage] 2019/11/26(火) 15:54:39.01ID:???

メニューバーじゃなくて記事内に内部リンクつくりたいのですが良いデザインでレスポンシブなやり方ありますか？

664

： Name_Not_Found [sage] 2019/11/26(火) 16:18:57.92ID:???

>>659

初心者向けサイトは「HTML 入門」とかでググってみよう
上位に出てくるとこなら大差ないし、自分で探した方が早いと思うけど
それよりも先ずは初心者向けの簡単な本を買って読んだ方がいいかも

665

： Name_Not_Found [sage] 2019/11/26(火) 16:25:09.22ID:???

>>663

どういうものが欲しいのか、もうちょっと詳しく
メニューバー以外って範囲広すぎ

666

： Name_Not_Found [sage] 2019/11/26(火) 17:01:35.54ID:???

>>665

最初は1ページに野球チーム12球団の情報を全て書いていたけど重くなってしまったので
1ページ1球団にしました。よくある上部にあるメニューバーにリンクは作っているのですが記事内にリンクがあれば親切かとおもいまして。

667

： 656 [sage] 2019/11/26(火) 18:29:55.90ID:???

>>658

貴重なコメントくれてありがとう

668

： Name_Not_Found [sage] 2019/11/26(火) 18:48:19.13ID:???

>>666

だったら、こういうこと？

ナビメニュー100連発！CSSで表現できるコピペ可能なHTMLスニペットまとめ
ttp://photoshopvip.net/97481

669

： Name_Not_Found [sage] 2019/11/26(火) 20:33:36.08ID:???

>>668

ありがとう。みてみる。

670

： Name_Not_Found [sage] 2019/11/26(火) 23:01:14.03ID:???

>>666

portal使ってみようぜ！

671

： Name_Not_Found [sage] 2019/11/27(水) 01:34:42.89ID:???

>>670

portalってなに？

672

： Name_Not_Found [sage] 2019/11/27(水) 05:29:04.52ID:???

ぽー、ぽー、ぽーたるこい

673

： Name_Not_Found [sage] 2019/11/27(水) 07:24:13.05ID:???

>>671

<portal>ってダグ
超進化したiframeのようなもの

674

： Name_Not_Found [sage] 2019/11/27(水) 08:42:37.17ID:???

ttp://https://youtu.be/xsCHyCbQH7Q

675

： Name_Not_Found [sage] 2019/11/27(水) 22:13:16.90ID:???

portalタグいいよね
webの画面遷移はずっと味気ないと思っていた

676

： Name_Not_Found [sage] 2019/11/27(水) 22:31:29.83ID:???

ああそういえばiframeってどうなったんだ
まだ使ってるところチラホラみるけど

677

： Name_Not_Found [sage] 2019/11/27(水) 22:50:01.32ID:???

iframeはまだまだ使えるけどセキュリティ周りが厳しいね
気づけば出来ない事が増えているから安易に使うのは怖い
動画埋め込みぐらいならどうでもいいけど

678

： Name_Not_Found [sage] 2019/11/27(水) 22:59:50.12ID:???

動画とグーグルMapくらいか今使うとしたら

679

： Name_Not_Found [sage] 2019/11/28(木) 00:02:10.01ID:???

リンクをクリックした時、奥へ進むような、扉を開くような、そういうワクワク感が欲しかった
それがやっとこさ実装されたと思う

680

： Name_Not_Found [sage] 2019/11/28(木) 03:22:27.08ID:???

portalおもしろそうだなー
解説サイトないかなー

681

： Name_Not_Found [sage] 2019/11/28(木) 19:43:11.47ID:???

img decoding="async"で非同期になって早くなる！
なんて記事を見かけるけど、画像って元々非同期読み込みではないんですかい？

682

： Name_Not_Found [sage] 2019/11/28(木) 19:51:33.79ID:???

レイジーロードの記事は見たことあるけどそんなアトリビュート知らない。
見かけたという記事貼って

683

： Name_Not_Found [sage] 2019/11/28(木) 19:56:20.76ID:???

>>672

こっちのたーぐは、でぃぶだらけー

684

： Name_Not_Found [sage] 2019/11/28(木) 22:03:26.37ID:???

>>681

って嘘んこなの？はよ貼れや！

685

： Name_Not_Found [] 2019/11/28(木) 22:33:15.74

ID

:C+PoDkEl

疲れてくるとdiv増える
保険かけてるんだろう

686

： 656 [sage] 2019/11/28(木) 22:38:48.51ID:???

動悸するする(*´Д`)ﾊｧﾊｧ

687

： Name_Not_Found [sage] 2019/11/28(木) 23:13:27.39ID:???

>>681

loading="lazy"でいけるが

688

： Name_Not_Found [sage] 2019/11/28(木) 23:50:12.54ID:???

lazyとは違うものだな
ロードは何もしなくても非同期、そのあとのデコード時に他のレンダリングをブロックするかどうかっぽい？
ttp://https://developer.mozilla.org/ja/docs/Web/HTML/Element/img
ttp://https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/decoding
Chrome65, Firefox63以降対応

689

： Name_Not_Found [] 2019/11/29(金) 07:58:05.84

ID

:Q2928hWo

htmlファイルをロリポップなどのWEBサーバーに直置きしてWEBサイトを作ると、URLの末尾に.htmlと表示されてしまってダサいのですが、PHP等の言語を使わずにこの末尾の.htmlを出さなくする方法はありませんか？

690

： Name_Not_Found [sage] 2019/11/29(金) 07:59:16.72ID:???

autoのままでよくね？

691

： Name_Not_Found [sage] 2019/11/29(金) 11:26:54.80ID:???

>>689

htaccessで書き換えりゃいいじゃん

692

： Name_Not_Found [] 2019/11/29(金) 12:59:54.45

ID

:Q2928hWo

>>691

ありがとうございます

693

： Name_Not_Found [sage] 2019/11/29(金) 14:18:35.99ID:???

videoタグのposter属性の説明がバラバラなんですが、どれが正しいですか？

1.表示可能な形式のビデオが無い場合に表示する画像
2.動画ファイルの代わりに表示する画像
3.映像のダウンロード中に表示される画像
4.再生可能になるまでの間に表示する画像
5.再生を開始するまで表示する画像

694

： Name_Not_Found [sage] 2019/11/29(金) 14:26:21.83ID:???

表示可能な形式のビデオが無い場合、あるいは映像がダウンロードされ再生可能になりかつ再生を開始するまで、動画ファイルの代わりに表示する画像

695

： Name_Not_Found [sage] 2019/11/29(金) 15:08:29.85ID:???

文字列の、指定した箇所に文字を挿入するにはどうすればよいでしょうか。

例えば、6番目に文字を挿入する場合、こんな感じにしたいです。
あいう　　★
かき　　　★
さしすせそ★

696

： 656 [sage] 2019/11/29(金) 15:23:20.73ID:???

もう何も考えずにテーブルタグゴリ押しするぜ！

697

： Name_Not_Found [sage] 2019/11/29(金) 15:33:39.67ID:???

jsならとても簡単だけどhtml/cssだとどうやってやるんだろね
俺も気になるから素晴らしい回答お待ちしております！

698

： 656 [sage] 2019/11/29(金) 15:42:36.21ID:???

もう何も考えずにdivタグを並べるんだ！

699

： Name_Not_Found [sage] 2019/11/29(金) 19:31:34.01ID:???

p::nth-letter(5)::after {
content: "★";
}

…って書けたらいいねｗ
nth-letter疑似要素については古くは2003年頃から定期的に要望が出てる

700

： Name_Not_Found [sage] 2019/11/30(土) 06:48:04.62ID:???

リストulで

　　・あいうえお
　　　かきくけこ
　　　さしすせそ

を

　　・あいうえお
かきくけこ
さしすせそ

みたいに二行目以降をインデントさせない方法ありますか？

701

： Name_Not_Found [sage] 2019/11/30(土) 07:19:58.89ID:???

>>700

ttp://https://codepen.io/na7nagi/pen/dyyjZGL
text-indentをかければいいだけだよ

702

： Name_Not_Found [sage] 2019/11/30(土) 11:14:04.54ID:???

こういうこと？
ttp://https://jsfiddle.net/kf86rg1z/

703

： Name_Not_Found [sage] 2019/11/30(土) 13:06:23.81ID:???

ulのmarginとpaddingを0にして
text-indent 1emみたいにかけるってことですか？

704

： Name_Not_Found [sage] 2019/11/30(土) 13:30:58.67ID:???

こうか？
ttp://https://jsfiddle.net/k1eyumph/

705

： Name_Not_Found [sage] 2019/11/30(土) 16:01:57.54ID:???

こうか？こうか？ってお前ら名古屋人かよｗｗｗ
がっくだろうがｗｗｗｗ

706

： Name_Not_Found [sage] 2019/11/30(土) 18:50:47.90ID:???

でぃぶでぃぶ

707

： Name_Not_Found [sage] 2019/12/01(日) 00:22:04.99ID:???

こうじゃね？
ttp://https://jsfiddle.net/Lsbgopy4/

708

： Name_Not_Found [sage] 2019/12/01(日) 01:17:46.21ID:???

いやこうくだろどこの田舎もんだ

709

： Name_Not_Found [sage] 2019/12/01(日) 07:31:22.48ID:???

ttp://https://jsfiddle.net/kzlmorq/2kwy8srx/2/

トップの[概要]をクリックすると、詳細が表示されるようにしているのですが、
1台目と2台目が横並びで表示されてしまいます。

縦にする方法を教えて下さい。

710

： Name_Not_Found [sage] 2019/12/01(日) 09:25:59.92ID:???

>>709

input[type=checkbox]:checked + ulに
flex-direction: column;

711

： Name_Not_Found [sage] 2019/12/01(日) 12:37:39.31ID:???

設定しているクリックイベントはちゃんと設定するのにiPhoneで見ると透明になってしまう要素があります。
opacity、visibilityの設定はしていないのですが他に考えられる原因ってありますかね。
fixed配置しているbutton要素で、触れるってことはz-indexではないと思うんですけど。

712

： Name_Not_Found [sage] 2019/12/01(日) 12:38:04.62ID:???

ちゃんと設定するのに→発動するのに　です

713

： Name_Not_Found [sage] 2019/12/01(日) 23:15:02.17ID:???

検証してるiPhoneのコンテンツブロッカーがONになってるとか？

714

： Name_Not_Found [sage] 2019/12/02(月) 05:30:53.82ID:???

output要素を使う必要性が分からんのだけど
計算結果が出力できるから便利！みたいな説明ばかり見かけるけど
別に結果表示するだけならpでもdivでもいいっすよね

715

： Name_Not_Found [sage] 2019/12/02(月) 06:13:03.17ID:???

>>714

基本的にフォームの部品だからそのままsubmitで投げられる

divとかpだと表示するっていう機能は果たせるけど
投げたかったら別途input type=hiddenを用意したりせにゃならん

716

： Name_Not_Found [sage] 2019/12/02(月) 11:12:50.77ID:???

ttp://https://youtu.be/i8IVK80kQAY

717

： Name_Not_Found [sage] 2019/12/02(月) 11:49:17.37ID:???

>>711

これ自己解決しました
fixedの要素にfixedを置くと挙動がおかしくなることがあるんですね　しょうがないのでbuttonだけ外に出したら無事表示されました

718

： Name_Not_Found [sage] 2019/12/03(火) 21:11:04.32ID:???

私も三年前に自室で自決しました

719

： Name_Not_Found [sage] 2019/12/04(水) 02:43:59.65ID:???

ここまで自演

720

： Name_Not_Found [sage] 2019/12/04(水) 13:31:29.25ID:???

>>716

うちの姉ちゃんが昔体操選手目指してて
たまにこういうクネクネした動きで
実家の猫を威嚇している

721

： Name_Not_Found [sage] 2019/12/05(木) 19:47:12.25ID:???

特定の子要素がないときだけ何かをするということはできますか？
p要素がないときだけ色を変えるといった感じです

722

： Name_Not_Found [sage] 2019/12/05(木) 20:35:16.41ID:???

document.querySelector('p:has(> :not(a)), p:empty')って書けねーかな…Selectors Level 4だっけ

723

： Name_Not_Found [sage] 2019/12/05(木) 20:39:26.20ID:???

あpがないときかaとまちがえた

724

： Name_Not_Found [sage] 2019/12/07(土) 14:38:31.56ID:???

use-credentialsがさっぱり分からん
何処見ても認証情報が〜というふわふわした説明しか無いんだが、
具体的に誰が何の情報を送るの？

725

： Name_Not_Found [] 2019/12/07(土) 16:31:45.69

ID

:rbsr7OGh

サイトの作成してるんですが動画を長押しするとgifのような形で動画の内容を確認できる機能を実装したいんですが
サーバーに動画を設置せずに外部リンクから引っ張ってきて実装する事はできますか？

726

： Name_Not_Found [sage] 2019/12/07(土) 19:50:56.26ID:???

エロ動画サイトでそういうgifっぽいのあるよな、gifじゃないけど。

727

： Name_Not_Found [] 2019/12/07(土) 22:16:50.26

ID

:QG8FyM15

>>726

俗に言うxvideosですよね
自分のサイトに動画を置くと定着してくれる人は増えますが
アンテナサイト経由して画像で読んだ方が回転早いかと思ってまして
様々な言語に対応させて かつアンテナサイトも海外の方と提携できれば幅が広がるのではないかと考えてます

728

： Name_Not_Found [sage] 2019/12/07(土) 23:01:11.78ID:???

そういえばあれどうやってんだろうね
gifにして秒数指定で動くようにしてるの？

729

： Name_Not_Found [sage] 2019/12/07(土) 23:06:19.88ID:???

jpgとgifをfloatでもabsoluteでもいいので重ねる
jpgをhoverで透明にする

ぱっと思いつくのはこんな感じ
js使えばgifの再生など出来るのかもしれないけどめんどくさそう

730

： Name_Not_Found [sage] 2019/12/07(土) 23:13:39.22ID:???

たぶん、jQuery のmousemove, mouseout で、10秒ぐらい画像のURL を差し替えるのだろう

>>725

画像のURL を指定するだけだから、サーバー内部・外部のどちらでも出来る

731

： Name_Not_Found [sage] 2019/12/07(土) 23:15:25.27ID:???

フロント部分はソース見ればすぐわかるし、

>>729

みたいに想像もできるけど
その動画自体をどう生成するかの方がわりと気になってくる

732

： Name_Not_Found [sage] 2019/12/07(土) 23:25:06.05ID:???

>>731

検索したら一瞬で出てくるけど
「php 動画 サムネイル」
ffmpegとか使うらしいけどこれ勉強して得られるものは少なそうだ

733

： Name_Not_Found [sage] 2019/12/08(日) 00:27:34.22ID:???

Xvideoくらいの規模なら自社エンジニアになんか作らせてそうだけど

734

： Name_Not_Found [sage] 2019/12/08(日) 05:58:20.12ID:???

target=_blankにnoopenerを付けるのは分かるが、noreferrerもペアで付けるのはなぜに？

735

： Name_Not_Found [sage] 2019/12/08(日) 08:24:44.48ID:???

>>721-723

jQuery のfilter を使った。
div-2 は、子にはp がないが、子孫にはある

<div id="div-1" class="div"><p>1</p></div>
<div id="div-2" class="div"><div><p>2</p></div></div>
<div id="div-3" class="div">3</div>

jqObj = $( 'div.div' )
console.log( jqObj.length ) // 3個

jqObj_2 = jqObj.children( 'p' ) // 子に、p がある
console.log( jqObj_2.length, jqObj_2.text( ) ) // 1個 1

jqObj_3 = jqObj.filter( function ( ) { // 子に、p がない
return $( this ).children( 'p' ).length == 0 ? true : false;
} )
console.log( jqObj_3.length, jqObj_3.text( ) ) // 2個 23

736

： Name_Not_Found [sage] 2019/12/08(日) 09:28:33.04ID:???

jqがクソなのは知っているので

737

： Name_Not_Found [sage] 2019/12/08(日) 10:53:57.98ID:???

xvideosの動くサムネはmouseover時にvideo要素を重ねて小さい動画流してるだけだね

738

： Name_Not_Found [sage] 2019/12/08(日) 11:00:56.57ID:???

アップロード時に再作成してるのか

739

： Name_Not_Found [] 2019/12/08(日) 12:29:32.15

ID

:QAY6fuUD

>>737

なるほど参考になりました
ありがとうございます

740

： Name_Not_Found [sage] 2019/12/08(日) 23:32:01.49ID:???

crossorigin属性をいちいち付けなきゃならん理由が分からんのだが。
同一オリジンとかOriginヘッダとかそういう仕様の話ではなくて、
例えばlink要素でwebフォントを読みに行く場合、typeとドメイン見てブラウザが勝手にcrossorigin付けてくれればいいのでは？

741

： Name_Not_Found [sage] 2019/12/08(日) 23:37:25.28ID:???

gif アニメに差し替えたらよい

ユーザーは動画と、それをまとめたgifアニメを、サーバーにアップロードすればよい

サーバーで自動的に、動画から、gifアニメを作ることも出来るが、
そのやり方では、意味のない冒頭部分ばかりがまとめられたりして、
良いものが出来ないので、ユーザーが好みの部分をつなげて作った方がよい

742

： Name_Not_Found [sage] 2019/12/08(日) 23:43:54.92ID:???

>>740

CORS(cross origin)は、クライアント側のブラウザから、アクセスする場合だろう。
サーバー側では、cross origin でもアクセスできるから

ローカルPC に、Ruby のSinatra などのサーバーを立てないで、
ブラウザだけで、cross origin にアクセスできないから

743

： Name_Not_Found [sage] 2019/12/08(日) 23:55:52.91ID:???

みんなBEMとかつかってるん？

744

： Name_Not_Found [sage] 2019/12/09(月) 00:45:29.46ID:???

CSS フレームワークを使わないなら、BEM が良いけど、

もし、Bootstrap を使うなら、それに従った記法になる

745

： Name_Not_Found [sage] 2019/12/09(月) 06:36:25.76ID:???

>>742

ちょっと日本語が不思議過ぎて何言ってるか分からん
話も噛み合って無いように見える

746

： Name_Not_Found [sage] 2019/12/09(月) 08:05:29.78ID:???

>>743

使わない

747

： Name_Not_Found [sage] 2019/12/09(月) 10:02:11.67ID:???

BEMは一過性で終わると思ってる
XHTMLが終わるのも予見した俺だから間違いない

748

： Name_Not_Found [sage] 2019/12/09(月) 14:22:17.13ID:???

記法の話は荒れるから止めとけって
OOCSSなんてゴミが蔓延するレベルなんだからよ

749

： Name_Not_Found [sage] 2019/12/09(月) 15:26:46.95ID:???

tableの、最後のtdの幅だけ自動的に限界まで広げるにはどうすればいいでしょうか？

<tr><td>項目1(幅はコンテンツ次第)</td><td>項目2(幅はコンテンツ次第)</td><td>項目3(幅は(100% - (項目1の幅 + 項目2の幅))</td></tr>

750

： Name_Not_Found [sage] 2019/12/09(月) 18:21:14.65ID:???

アンダーバー二個続けるとか宗教的に無理なので使わない

751

： Name_Not_Found [sage] 2019/12/09(月) 23:47:15.17ID:???

>>749

tableレイアウトっすか

752

： Name_Not_Found [sage] 2019/12/10(火) 01:00:28.54ID:???

>>749

1%、1%、98%でどうにかなるじゃろ

753

： Name_Not_Found [sage] 2019/12/11(水) 02:01:48.09ID:???

embed要素の使い道を教えてください！

754

： Name_Not_Found [sage] 2019/12/11(水) 13:05:49.01ID:???

>>753

いわゆるブラウザープラグインが否定されている現代では
ないな

755

： Name_Not_Found [] 2019/12/11(水) 20:08:32.40

ID

:UkMt8NM1

PCサイトなんですが　コンテンツをボックス型にしてその上からはてなマークを被せたいと思ってます　マウスを乗せるとはてなが消えて内容が見えるようにしたいです　マリオのハテナボックス(マウスを乗せると透ける)のような感じが理想です 何か方法はありますでしょうか？

756

： Name_Not_Found [sage] 2019/12/11(水) 20:18:08.19ID:???

>>755

cssのopacityとhoverで

757

： Name_Not_Found [] 2019/12/11(水) 21:26:12.61

ID

:UkMt8NM1

>>756

Javaは必要ないでしょうか？すいません…

758

： Name_Not_Found [sage] 2019/12/11(水) 21:45:32.58ID:???

>>757

JavaとJavaScriptはメロンとメロンパンくらい違うものだ
二度と間違えるな

759

： Name_Not_Found [sage] 2019/12/11(水) 21:46:42.17ID:???

>>757

>>755

で書かれていることだけをするならいらん
続きは病院の予約がとれてからだ

760

： Name_Not_Found [] 2019/12/11(水) 21:54:14.13

ID

:lQzvh5/r

>>749

tableだけwidth指定
td:nth-of-type(1),td:nth-of-type(2)は指定しないかmin-widthやmax-widthなどでゆるく指定

761

： Name_Not_Found [sage] 2019/12/12(木) 00:12:10.27ID:???

メロンとメロンパンの例え草

762

： 656 [sage] 2019/12/12(木) 01:13:32.04ID:???

可愛いw

763

： Name_Not_Found [sage] 2019/12/12(木) 03:59:35.18ID:???

昔はテーブルタグでレイアウトしていて、divとかカラムとかfloatとか聞くと蕁麻疹出てた化石だけど、
今のテーブルタグは表だけに使えば良いの？

764

： Name_Not_Found [sage] 2019/12/12(木) 04:01:10.19ID:???

メロンよりメロンパン、メロンパンよりメロンパンナちゃんが好きです。ペロペロしたい

765

： 656 [sage] 2019/12/12(木) 07:45:25.72ID:???

Tableタグでエクセル方眼紙をそのまま再現するんだ！

766

： Name_Not_Found [sage] 2019/12/12(木) 12:23:00.44ID:???

>>763

はい
むしろ表すらtable要素を使わない文化もありますん

767

： Name_Not_Found [sage] 2019/12/12(木) 15:10:00.26ID:???

ウグイスとウグイス嬢、マスクとマスクメロンはどうだろう？

768

： Name_Not_Found [sage] 2019/12/12(木) 23:27:33.04ID:???

>>766

え？表なのにtable使わないのはなぜ？
dd, dtとか？

769

： Name_Not_Found [sage] 2019/12/13(金) 00:16:07.26ID:???

>>768

レスポンシブが当たり前になって
PCでは表組み、SPでは縦積み
みたいなことがあるからだと思う

俺はあんまり好きじゃないけど
tableじゃない要素でも表組みにするmixinの用意はしている

770

： Name_Not_Found [sage] 2019/12/13(金) 14:54:47.20ID:???

まさかの子セレクタでハマったｗ
ul
　li
　ul
　li
とulの中にliと入れ子のulを並べてからul>ulとしても効かない
さて何故でしょう？

771

： Name_Not_Found [] 2019/12/13(金) 15:15:28.84

ID

:nUec8YRr

>>770

もう少し具体的に何がハマったのか書いたほうが力になれるかも
ttp://https://jsfiddle.net/5omzvbx3/

772

： Name_Not_Found [sage] 2019/12/13(金) 16:41:31.16ID:???

入れ子のulが、liの入れ子なのか、ulの入れ子なのか
前者なら

>>771

、後者なら ttp://https://jsfiddle.net/j4rfs68q/

773

： Name_Not_Found [sage] 2019/12/13(金) 17:00:36.08ID:???

お前らやるじゃん
771、liの閉じタグ書いてないからliの子になってたというオチ
安易に閉じタグ省略しちゃいかんね

774

： Name_Not_Found [] 2019/12/13(金) 18:25:40.80

ID

:Nk3uT+3A

すいませんランダムボタンを設置したいのですが可能でしょうか？
電話番号配列のボタンを設置してその中にワードをかいてグループにしようと思うのですが
携帯のダイヤル位置にランダムボタンを配置したいと思いました
気分が乗らない時などに出来るだけボタンを活用してもらうようにしたくて
検索してみたところjavaを自作しないと難しいようですが
どのように作れば良いか分かりません…
アドバイスお願いします

775

： Name_Not_Found [] 2019/12/13(金) 19:02:26.45

ID

:nUec8YRr

>>774

1. HTMLで必要な数の<button>要素を用意して中身を書く
2. 携帯のダイヤル位置、形になるスタイルを、ボタンの数ぶんCSSで作る
3. JSで1の<button>要素にアクセスして、randam()を使って、ランダムにclass名をつけて、2のCSSを適用する

こんなかんじで

あと

>>758

776

： Name_Not_Found [] 2019/12/13(金) 19:07:51.12

ID

:Nk3uT+3A

>>775

ttp://http://fuwafuwapukapuka.hatena BUROGU.com/entry/2014/03/04/221925
このサイトを参考にしました
int n = r.nextInt(10); この部分をkey wordなどに変えて キーワード先のリンクをランダムに取り付けることは可能でしょうか？

777

： Name_Not_Found [sage] 2019/12/13(金) 19:08:14.09ID:???

javaを自作したいならまずVMの設計からでは？

778

： Name_Not_Found [] 2019/12/13(金) 19:11:14.49

ID

:Nk3uT+3A

public class MainActivity extends Activity implements OnClickListener{
TextView tv1;
Button button1;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

tv1 = (TextView)findViewById(R.id.text1);

button1 = (Button)findViewById(R.id.button1);
button1.setOnClickListener(this);
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}

@Override
public void onClick(View v) {
if (v == button1) {
Random r = new Random();
int n = r.nextInt(10);

@SuppressWarnings("unused")
String string = String.valueOf(n);
tv1.setText(String.valueOf(n));
これでランダムで数字を取得できるようです

779

： Name_Not_Found [] 2019/12/13(金) 19:17:26.14

ID

:nUec8YRr

>>776

え、なに、本当にJavaでやりたいの？
であれば

1. Javaで、ランダムな必要な数の<button>中身</button>のHTMLを吐くプログラム書く
2. サーバでCGIの設定をする
3. CSSで、<button>を電話番号型に並ぶスタイルを書いておく

とするとか
Java自体の質問は、プログラム板のJavaスレで聞いたほうがいいと思うよ

780

： Name_Not_Found [] 2019/12/13(金) 19:33:53.07

ID

:Nk3uT+3A

>>779

はい 携帯の電話番号列(中にURL配置)にしたいです 一番下の発信ボタンをランダムボタンにしようと考えてます ランダムボタンを押すとURLのリンクにランダムで飛ぶような細工を実装したいです

781

： Name_Not_Found [sage] 2019/12/13(金) 20:20:31.61ID:???

>>780

はいじゃないが
なんでJavaでやりたいの？
ごはん食べるのに箸ではなく物干し竿使うくらい不自然だよ？

782

： Name_Not_Found [] 2019/12/13(金) 20:44:47.42

ID

:Nk3uT+3A

>>781

javaを使わないとCSSとHTMLだけではランダム機能が使えないからですかね？
検索してみたのですがCSSのみでは無理なようです

783

： Name_Not_Found [] 2019/12/13(金) 20:47:54.11

ID

:Nk3uT+3A

サイトを収益化しないのであれば確かにCSSとHTMLのみで可能ですが
作り込むためにはjavaを使わないと無理じゃないですか？

784

： Name_Not_Found [sage] 2019/12/13(金) 20:51:25.36ID:???

>>782

なんだよ
最初の回答よく読めよ

>>758

だ

785

： Name_Not_Found [sage] 2019/12/13(金) 20:51:54.38ID:???

javaじゃなくてjs（javascript）

786

： Name_Not_Found [sage] 2019/12/13(金) 20:53:36.25ID:???

>>784

そんでやり方は

>>775

に書いてあるから
1番目から順番にやって
わからないところを１つずつまた聞いてくれ

今は何がわからないのかがわからない状態だろうから

787

： Name_Not_Found [sage] 2019/12/13(金) 20:58:15.59ID:???

このスレじゃなかったらめちゃくちゃ罵倒されて終わりだったな

788

： Name_Not_Found [sage] 2019/12/13(金) 21:38:43.27ID:???

>>782

あなたが参考にしたサイトはandroidアプリ開発のですよ
ブラウザ上で動くものではないのです

789

： Name_Not_Found [] 2019/12/13(金) 21:42:37.23

ID

:Nk3uT+3A

>>788

実はスマホとPC別で分けようと思ってまして…

790

： Name_Not_Found [sage] 2019/12/13(金) 21:43:04.54ID:???

そこじゃなくてだな

791

： Name_Not_Found [sage] 2019/12/13(金) 21:45:54.86ID:???

今の子のアプリとウェブの区別ってのは
団塊老人並みなのだろうか…
別にそれが悪いとは言わんが

792

： Name_Not_Found [sage] 2019/12/13(金) 22:07:00.73ID:???

webが廃れ、アプリが基本になる・・・と見せかけてwebも結構頑張ってるからな
なんか変な状態だとは思う

793

： Name_Not_Found [sage] 2019/12/14(土) 00:05:43.63ID:???

>>791

若い子ってかパソコンを知らない人がその罠に陥る
30代40代のババアとかジジイでもブラウザで表示されるサイトと
専用アプリは別々と思ってるからな
だからiPhone使いはKindleアプリで本が買えないとガチギレしてクレームかけてくるから

794

： Name_Not_Found [sage] 2019/12/14(土) 11:42:29.62ID:???

30代40代でジジイババアだと世の中若い子とジジババしかいないのでは🤔

795

： Name_Not_Found [sage] 2019/12/14(土) 13:46:13.97ID:???

Java と、JavaScript は、全く別の言語です！

JavaScriptの事は、この板のJavaScriptのスレで聞いてください！
一方、Javaの事は、プログラム板のJavaのスレで聞いてください！

一般的には素人には、Javaの使い道はありません！
Javaは、Android 用のアプリが作れるだけですので

一方、HTML, CSS で、web サイトのwebページを作りたいのなら、JavaScriptを使います

796

： Name_Not_Found [sage] 2019/12/14(土) 16:37:01.36ID:???

javaで作りたいなんて言ってない
javaを作りたいと言っている

797

： Name_Not_Found [sage] 2019/12/14(土) 18:36:38.43ID:???

ジャワティーって最近飲んでいないな

798

： Name_Not_Found [sage] 2019/12/14(土) 23:50:34.96ID:???

つーか
どーでもいい公開サイト作って（○○ちゃんのほめぱげレベルの）
実機で表示してみればわかることなのに
それすらやらんのかと

799

： Name_Not_Found [sage] 2019/12/15(日) 07:56:33.60ID:???

これが滅茶苦茶売れてるみたいなんですが、どういう原理？
買って大丈夫？

ttp://https://page.auctions.yahoo.co.jp/jp/auction/g392762921

800

： Name_Not_Found [sage] 2019/12/15(日) 07:57:45.74ID:???

詐欺だよ

801

： Name_Not_Found [sage] 2019/12/15(日) 08:10:46.19ID:???

でも相当な人が買ってるよ。
そんで評価にも悪いこと書かれてない。

802

： Name_Not_Found [sage] 2019/12/15(日) 09:29:09.62ID:???

>>799

絶対にヤバイ

・古い評価
フルーツ画像1円落札が大量にある。
評価稼ぎ

・この商品
全て一週間以内の落札

自演で売りまくったように見せかけて何かあったら逃げる気マンマンだね
評価の数でしか評価できないアホを釣るための手口だわ

803

： Name_Not_Found [sage] 2019/12/15(日) 09:35:50.56ID:???

>>793

Kindleアプリで買えないのは
AmazonがAppleにテラ銭とられるのを嫌ってるからであって

804

： Name_Not_Found [sage] 2019/12/15(日) 10:18:03.25ID:???

>>799

自体が宣伝だ罠ｗ

805

： Name_Not_Found [sage] 2019/12/15(日) 10:41:14.96ID:???

あからさまに違法な海賊版おすすめしてる奴とかいるよな

806

： Name_Not_Found [sage] 2019/12/15(日) 10:58:02.75ID:???

そんな突然使えなくなるかも分からん海賊版買うくらいなら
GIMPとかInkscape使った方が遥かにマシ

807

： Name_Not_Found [sage] 2019/12/15(日) 11:23:50.65ID:???

こういうの昔っからあるよな。
専門学校時代から話題には出たが、誰も手を出さんかったｗ

808

： Name_Not_Found [sage] 2019/12/15(日) 11:28:42.43ID:???

フォトショプ7とかはネット切ってシリアル入れるだけで使えるガバガバ仕様だったな

809

： Name_Not_Found [sage] 2019/12/15(日) 11:29:08.64ID:???

officeのそれで痛い目にあったからもう海賊版は買わない

810

： Name_Not_Found [sage] 2019/12/15(日) 12:41:57.21ID:???

>>805

chromeのおすすめコンテンツに
こーゆーのが表示されるときがあるよ
google真面目に仕事しろと

811

： Name_Not_Found [sage] 2019/12/15(日) 17:22:12.60ID:???

ソフト時代はアキバの裏の方にいくと
あやしげな店でいろんなソフトの入った白ROMが売ってたりしたなぁ

812

： Name_Not_Found [sage] 2019/12/16(月) 00:24:55.03ID:???

>>809

偽物を通報して台湾に送ったら正規版のprofessionalもらったわ。

813

： Name_Not_Found [] 2019/12/16(月) 19:15:12.16

ID

:+EOdvg9P

すいません急上昇画像というものを設置したいのですが
あれは1日ごとのクリック数って事でいいでしょうか？
GitHubを参考に見たのですが… PHPはデザインを確認できないのでしょうか？

814

： Name_Not_Found [sage] 2019/12/16(月) 19:18:40.49ID:???

はい。

815

： Name_Not_Found [] 2019/12/16(月) 19:28:03.05

ID

:+EOdvg9P

>>814

PHPはCSSやHTMLより簡単だと書かれていましたがデザイン確認できない時点で難しいですよね？
code penにはクリックカウントのサンプルがほぼ無いのにgit hubには沢山あるのは何故でしょうか？

816

： Name_Not_Found [sage] 2019/12/16(月) 19:33:53.09ID:???

>>815

ちょっと基礎的な理解が足りてない気がします
箸の持ち方を知らないのに、いきなり豆の移動タイムアタックに挑むような状態です

PHPはサーバサイド、HTML/CSSはクライアントサイド
といった違いをもう少し理解してから
やりたいことに取り組んだほうが幸せになれるかも

817

： Name_Not_Found [] 2019/12/16(月) 19:37:26.62

ID

:+EOdvg9P

>>816

PHPはアクセスしてくれた人に負荷がかかり
CSSは置いているサーバーに負荷がかかると言う事ですよね？
PHPは情報の入力？などもあるので提示版などを作る時　使うと書いてありました

818

： Name_Not_Found [] 2019/12/16(月) 19:39:39.93

ID

:+EOdvg9P

その都度　動画画像などが切り替わるサイトを作る場合はPHPが最適だと言うのも見ました　
サーバーのスペックが大きい場合はどちらでも良いようですが

819

： Name_Not_Found [sage] 2019/12/16(月) 19:53:50.44ID:???

>>817

>PHPはアクセスしてくれた人に負荷がかかり
>動画画像などが切り替わるサイトを作る場合はPHPが最適だ

ちがうよー
前者はまず、何を持って「負荷」とするかを考えなきゃ
その言葉だけ読み書きしても意味がないよー
後者は、必ずしもサーバサイドでやる必要があることでもないよー

820

： Name_Not_Found [sage] 2019/12/16(月) 19:55:36.36ID:???

>>817

なんか否定ばっかりしてキツい言い方になっちゃって
気に障ったらごめんよー

ググって出てきた説明が正しいとは限らないから
こういう所に書いたり聞いたりして、確認するやり方自体は
間違ってないと思うよー

821

： Name_Not_Found [sage] 2019/12/16(月) 19:56:19.62ID:???

>>774

と同じ匂いがするのは気のせいかなー

822

： Name_Not_Found [] 2019/12/16(月) 20:12:49.57

ID

:+EOdvg9P

>>820

りょーかいです　ありがとうございます

823

： Name_Not_Found [sage] 2019/12/17(火) 10:11:40.51ID:???

>>821

わしもおもた

824

： Name_Not_Found [sage] 2019/12/17(火) 13:37:30.11ID:???

>>820

どんだけ優しいんだよ

825

： Name_Not_Found [sage] 2019/12/17(火) 19:08:48.47ID:???

CSSのボックスモデルと視覚整形モデルについて
ボックスモデルはCSS2.2で定義されてCSS Box Model Module Level 3で上書きされてる感じだが、
視覚整形モデルの定義を上書きするようなCSS3モジュールってのはどれになるんだい？
もうねモジュール多杉

826

： Name_Not_Found [sage] 2019/12/17(火) 19:16:22.17ID:???

>>825

この辺が参考にならんかね
ttps://mdn.mozillademos.org/files/3623/CSS_Modules_and_Snapshots.png
ttp://https://developer.mozilla.org/ja/docs/Archive/CSS3

827

： Name_Not_Found [sage] 2019/12/18(水) 10:08:41.56ID:???

section要素内にはにはhx要素がなければダメとかimg要素は文脈によりpやfigureで囲うとかいったようなルール？マナーは他にどんなものがあるんでしょうか？？
参考になるサイト等もあれば教えてください。

828

： Name_Not_Found [sage] 2019/12/18(水) 14:38:49.74ID:???

>>827

まずはHTML LSの仕様を読むのをお勧めする
基本は大事
ttp://https://momdo.github.io/html/

829

： Name_Not_Found [sage] 2019/12/18(水) 15:41:03.28ID:???

仕様書は確かに最強だが、著者向けと実装者向けの話が混在しててクソ読みづらいんだよな
最近HTMLの復習をした際に参考になったサイト
ttp://http://mtrootyy.web5.jp/htmllint/html5memo/0mokuji.html


てかググって最初の方に出てくるリファレンスが軒並みクソってのはどうなのWeb業界

830

： Name_Not_Found [sage] 2019/12/18(水) 15:47:48.12ID:???

>>829

結局、原典のうち
自分に必要なものは何で、不要なものは何かってのは読む側によって変わるから
原典を端折って解説するリファレンスも
読み手に寄ってクソなのか有用なのかは変わってしまう

831

： Name_Not_Found [] 2019/12/18(水) 17:37:25.33

ID

:cS/JKnTy

ttp://https://codepen.io/ahmad-y/pen/vXVXgd/　
このページのhtmlにjsを直接配置しようとしたらなぜかボックスが左端によってしまいます
どこに配置すればよいでしょうか?

832

： Name_Not_Found [] 2019/12/18(水) 18:34:58.94

ID

:eDm+NMVn

>>831

左に寄ってるようには見えんけどなあ
ttps://i.imgur.com/8EdmMTH.png

833

： Name_Not_Found [sage] 2019/12/18(水) 19:07:00.41ID:???

codepenのhtml欄にスクリプト書いたらjQueryが読み込まれる前に実行されるから

834

： Name_Not_Found [sage] 2019/12/18(水) 20:09:01.67ID:???

>>828-829

ありがとうございます
結構なボリュームですね〜
読み込んでみます！

835

： Name_Not_Found [] 2019/12/18(水) 20:24:14.25

ID

:qyTh4aK6

>>833

js欄を消してHTMLに直接配置する場合 左に寄ってしまうのですが…
どうすれば良いでしょうか？

836

： Name_Not_Found [sage] 2019/12/18(水) 20:46:34.72ID:???

>>835

ただ縦横真ん中に寄せるだけならCSSだけで良いでしょう
flexで

837

： Name_Not_Found [] 2019/12/18(水) 21:03:42.77

ID

:qyTh4aK6

>>836

jsを設置するときは位置を完璧に見ないとダメですよね？jsが3つある場合それぞれHTMLの何処に対してのjsだからこの要素の後にScriptで囲って配置するといった感じで

838

： Name_Not_Found [sage] 2019/12/18(水) 22:04:09.53ID:???

>>837

たぶん色々勘違いしている
HTMLの中のどこに書くかなんてのはどうでもいいことだよ

JSで要素にアクセスする時点で
DOMツリーにその要素がいるかどうか、の問題なので

何をしたいのかをはっきり書いたほうが良いよ
あるボックスの縦横中央に配置する程度のことなら、JSはいらん

839

： Name_Not_Found [sage] 2019/12/18(水) 23:24:08.66ID:???

jQuery の読み込みは、body の終了タグの直前で、他のJS ファイルよりも先にすれば？

jQuery 読み込み
他のJS ファイル読み込み
</body>

ttp://jsfiddle.net/
を使えば？

840

： Name_Not_Found [sage] 2019/12/19(木) 08:22:25.11ID:???

ＩＥとEdgeで表示すると、半角英数文字が極太になってしまうんですが、
何か対応策はありますでしょうか？
サイトは、Movable typeのrainierをベースにしています。

841

： Name_Not_Found [] 2019/12/19(木) 15:33:42.95

ID

:aaozOwJy

HTMLの中にjsを配置する場合 bodyの中において設置できる
jsはコードを変える必要はほぼ無いのに対し
PHPはHTMLとCSSを大きく変える必要があるという認識でいいのでしょうか？

842

： Name_Not_Found [] 2019/12/19(木) 15:39:12.05

ID

:aaozOwJy

PHPを使う場合CSSはほぼ実装しない前提でデザインを作り上げて足りない部分をCSSで補うという感じなんですか？
jsだと形として現れないのに対しPHPだと要らない要素まで別に作られてしまいます

843

： Name_Not_Found [sage] 2019/12/19(木) 15:40:22.80ID:???

＞PHPだと要らない要素まで別に作られてしまいます

どこに作られてしまうの？

844

： Name_Not_Found [] 2019/12/19(木) 15:59:54.58

ID

:DEYsylZR

>>840

ウェブフォントで書体を統一してみるのも手

845

： Name_Not_Found [] 2019/12/19(木) 16:02:48.52

ID

:DEYsylZR

>>842

なにか勘違いしている

Php is Hypertext Processor って名前の通り
サーバでHTMLを生成するためのもの
一方JSやCSSは、クライアントで動くもの
なので並べて考える必要はまったくないよ

>jsだと形として現れないのに対しPHPだと要らない要素まで別に作られてしまいます

これは何かを失敗している

846

： Name_Not_Found [] 2019/12/19(木) 16:49:53.03

ID

:RjNlk/Ed

cssでh1タグの色指定したのに反映しません
chromeのデベロッパーツールを見ると

color: -internal-root-color;

と出ます。
color: blue;
と入力してるのになぁ

エディタはVScodeです
原因や解決方法わかる方いたらお願いします。

847

： Name_Not_Found [] 2019/12/19(木) 17:00:27.35

ID

:DEYsylZR

>>846

CSSファイルが読み込まれていない、セレクタが間違っている
のどちらかだろう

前者は、その開発ツールのSourcesのタブを選択して
スタイルを書いたつもりのファイルが読み込まれているかどうか見て

読み込まれていたら、そのスタイルのセレクタをコピーして
開発ツールのElementsタブを選択して
WindowsならCtrl+F
macOSなら⌘+F
を押して検索窓を開き、コピったセレクタを貼ってみて

ヒットしなければセレクタが間違ってる

848

： Name_Not_Found [] 2019/12/19(木) 19:18:28.65

ID

:ZQwqEonp

>>845

つまりはHTMLで実装できなかったものを補うという事でしょうか？

849

： Name_Not_Found [sage] 2019/12/19(木) 19:29:11.51ID:???

>>848

静的（変化が無い）内容のページの作成ならばHTMLのみで作成できるが、
リクエストに応じた内容でページを表示したい動的な場合はPHP等のサーバーサイドの言語が必要になる。

例えばGoogle等の検索エンジンで検索した時、
検索結果一覧の各リンクは検索キーワードによって内容が変わるでしょう。
この様な場合は変化しない枠組み等の構成だけがHTMLで作られていて、
枠の中に埋め込む具体的な検索結果の内容はサーバー側で生成してでレスポンスされてることが多い。

850

： Name_Not_Found [sage] 2019/12/19(木) 20:21:12.80ID:???

>>844

ありがとうございます。
そういうのがある、くらいでしか知らなかったんですが、
調べてやってみたら思いのほか簡単でした。
フォントが統一され、どのブラウザでも違和感が無くなりました。

851

： Name_Not_Found [] 2019/12/19(木) 20:34:45.86

ID

:ZQwqEonp

>>849

ありがとうございます
サイトに検索欄を設けたいと思っているのですがgifサイトなのでワードを割り振る予定です…
jsとCSSとHTMLのみで作ることはできないのでしょうか？
PHPはコードを自分で作り上げないといけないですよね？

852

： Name_Not_Found [] 2019/12/19(木) 20:43:21.80

ID

:DEYsylZR

>>851

やりようはあるだろうけど
思い上に面倒くさいだろうな＞検索
ふつうにサーバ側でコード書くのが手っ取り早いと思う
書かなきゃならんのは、HTMLだろうとPHPだろうと変わらんし

853

： Name_Not_Found [sage] 2019/12/20(金) 09:16:00.56ID:???

Ruby on Rails, Sinatra みたいに、サーバー側は、Rubyを使うのが多い。
テンプレートエンジンは、ERB(埋め込みRuby)を使う

index.html.erb をERBで変換すると、index.html ができる。
a.txt.erb をERBで変換すると、a.txt ができる。
このように、どのようなファイルにも、ERBを適用できる

例えば、index.html.erb が、以下なら、
<% 2.times do %>
<input type="range" value="50">
<% end %>

index.html は、
<input type="range" value="50">
<input type="range" value="50">

<% 〜 %> に、Rubyの文が書ける。
<%= 〜 %> には、Rubyの式が書けて、その値が埋め込まれる

テンプレートエンジンで、HTML を作るまでが、サーバー側の処理

一方、クライアント(ブラウザ)側では、
CSS, JavaScript, jQuery, Bootstrap を使って、見た目を整える。
または、非同期通信のAjax を使って、データを取得することもある

854

： 853 [sage] 2019/12/20(金) 09:25:45.85ID:???

検索欄は、クライアント側からのAjax 通信を使うのかな？

自分のドメインに、データベース(DB)を置いておいて、
HTML から、AjaxでDBを検索して、データをもらって、

jQuery, Vue.js などで、ページの一部を変えて、
そのデータをはめ込んで表示するとか

855

： Name_Not_Found [sage] 2019/12/20(金) 11:28:13.24ID:???

>>853

Ruby多いだろか？

856

： Name_Not_Found [sage] 2019/12/20(金) 11:50:13.30ID:???

phpが圧倒的だね。
サーバーサイドクソ言語サバイバルで生き残ったのはphp。

857

： Name_Not_Found [sage] 2019/12/20(金) 11:53:00.03ID:???

ruby厨は他スレでNGテンプレ入りもしてるキチガイなので触らないように

858

： Name_Not_Found [sage] 2019/12/20(金) 12:13:10.81ID:???

ttp://https://hostadvice.com/marketshare/language/

Luaって一体どこで使われてるんだろ

859

： Name_Not_Found [sage] 2019/12/20(金) 12:58:21.18ID:???

大規模なゲームのスクリプト部分とかだね。
もとろんメインのエンジン部分はC++とかで書かれてるんだけど、イベントの記述とかまでC++などのコンパイル言語で書くと辛いからね。
プットプリントが小さく、システムにアドオンで組み込みやすい。

860

： Name_Not_Found [sage] 2019/12/20(金) 13:35:36.20ID:???

Lua, Squirrel などは、ゲームアプリ内だろ

スクリプト処理を、C++ でやるのは苦痛。
本当は、Ruby が望ましいけど、サイズが大きいから組み込めない

861

： Name_Not_Found [sage] 2019/12/20(金) 13:59:13.71ID:???

rubyみたいなクソ言語は候補にすら挙がらんわｗ

862

： Name_Not_Found [sage] 2019/12/20(金) 18:48:25.67ID:???

Rubyとかもう誰も使ってないじゃん
完全に未来なくなった

863

： まだ秀丸エディタを少ししか使ってません [] 2019/12/20(金) 19:22:21.25

ID

:e0N3cwHE

秀丸エディタって変なバグみたいなの多いっすね
ググったら直し方書いてるけど面倒っすね

先輩らのおすすめのエディタってあるっすか？
VScodeでいいのかな？sublime textの方が良いのかな？
暇な人が居たら教えてクレメンス

864

： Name_Not_Found [sage] 2019/12/20(金) 19:32:40.83ID:???

幾つか触って自分が気に入ったのでいい
sublime textは印刷がダメなのが凄く残念。それ以外は軽くて良いんだけどなぁ

865

： 秀丸 [sage] 2019/12/20(金) 20:22:42.43ID:???

>>864

vscodeでやってみるっす

866

： Name_Not_Found [] 2019/12/20(金) 21:00:23.80

ID

:2Hh9JRza

ttp://https://codepen.io/arnel-cariaga-hiciano/pen/yLLEgGG

これと同じものを作りたかったのですが
右側のみ画像を暗くする事ができなかったので
メイン画像(一番下の画像)→加工して灰色と黒の画像を繋げたもの(URLは1か月使えるもの)の順でメイン画像を隠すように上から加工画像を重ねました
本当はメイン画像を暗くした後に加工画像を上から被せて(透明度をあげて更に画像右側を暗く)したかったのですが画像を暗くする段階で下のメイン画像が加工画像と分離してしまいます 何かいい方法はないでしょうか？

867

： Name_Not_Found [] 2019/12/20(金) 21:07:54.85

ID

:2Hh9JRza

説明が分かりにくくてすいません
主となる画像を一段階暗くした後に(左側灰色右側黒)の自作レイアーを重ねて灰色の部分だけ透明度を使ってほぼ無色にして右側のみ画像を一段階暗くしたかったのですが…
主となる画像の方にも透明度を使っているためかレイアーとなる画像に透明度の要素を加えた際にダブってしまい画像が分離している事が原因だと思ってます…

868

： Name_Not_Found [] 2019/12/20(金) 21:14:55.38

ID

:2Hh9JRza

対策としては主となる画像を一段階 暗くして保存すれば良いのですが…
とんでもない量になるので懸念してます…
何とか主となる画像を一段階暗くして(サイズはそのまま) 上からレイアーの自作画像を載せて主となる画像の右側だけ暗くできないでしょうか？
反転色になる要素は見つけたのですが画像を徐々に暗くするようなグラデーション技術はほぼ不可能だと見ました…

869

： Name_Not_Found [] 2019/12/20(金) 21:29:31.08

ID

:2Hh9JRza

すいませんttp://https://saruwakakun.com/html-css/basic/linear-radial-gradient
のような形でグラデーションを加えれば可能なようです…
上記のcodepenのサイトにするためにはグラデーションのみで可能ですか？

870

： Name_Not_Found [sage] 2019/12/20(金) 21:45:25.45ID:???

コードとしてすべて種明かしされてるのに、なぜ質問するのかな？
コード読めない子にコード書くのは無理だよ

871

： 秀丸 [sage] 2019/12/20(金) 21:46:01.78ID:???

プログラミング楽しいなぁ
いつか伝説のプログラマーになるんで宜しくっす

872

： Name_Not_Found [] 2019/12/20(金) 21:58:50.56

ID

:2Hh9JRza

>>870

上のcodepenのようにする為には画像加工などの技術が必要みたいです…
ですが何とかCSSとjsでそれと似たいわゆるエセ商品のようなものを作ってみたかったので…
すいません

873

： Name_Not_Found [sage] 2019/12/20(金) 22:12:31.31ID:???

ttp://https://codepen.io/na7nagi/pen/OJPpEGZ
こうするだけでは？

874

： Name_Not_Found [] 2019/12/20(金) 22:20:18.50

ID

:2Hh9JRza

>>873

こんな感じです…泣
すいません勉強不足でした…
何とか頑張って画像加工しながらレイアー(透明度を上げた)ものを被せながらやってたのですが…
教えてくださりありがとうございますm(_ _)m

875

： Name_Not_Found [sage] 2019/12/21(土) 00:11:24.27ID:???

どうでもいいんだけど、検索ヒット数からすると
一般的にはレイヤー（layer）？

876

： Name_Not_Found [sage] 2019/12/21(土) 00:19:26.05ID:???

>>858

市販のルータに入れることができる
超軽量のLinuxベースの代替ファームウェア
OpenWrtでluaが使われてる

877

： Name_Not_Found [] 2019/12/21(土) 00:31:07.74

ID

:HJIGBgbf

>>875

外人は今でもlayerって呼ぶと思う
何らかの手段でボックスが重なることを

日本だと2000年前後に<layer>要素が死滅してからは
なんとなくレイヤーと呼ぶのが憚られる印象が個人的にはあるなあ

878

： Name_Not_Found [sage] 2019/12/21(土) 00:32:30.00ID:???

>>858

嘘松ネタスレ的に面白かったのでスレ立て見たｗｗｗ

2019年FreeBSD+IIS+Shopifyで使われる言語3位はLua
ttps://mevius.5ch.net/test/read.cgi/tech/1576855884/

879

： Name_Not_Found [sage] 2019/12/21(土) 02:34:51.97ID:???

>>877

いや、そういうことじゃなくてな…

880

： Name_Not_Found [sage] 2019/12/21(土) 06:39:10.14ID:???

>>875

一般的にはレイアーじゃなくてレイヤーだよ
俺も気になったけどもうええかなって思ってスルーした

881

： Name_Not_Found [] 2019/12/21(土) 16:30:50.30

ID

:oS8vI2fj

>>873

すいません 普通の画像を映画風に仕上げたいという意味だったのですが…
やはりCSSでは難しいですよね

882

： Name_Not_Found [] 2019/12/21(土) 16:34:51.44

ID

:oS8vI2fj

ttp://http://karapaia.com/archives/52212165.html
早い話でいうとこんな感じです コラ職人の方ですかね
画像加工を学ばないと無理そうです…

883

： Name_Not_Found [] 2019/12/21(土) 16:44:06.06

ID

:oS8vI2fj

加工済みのグラデーション画像の上に
横サイズを縮小したグラデーション画像を同様に重ねる(真ん中を明るくするため右側の文が入るところだけ黒くする)
これでやってみます アドバイス参考になりました

884

： Name_Not_Found [] 2019/12/21(土) 16:52:22.00

ID

:oS8vI2fj

やはり873さんの方法を使わせて頂きます…
何度もレスすいませんでした…

885

： Name_Not_Found [sage] 2019/12/21(土) 17:21:40.13ID:???

MDNのCSS widthの解説で見たことないキーワードがいっぱいあるんだけど
availableとかfillとかこんなんありましたっけ？

886

： Name_Not_Found [sage] 2019/12/21(土) 18:26:23.88ID:???

なんか色々増えてるね
box-sizingとか要らなくなりそう

887

： Name_Not_Found [sage] 2019/12/21(土) 21:09:40.73ID:???

CSS黎明期にテーブルレイアウトは悪
これからはCSSとか言ってdiv使いまくりだったあの頃を知ってると、
CSSの理念はわかるがまだまだ機能不足だろって言ってた俺は
正しかったんだな。ほれみろ、こんなに足りない機能があったんだ

888

： Name_Not_Found [sage] 2019/12/21(土) 21:21:14.11ID:???

見た目は二の次でSEOが重要になったから、
web屋さんとしてはすげー先見の明はあったと思う

889

： Name_Not_Found [sage] 2019/12/21(土) 21:24:53.75ID:???

SEOとHTMLの正しさは関係ないよｗ

そもそもGoogleの理念は、有益な情報をより正確に検索できるようにすることであって
HTMLがただしいかどうかっていうのは、有益な情報とは関係ない

HTMLがめちゃくちゃでも、そこに書いてある情報が有益なら
検索の上位になるべきだろう。

Googleも正しいCSSを心がけてくださいとか言ってた気がするけど矛盾してるんだわ。

890

： Name_Not_Found [sage] 2019/12/21(土) 22:28:16.30ID:???

もうgoogleはhtmlやらcssよりも人間が見てどうなっているかを画像解析する程までに進化してしまったからな
bingや百度相手ならまだまだSEOも通用するんちゃいまっか

891

： Name_Not_Found [sage] 2019/12/21(土) 23:59:59.42ID:???

いまの検索結果を見て検索エンジンに絶望しかしないよね

892

： Name_Not_Found [sage] 2019/12/22(日) 00:06:57.12ID:???

何をどう絶望するんだよｗ
検索の仕方が悪いだけだろう

893

： Name_Not_Found [sage] 2019/12/22(日) 01:51:22.42ID:???

なんか基本的なところで引っかかりまくるんだが、
縦マージンのパーセント指定も親の"横幅"を基準にするのかい？

あとどこ見ても"親のwidthを基準"て書いてあるけど、
親がborder-boxだとwidthと一致しないから"コンテンツ領域"が基準だよな？

894

： Name_Not_Found [sage] 2019/12/22(日) 02:33:51.84ID:???

とはいえまだまだ発展途上だから
キュレーションサイトやアフィブロが上位に来るわけで
グーグルのない時代の情報の探しやすさと比べたら雲泥よ

895

： Name_Not_Found [sage] 2019/12/22(日) 04:03:48.33ID:???

>>893

widthが基準だって言ってるんだから、border-boxならボーダー領域（= width）が
基準になるんじゃないの？

896

： Name_Not_Found [sage] 2019/12/22(日) 10:13:36.83ID:???

そう。さらに言うならborderを設定していた場合その内側。要素によってborderの厚みが違うときに外側で揃えたい場合ちょっと面倒。

897

： Name_Not_Found [sage] 2019/12/22(日) 11:45:53.46ID:???

>>895

なってねーよ試してみろ

898

： Name_Not_Found [sage] 2019/12/22(日) 16:17:58.86ID:???

>>897

試してみたけど、確かになってねーな
元々は「width=コンテンツ領域の幅」で、親にborde-box指定しても
子のwidthの基準になるのは、あくまでも親のコンテンツ領域のことを指す
っていう理解でいいのかな？
あんまり考えたことなかったんで、勉強になった

899

： Name_Not_Found [sage] 2019/12/22(日) 21:53:35.14ID:???

下のようにエディタに入力してますが、ＣＳＳが反映されません。
他の部分のＣＳＳは反映されています。なぜだかわかる方いますか？

ＨＴＭＬ
<!-- メインここまで -->
<!-- フッター -->
<footer class="foooter">
<p>&copy;Copyright KUJIRA Cafe. All rights reserved.</p>
</footer>
<!-- フッターここまで -->
</div>
</body>
</html>

ＣＳＳ
/* すべてのページに適用 - フッター - */
.footer {
background-image: url(../images/footer-bg.png);
background-repeat: no-repeat;
margin-top: 30px;
padding: 80px 15px 20px 15px;
font-size: 12px;
color: #3f5170;
}

900

： Name_Not_Found [sage] 2019/12/22(日) 22:08:54.16ID:???

classがおかしいよね

901

： Name_Not_Found [sage] 2019/12/22(日) 22:52:18.15ID:???

ググっても出てきません。

キーボード？マークの所のスラッシュ（/）と、テンキーの割るって意味の/は同じですか？

902

： Name_Not_Found [sage] 2019/12/22(日) 22:59:25.01ID:???

>>899

foooter
footer

>>901

同じ

903

： Name_Not_Found [] 2019/12/22(日) 23:08:51.69

ID

:lXu6x7Ki

>>900

>>902

ありがとうございます。

904

： Name_Not_Found [sage] 2019/12/23(月) 01:05:20.42ID:???

文章が写真を巻き込みません＞＜　なぜですか？　お願いします！


HTML
<p><img src="images/about-photo.jpg" alt="タルトの写真" class="shop-photo">大海原を悠然と泳ぐクジラの姿を見た事があるでしょうか。そのゆったりとした動きや優しい眼差しを
見ていると慌ただしい日常が遠い世界のできごとのように感じられるのです。時間が経つのも忘れて、ただただクジラを眺めてぼーっとすごしたひとときの心の充実を、私は今も忘れません。</p>

CSS
.shop-photo {
float: left;
padding: 0 1em 1em 0;
}

905

： Name_Not_Found [sage] 2019/12/23(月) 02:37:28.13ID:???

>>904

巻き込みませんってどういう意味？
ttp://https://jsfiddle.net/tbxfvwy2/

906

： Name_Not_Found [sage] 2019/12/23(月) 02:51:48.77ID:???

チン毛じゃね？

907

： Name_Not_Found [sage] 2019/12/23(月) 08:08:32.91ID:???

>>904

＞大海原を悠然と泳ぐクジラの姿を見た事があるでしょうか
私は無いのですがマリン板のガチムチ諸兄なら適切な回答がもらえると思います

908

： Name_Not_Found [sage] 2019/12/23(月) 08:24:54.29ID:???

これ教本の課題だよ
クジラカフェっての記憶にある

909

： Name_Not_Found [] 2019/12/23(月) 14:17:25.31

ID

:NSUhDtWD

一つお聞きしたいことがあるのですが画像のサイズを変えずにアップロードってできませんよね？ サイトのヘッダーに画像を使いたくてもPNGやJPEGで取得できませんし…
imgerを使ってしまうと小さくなってしまいます
PNGというもので自分のPCからHTMLの要素として追加できるのでしょうか？サーバーにあげずに

910

： Name_Not_Found [] 2019/12/23(月) 16:09:50.01

ID

:NSUhDtWD

ttp://https://codepen.io/sadsfff/pen/xxbdpvm

連投すいません 上記のコードで書いたのですがスクリプトが機能しません
書き方はあってますでしょうか？ 同じボックスに同じjsを当てはめたいのですが…

911

： Name_Not_Found [] 2019/12/23(月) 16:36:10.71

ID

:nysedyWc

>>909

アップローダーならいくらでもあろう
スレ違いなので自分でググって探して

912

： Name_Not_Found [sage] 2019/12/23(月) 16:40:26.20ID:???

>>911

<button>要素閉じよう

あと、自分で書いたとおり
クリックイベントのターゲットは<button>要素の方で<a>要素じゃない

だから、ボタンの端っこの方をクリックするとアニメーションするけど
<a>要素の部分をクリックするとリンクしてる

913

： Name_Not_Found [sage] 2019/12/23(月) 16:40:45.99ID:???

アンカ間違えた

>>912

は

>>910

914

： Name_Not_Found [sage] 2019/12/23(月) 17:07:22.36ID:???

>>909

ちょっと何言ってるか分からない
imgerってimgur？
だとすれば、imgurにアップロードした画像を自分のサイトのヘッダーにリンク画像として表示させてたけど
原寸表示させたいから、ローカルのPC内に入ってる画像をサーバーに上げずにサイトのヘッダーに表示させたい
っていうこと？

915

： Name_Not_Found [] 2019/12/23(月) 19:45:56.61

ID

:YgV9zCN+

すいません分かりました buttonの中にjs を書くと良いんですね
<スクリプト> と直せば実行できました
疑問なんですが<スクリプト src>とはなんですか？ このsrcは要らないような気がするのですが

916

： Name_Not_Found [] 2019/12/23(月) 19:46:48.57

ID

:YgV9zCN+

>>914

はい、ずばりそういうことです
別の方のサイトを見る限り可能なようだったので…

917

： Name_Not_Found [] 2019/12/23(月) 19:50:47.76

ID

:YgV9zCN+

スクリプト　srcと指定している人が何故してるのかは大体予想できます
もしHTMLが複雑だった時もしくはjsが複数ある場合　配置位置がぐちゃぐちゃになるからですよね？
だから<スクリプト>だけで良い物をわざわざ<スクリプト　src＝クラス名にして直接指定してやるということですよね？？

918

： Name_Not_Found [sage] 2019/12/23(月) 19:58:05.77ID:???

>>915

,917
ごめんちょっと何言ってるかわかんない

前にも質問書いてた人かもしれないけど
script要素をHTMLのどこに書くか
要素の中に直接書くのか、別ファイルにしてsrcで読み込むか
なんてのは果てしなくどうでもいいこと

>>910

の問題はquerySelectorに渡すセレクタ

919

： Name_Not_Found [sage] 2019/12/23(月) 20:01:46.22ID:???

>>915

,917
超大雑把に言えばJSは

・要素にアクセスして
・イベントをつかまえて
・やりたいことをやる

の３つで出来てる

>>910

だったら

・button要素、a要素にアクセスして
・clickイベントをつかまえて
・既存の動作をキャンセルしてから、アニメーション用のクラスの付け外しをする

になる
この１つ目を失敗してるからそれだけ直せば良いこと

920

： Name_Not_Found [] 2019/12/23(月) 20:12:54.68

ID

:YgV9zCN+

>>919

つまりはHTMLが間違ってるということですか？
先程手直ししてスクリプトsrcをスクリプトに書き換えました
button要素を最後にかいて中にjsを入れ込みました
スクリプトsrc＝は外部リンクだったんですね…
てっきり＝配置したい所のクラス名だと思ってました

921

： Name_Not_Found [sage] 2019/12/23(月) 21:51:14.07ID:???

>>916

自分のサイトってどっかのサービスか何か使ってんの？
それとも自分でサーバー借りてやってんの？
前者なら、そのサービスが何か分からんことには答えようがないし
後者なら、自分のサーバー内の任意の場所に表示させたい画像を
ftp等でアップロードして、HTMLファイルのヘッダー画像のパスを
アップロードした画像のパスに書き換えりゃいいだけ

922

： Name_Not_Found [sage] 2019/12/23(月) 22:00:47.45ID:???

>>920

>つまりはHTMLが間違ってるということですか？

ちがうよー
たぶんちょっと前にも質問した人だと思うけど
そんでそのときにも答えたと思うけど
script要素をどこに書くかなんて、君が抱えている問題に関しては
果てしなくどうでもいいことだよ

923

： Name_Not_Found [sage] 2019/12/23(月) 22:22:57.10ID:???

何かもう意思疎通が出来てる気がしないから、正解書いてあげたら？
そもそも当該スクリプトで、どういう動作をさせたいのかよく分からんから
何が正解なのか分からんけどｗ

924

： Name_Not_Found [sage] 2019/12/23(月) 23:02:07.74ID:???

混乱極まってるますな
クリスマスだし仕方ないか

925

： Name_Not_Found [sage] 2019/12/23(月) 23:09:32.96ID:???

JavaScript(JS) の質問は、JS のスレへ書いてくれ！

それに、素のJS で書いていくのは、キリがない。
時間が掛かるだけ

初心者は、わかりやすいjQuery を使え！

926

： 925 [sage] 2019/12/24(火) 00:02:30.58ID:???

jQuery なら、こんな感じ。
先に、jQueryを読み込んでから、ソースコードを書く

</button>のラベルと閉じタグが無いから、ボタンが表示されない！

注意！ 投稿できないため、scr＠ipt と間に、＠を入れた

<button class="bubbly-button">押して</button>

<scr＠ipt type="text/javascript" src="../jQuery/jquery-3.1.0.min.js"></scr＠ipt>
<scr＠ipt type="text/javascript">
$( function ( ) {
$( ".bubbly-button" ).hover ( function ( ) {
$( this ).stop( ).animate(
{ opacity: '0.5', fontSize: '22px' }, 1000 );
}, ( function ( ) {
$( this ).stop( ).animate(
{ opacity: '1', fontSize: '16px' }, 1000 );
} )
)
} );
</scr＠ipt>

927

： Name_Not_Found [sage] 2019/12/24(火) 18:45:31.97ID:???

最近はスマホで見る人も多いから
ラジオボタンよりもプルダウンメニューの方が好んで使われるんだね

928

： Name_Not_Found [sage] 2019/12/24(火) 19:02:22.86ID:???

>>927

UI/UXとしてはケースバイケースだと思う
一覧性が必要な場合もあるし

929

： Name_Not_Found [sage] 2019/12/24(火) 19:08:00.04ID:???

フレキシブルなヘッダ固定テーブルってどこ調べても使える解答がないんだけど無理なのか？

930

： Name_Not_Found [sage] 2019/12/24(火) 19:22:50.29ID:???

>>929

IE置いてけぼりのstickyじゃだめ？
ttp://https://codepen.io/orangain/pen/REqjjv

だとすると、10年前テクノロジーでちまちまやるしかないなあ

931

： Name_Not_Found [sage] 2019/12/24(火) 20:44:12.49ID:???

HTMLで、雨が降る、というテキストを
夜更け過ぎには雪に変わるだろう、というふうにしたい場合はif文章を使えばいいんですかね？
時間が変われば変更する感じでswich文章の方が良いですかね？

932

： Name_Not_Found [sage] 2019/12/24(火) 20:56:43.08ID:???

>>931

JSで
そのテキストが書かれている要素にアクセスして
Dateオブジェクトから現在や任意の時刻を得て
その時刻に呼応した文字列を作り
アクセスした要素のinnerHTMLに差し替えます

HTML/CSSの話ではないので
詳しくはJSスレへどうぞ

933

： Name_Not_Found [] 2019/12/24(火) 21:12:35.78

ID

:aEkvtPBt

レイアウトについての質問です

以前 grid や flex は試したことがあるのですが、
Bootstrap のグリッドシステムにも興味が出てきています。

まだ Bootstrap がどのような記述をするものなのか分からないので、ざっくりとした質問で申し訳ないのですが、
css 標準の grid や flex と Bootstrap のグリッドシステムを比較した時、どちらが記述しやすく明確になりますか？

レスポンシブ対応等、Bootstrap を採用するにあたってメリット等ありましたらそれも教えて頂きたいです。
小規模な開発には不要、などの情報もあればよろしくお願いいたします。

934

： Name_Not_Found [sage] 2019/12/24(火) 21:27:27.34ID:???

>>933

Bootstrapは、ありがちなデザインのスタイル（CSS）を予め作ってくれてるもので
CSSじゃないわけじゃない
やることはいっしょ

あとグリッドシステムというのはデザイン用語で
グリッドを使ったデザイン手法のこと

Bootstrapのメリットは、楽なことと、主だった手バグがフィックスしていること
デメリットは、Bootstrap臭いデザインになること

935

： Name_Not_Found [sage] 2019/12/24(火) 22:25:58.92ID:???

＞＞933
クリスマスイブにHTMLやCSSのコード書いてるのかい
ご苦労なこったなあ
俺もだけどｗ

936

： Name_Not_Found [sage] 2019/12/24(火) 22:27:57.23ID:???

この時期になるとやたらこじつけでクリスマスネタ使いたがる奴いるけど正直見てて寒い。

937

： Name_Not_Found [sage] 2019/12/24(火) 22:30:49.09ID:???

>>936

別にここに居なくていいし寒いならここ来なくていいんだよ誰も頼んでないからな
メンタル病んでるんじゃないか

938

： Name_Not_Found [sage] 2019/12/24(火) 22:33:21.11ID:???

まぁ、落ち着け。

939

： Name_Not_Found [sage] 2019/12/24(火) 22:40:41.70ID:???

>>936

わかる
ウッキウキで書き込んでるんだろうなぁ

940

： Name_Not_Found [sage] 2019/12/24(火) 23:47:18.07ID:???

今仕事帰りなんだけど正直寒い

なにこの気温…((((；ﾟДﾟ)))))))

941

： Name_Not_Found [sage] 2019/12/24(火) 23:54:49.57ID:???

初めにcssをエディタの上の方で
display: flex;
と書いてphotoとテキストが横並びになるようにしておきました。

でもスマホで縦画面で見た時に横幅が狭くて、photoとテキストが横並びだと見ずらいのでエディタで下の方に
desplay: block;

と書きました。スマホで見るとphotoとテキストが縦並びになって見やすくなりました。cssは下に書いてる方を優先するから、displya: block;が優先されて、縦並びになったと思うのですが、パソコン画面で見直すとphotoとテキストが横並びになります。

これはまだ desplay: flex;が生きてるって事ですか？
上の方のcssが下の方に書いたcssに書き換えられてるのではなく、下も上もcssは生きてて、下が優先されるって事でOKですか？

942

： Name_Not_Found [sage] 2019/12/25(水) 00:01:49.49ID:???

>>941

本当にその通り書いたならスマホの方は効いてないよ

943

： Name_Not_Found [sage] 2019/12/25(水) 00:30:39.90ID:???

>>941

何か間違ってる
書いたコードを正確に言葉で説明するのは難しいし無駄なんで
どっかに晒して頂戴

そのためにcodepenやjsfidlleがあるのだから

944

： Name_Not_Found [sage] 2019/12/25(水) 02:01:12.28ID:???

デスプレイってオスプレイの友だち？
それともチャッキー？

945

： Name_Not_Found [sage] 2019/12/25(水) 05:26:49.69ID:???

レズプレイの一種だよ
デブプレイとも似てる

946

： Name_Not_Found [sage] 2019/12/25(水) 11:41:32.48ID:???

>>933-934

Bootstrap 4 の本。
CSSフレームワーク Bootstrap入門、掌田津耶乃、2018

xl : デスクトップ PC などの大画面モニタ - 1200px 以上
lg : ノート PC などの省サイズモニタ - 992px 以上
md : タブレット端末など - 768px 以上
sm : スマートフォン（横持ち）など - 576px 以上
- : スマートフォン（縦持ち）、IoT 端末など - 576px 未満

画面サイズで、この5つに分類して、
横幅を12分割して、その内のどれぐらいの幅を使うか指定する

md 以上なら、12を、4-4-4 に分けるとか、
md 未満なら、6-6 に分けるとか、

他には、Carousel などのコンポーネントも付いてる

947

： Name_Not_Found [sage] 2019/12/25(水) 23:16:34.56ID:???

>>946

横レスですまんが、
昔、知り合いが180ピクセル単位幅でレイアウトすればなにか便利とか言ってたけど、
これと関係する？
グリッドコンピューティングだっけ？

948

： Name_Not_Found [sage] 2019/12/26(木) 08:04:22.26ID:???

"floatする際にはwidthの指定も必須"みたいな記述を見かけるけど
そんなルール仕様書にありましたっけ？

949

： Name_Not_Found [sage] 2019/12/26(木) 08:20:38.12ID:???

そもそもそんな記述を見かけない

950

： Name_Not_Found [sage] 2019/12/26(木) 10:22:51.60ID:???

>>947

グリッドコンピューティングてのはクラウドサバみたいなやつのことだ
複数の生きてる資源を組み合わせて１つのコンピュータとみなすやーつだ

951

： Name_Not_Found [sage] 2019/12/26(木) 10:23:47.03ID:???

>>947

で、180云々てのは約数の問題だろう

952

： 933 [sage] 2019/12/26(木) 21:28:58.41ID:???

>>934

結局のところ触ってみないと分からなそうです
Bootstrap臭くなるっていうのがちょっと気にはなりますが試してみようと思います
ありがとうございました

953

： Name_Not_Found [sage] 2019/12/27(金) 14:25:09.90ID:???

今progateで勉強し始めて、liを横並びにしたいのですが、

index.html

<div class="header">
<div class="header-logo">Progate</div>
<div class="header-list">
<ul>
<li>プログラミングとは</li>
<li>学べるレッスン</li>
<li>お問い合わせ</li>
</ul>
</div>
</div>


の時、
stylesheet.cssにおいて、

.header-list li{
float: left;
}

で適応されるのですが、

.header-list{
float: left;
}

では適応されないのは何故でしょうか
.header-list{}であっても、liは範囲内にあると思うのですが・・・

954

： Name_Not_Found [age] 2019/12/27(金) 14:27:09.99ID:???

失礼、IDを出しておきます

955

： Name_Not_Found [] 2019/12/27(金) 14:28:40.96

ID

:VmgQiWjM

ごめんなさいミスりました・・・

956

： Name_Not_Found [sage] 2019/12/27(金) 16:45:34.57ID:???

俺からも質問いいかな

progateって何なん？レッスンサイト？
詳細見ようとしてもログイン強制されて見れんし。

957

： Name_Not_Found [sage] 2019/12/27(金) 17:24:53.62ID:???

>>953

CSSてのは、セレクタで要素を特定して
その要素に適用したいスタイルを記述するものなんよ

で、横並びにするためにfloat: leftというスタイルを使ってるわけだけど
そのスタイルを適用すべき要素は、<li>要素じゃん？
<li>要素が横並びになるわけだから

だから、その<li>要素を特定するために
前者の.header-list litというセレクタが必要なんよ

後者の.header-listは
<div class="header-list">という要素を指すセレクタであって、<li>要素ではない

958

： Name_Not_Found [sage] 2019/12/27(金) 17:25:29.99ID:???

>>956

それはスレ違いなのでおググりください

959

： Name_Not_Found [] 2019/12/27(金) 18:18:20.34

ID

:VmgQiWjM

>>957

なるほど・・・
.header-listにfloat: left;を適応させようとする行為は、
「箱の中の石を横並びにさせようとしているのに、
箱そのものに横並びをさせようとしていた」という認識であっているでしょうか？

960

： Name_Not_Found [sage] 2019/12/27(金) 18:25:52.93ID:???

今どき横並びにするのにfloat left教えるとかだっせぇサイトだなｗ

961

： Name_Not_Found [sage] 2019/12/27(金) 18:48:51.39ID:???

>>960

もっと良い方法があるんですか？
今時の主流はなんでしょうか

962

： Name_Not_Found [sage] 2019/12/27(金) 18:57:33.01ID:???

flex

963

： Name_Not_Found [sage] 2019/12/27(金) 19:03:51.07ID:???

>>960

だから古い教材でメシ食ってるって言ってんだろハゲ

964

： Name_Not_Found [sage] 2019/12/27(金) 20:16:56.01ID:???

>>962

ありがとうございます

965

： Name_Not_Found [sage] 2019/12/27(金) 21:03:14.69ID:???

>>953

俺より初心者を初めてここで見たわ
俺も初心者じゃなくなって来たって事かな？

966

： Name_Not_Found [sage] 2019/12/27(金) 21:11:16.58ID:???

>>965

そう見えたなら、初心者は脱したとは思うよ。
単体で金を稼げるようになったら一人前

967

： Name_Not_Found [sage] 2019/12/27(金) 21:27:49.81ID:???

そのサイトがfloatを推奨しているのか、
ただ横並びせよと命題出してるだけで初心者が勝手にfloat採用したのか、どちらなのかは分からんぞ

968

： Name_Not_Found [sage] 2019/12/27(金) 21:32:39.54ID:???

多分進めていくとflex出てくる
とりあえずfloatの使い方を最初にやってるだけ

969

： Name_Not_Found [sage] 2019/12/27(金) 23:18:05.30ID:???

>>945

ｲｲﾈ！

970

： Name_Not_Found [sage] 2019/12/28(土) 00:25:38.45ID:???

上と下の奴だと上じゃないとダメですか？
idが先でclassが後などのルールがあるのですか？



<div id="change-text" class="btn">文字列を変更</div>


<div class="btn" id="change-text">文字列を変更</div>

971

： Name_Not_Found [sage] 2019/12/28(土) 00:44:12.23ID:???

順番はありません好きにすればいいです

972

： Name_Not_Found [sage] 2019/12/28(土) 01:08:00.07ID:???

そういやなんでみんなidから書くんだろうな
自分もだけど

973

： Name_Not_Found [] 2019/12/28(土) 01:08:34.80

ID

:WMd/dG8p

>>971

thank you!

974

： Name_Not_Found [sage] 2019/12/28(土) 01:25:38.87ID:???

今の時代はflexだけど、floatも使えた方がいいって先生から教わった

975

： Name_Not_Found [sage] 2019/12/28(土) 01:35:15.85ID:???

そう。そういうのいつも思うけどさAかBかじゃないんだよ。

AもBも両方覚えろって話なんだよ。
photoshopかillustratorかじゃないんだよ。
ReactかjQueryかじゃないし
macかWindowsかも討論不要なんだよ。
レズプレイかデブプレイかじゃないんだよ。
両刀なんだよ！！

976

： Name_Not_Found [sage] 2019/12/28(土) 02:26:01.92ID:???

そら使えないより使えた方がいいに決まってんじゃん馬鹿でー
横並べにfloat出すのが不適切って話よ

977

： Name_Not_Found [sage] 2019/12/28(土) 05:56:56.88ID:???

テーブルセルに対してmax-width指定しても基本効果無いけど、
特定の列の幅だけ完全固定する、他の列は親要素に対して広がる、みたいなことはできんかね？

978

： Name_Not_Found [sage] 2019/12/28(土) 10:56:31.01ID:???

特定の列の幅だけwidthをピクセル指定すりゃいいだけやん

979

： Name_Not_Found [sage] 2019/12/28(土) 11:39:26.83ID:???

ああ固定レイアウトにして他の列をautoにすればいいだけだったわ
テーブル本体のwidthがauto指定だと自動レイアウトになっちまうってのが混乱の元なんだよなあ

980

： Name_Not_Found [sage] 2019/12/28(土) 11:43:51.20ID:???

>>975

じゃあ六法全書ぜんぶ覚えるべきだよねｗ
法治国家日本では法の無知は言い訳にならないからおちおち出歩けもしないしねｗｗ

981

： Name_Not_Found [sage] 2019/12/28(土) 13:57:25.52ID:???

>>980

六法と何を比較して悩むの？
弁護士・司法書士なら関連は全部覚えるに決まってるだろ

982

： Name_Not_Found [] 2019/12/28(土) 15:18:33.56

ID

:OpUm7XrG

html フォーム受信ってPHPでしか受け取れない？Javascriptじゃあ無理？

983

： Name_Not_Found [sage] 2019/12/28(土) 18:44:40.17ID:???

>>982

出来るよ。

984

： Name_Not_Found [] 2019/12/28(土) 21:06:47.50

ID

:A/uXwtrt

すいませんサイトを一応作り終わってみて仮サーバーで上げようとしたら
ttp://http://183.90.183.154/cgi-sys/defaultwebpage.cgi
こう表示されます…
コードは一応合格ラインのようですが…
ttp://http://www.css-validator.org/validator?uri=vintagedope.cfbx.jp&profile=css21&usermedium=all&warning=1&lang=ja

985

： Name_Not_Found [] 2019/12/28(土) 21:51:30.47

ID

:A/uXwtrt

もし文法エラーやHTMLだけ設置しておりそれに関するCSSがなかった場合　サイトを表示できないのでしょうか？

986

： Name_Not_Found [] 2019/12/28(土) 22:43:21.94

ID

:0lTwDZot

>>985

大抵のブラウザにデフォルトのCSSがあるので、それで表示されるよ
適当なサイト表示して、開発ツールで読み込んでるCSS全部外してみると見られるよ

ヘッドレスブラウザみたいに
表示そのものがないブラウザもあるよ

987

： Name_Not_Found [] 2019/12/28(土) 22:44:20.39

ID

:0lTwDZot

>>984

その仮サーバーのセッティングが間違ってんじゃない？

988

： Name_Not_Found [] 2019/12/28(土) 22:45:24.36

ID

:0lTwDZot

>>982

GETなら

989

： Name_Not_Found [] 2019/12/29(日) 05:18:43.76

ID

:ahCLpc/S

>>987

家に帰って設定してみます…