HTML/CSS のどんな質問にも優しく答えるスレ 36

1

： Name_Not_Found [sage] 2019/01/31(木) 01:22:16.91ID:???

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

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

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

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

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

>>980

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

>>980

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

>>980

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

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

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

■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/01/31(木) 11:47:58.74ID:???

>>1

乙
これはシケインなんだから勘違いしないでよね！

3

： Name_Not_Found [sage] 2019/01/31(木) 13:31:40.26ID:???

はぁ？寝ぼけたこと抜かしとったら神崎川泳がすぞコラ

4

： Name_Not_Found [] 2019/01/31(木) 19:06:02.50

ID

:/Z7WahaC

HTML初心者です。
STARTボタンとSTOPボタンで動きを制御でき、変数を用いて矢印を中心に向かって動かす。
変数の値が10で止めるとクリア、0になったら外側に戻る。
色々あってこのようなミニゲームを作ることになりました。
身近にいた分かる人が忙しくなってしまったのでどなたか教えてくださいm(_ _)m

5

： Name_Not_Found [sage] 2019/01/31(木) 19:11:43.82ID:???

それは本当に忙しくて教えられないんじゃなくてだな…

6

： Name_Not_Found [sage] 2019/01/31(木) 19:28:28.69ID:???

何を教えればいいの

7

： 質問者 [] 2019/01/31(木) 19:33:15.57

ID

:/Z7WahaC

説明足りなくてごめんなさい
矢印はすでにできており、STARTボタンを押すごとに変数が-10され、中心に１歩ずつ向かっていく状況です。
100から減少させ、0になったら100に戻してまた減少を始める変数と、その変数を動かし始めるボタン、止めるボタンの３つを教えてほしいです

8

： 質問者 [] 2019/01/31(木) 19:34:42.59

ID

:/Z7WahaC

ぴったり10で止めた時にCLEAR表示ができたら最高ですが、難しそうであればそこまで求めません。

9

： Name_Not_Found [sage] 2019/01/31(木) 20:30:26.96ID:???

宿題は自分の力でできるところまでやるものだよ

10

： 質問者 [] 2019/01/31(木) 20:37:11.12

ID

:/Z7WahaC

やはり難しいのでしょうか…
それからこれは部活の出し物の１つで、ジャンケンで負けてしまったので作成しています。
作るからには良い発表にしたいと思うんです。どうにかなりませんか…？

11

： Name_Not_Found [sage] 2019/01/31(木) 20:39:47.00ID:???

難しいんじゃなくてお前に教えるのが面倒くさい

12

： Name_Not_Found [sage] 2019/01/31(木) 20:42:10.82ID:???

>>4

HTMLに変数はないので無理

13

： Name_Not_Found [sage] 2019/01/31(木) 20:42:43.09ID:???

そもそも部活(？)は自分で入ったんだろうしその課題も自分でいいものにしたいっていってんだから自分でやれとしか。

14

： Name_Not_Found [sage] 2019/01/31(木) 20:43:07.83ID:???

1から10まで全部作ってっていうなら
金出してプロに頼め

15

： 質問者 [] 2019/01/31(木) 20:46:55.17

ID

:/Z7WahaC

私が皆さんに甘え過ぎていました。
もう来ません。ごめんなさい。

16

： Name_Not_Found [sage] 2019/02/01(金) 00:36:48.84ID:???

jsのスレで聞いてこい

17

： Name_Not_Found [] 2019/02/01(金) 00:57:23.24

ID

:lctwtyhg

>>15

ここのおじちゃんおばちゃんたちは偉そうなことを言うわりには、
たいした知識ないからな。
まあ、おれもだが、ひとつ言えることは、
HTMLでは無理だ。

18

： Name_Not_Found [sage] 2019/02/01(金) 01:13:46.98ID:???

ラジオボタン使えばHTMLとCSSでゲーム作れなくもないみたいだけどね
変数って言ってるしJSでやろうとしてるよね

ttp://jsdo.it/GeckoTang/4rXg

19

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

>>17

ID変えて煽れば作ってもらえると思ったな！？
それはお前が幼稚園に通ってる頃からある常套手段だ！

20

： Name_Not_Found [] 2019/02/01(金) 09:18:50.07

ID

:OraLWp1j

firefoxのstylusで背景色を変えています
youtubeの動画再生時にマウスオーバーで出てくる下のボタンの部分まで色が変わっていてこの部分を除外したいのですができません。

どう書いたら除外できますか。調べてそれっぽくやってみたのですが効果なしです。


*:not([class*="ytp"]):not([class*="ytd-searchbox"]):not([class*="ytp-svg-fill"]):not([class*="ytp-miniplayer-button ytp-button"]):not([class*="ytp-svg-shadow"])


{
background-color: #565656 !important;
}

21

： Name_Not_Found [sage] 2019/02/01(金) 14:40:09.22ID:???

素朴な疑問なんだけど
widthなんて読んでる？heightは「ハイト」だろうけど

22

： Name_Not_Found [sage] 2019/02/01(金) 15:18:35.06ID:???

>>21

ウィドゥス

23

： Name_Not_Found [] 2019/02/01(金) 15:27:20.31

ID

:lctwtyhg

外部スタイルシートに
body {max-width:1000px; margin:0 auto;}
と書いても効かなかった（センターに寄らなかった）ので、

html {} ←空のまま
body {max-width:1000px; margin:0 auto;}
と書いたら効きました。
なぜだか分かりません。誰か教えてください。

24

： Name_Not_Found [sage] 2019/02/01(金) 16:14:44.13ID:???

>>21

俺は発音記号に忠実に読んでてメリケンにも通じるけど日本人に対してはしょうがなくカナ音写して「ウィッズ」または「ウィッドゥ」

25

： Name_Not_Found [sage] 2019/02/01(金) 19:52:53.57ID:???

>>23

ファイルにBOM付いてるって落ちじゃね

26

： Name_Not_Found [sage] 2019/02/01(金) 20:02:02.74ID:???

>>22

,24
ありがと

27

： Name_Not_Found [] 2019/02/01(金) 20:45:45.80

ID

:lctwtyhg

>>25

お騒がせしました。
normalize.cssが邪魔してました。
ありがとうございます。

28

： Name_Not_Found [sage] 2019/02/01(金) 20:49:08.21ID:???

widthはワイズって一時読んでました
誰も訂正してくれませんでした
誰も、訂正してくれなかったのです

29

： Name_Not_Found [sage] 2019/02/01(金) 21:02:40.14ID:???

ワイズって読んでた人いたけど、自分はウィドゥス派だったから
その人に話しかける時は幅って言ってた

30

： Name_Not_Found [sage] 2019/02/01(金) 21:20:11.21ID:???

>>29

やっぱそうなるよな

31

： Name_Not_Found [sage] 2019/02/01(金) 21:28:43.57ID:???

ワイズのほうが言いやすい

32

： Name_Not_Found [sage] 2019/02/01(金) 21:28:47.80ID:???

　 ●
＜■＞　＜　ワタシハ　コタ゛イシ゛ンノ　マツエイ。　ナハ「ワイデス４０」ナリ。
／　 ＼

33

： Name_Not_Found [sage] 2019/02/01(金) 21:47:03.93ID:???

うるせーぞコロ助

34

： Name_Not_Found [sage] 2019/02/01(金) 22:00:44.21ID:???

ウィドゥス 57%
ウィズ 24%
ワイズ 19%
ワイデス 0.00009%

35

： Name_Not_Found [sage] 2019/02/02(土) 07:51:56.32ID:???

HTMLコーダー　ってどこまでできれば名乗れるの？
HTML5/CSS3, JavaScript、PHP？

36

： Name_Not_Found [sage] 2019/02/02(土) 08:30:56.42ID:???

なにもできなくても名乗れるよ

37

： Name_Not_Found [sage] 2019/02/02(土) 15:37:53.46ID:???

名乗るだけなら技術関係なく誰でも名乗れる
そうなると何が起こるかは想像に難くない

38

： Name_Not_Found [sage] 2019/02/02(土) 15:46:44.44ID:???

大体ロクでも無いことになるな

39

： Name_Not_Found [sage] 2019/02/02(土) 20:49:50.45ID:???

>>35

「名乗る」はともかく真面目に必要なのは
コーダーはHTML5,CSS
フロントエンドエンジニアは+JaveScript,UXやSEOなどの知識
Webプログラマーは+PHP(orその他バックエンドの何か)

40

： Name_Not_Found [sage] 2019/02/02(土) 21:04:18.00ID:???

おいら、ある日突然マークアップエンジニアって呼ばれるようになった

41

： Name_Not_Found [sage] 2019/02/02(土) 21:04:27.28ID:???

>>39

うむそうだよな。しかし「HTMLコーダー」の求人で、
HTML5・CSS3だけを求めているものは少ない。

42

： Name_Not_Found [sage] 2019/02/02(土) 21:04:56.05ID:???

JaveScript勉強します

43

： Name_Not_Found [sage] 2019/02/02(土) 21:13:25.98ID:???

>>42

jqueryをコピペして使えるだけで単価あがるよ

44

： Name_Not_Found [] 2019/02/03(日) 02:29:41.64

ID

:h2KS3URm

プログラミングの知識を持ちながら誰かの組織に入りたがる奴って偉いわ
その技術で一部の人間だけが潤う
正直体売ったほうがマシ

45

： Name_Not_Found [sage] 2019/02/03(日) 06:52:32.14ID:???

頭大丈夫か？

46

： Name_Not_Found [sage] 2019/02/03(日) 14:45:23.86ID:???

meta_keywordsってSEOには全く効果がないんでしょうか？
無いよりはマシって感じでしょうか？

47

： Name_Not_Found [sage] 2019/02/03(日) 15:10:14.25ID:???

googleは効果ないって名言してたな
bingでは効果あるかも知れないが、恐らくその効果も薄くなっていくだろう

・・・と思ったら10年前の時点でbingも使ってないらしい。絶対いらんわ
ttp://https://www.suzukikenichi.com/blog/how-do-google-yahoo-bing-treat-meta-keywords-tag/

48

： Name_Not_Found [sage] 2019/02/03(日) 15:42:43.44ID:???

>>46

メリットは一切ない
デメリットは無駄なタグ・キーワードを考える時間・変更があった時の対応
つまりはむしろない方がいい

49

： Name_Not_Found [sage] 2019/02/03(日) 15:47:41.68ID:???

敢えてキーワードは聞いてないのに、お客さんが送りつけてくるよ＾q＾

50

： Name_Not_Found [sage] 2019/02/03(日) 15:48:43.27ID:???

>>49

あるあるｗｗｗ

51

： Name_Not_Found [sage] 2019/02/03(日) 15:49:47.48ID:???

>>50

やっぱあるあるかぁ＾q＾

52

： Name_Not_Found [sage] 2019/02/03(日) 15:55:58.71ID:???

下手なdescriptionも要らないみたいだよね
画像だらけのページならいるのかもしれんが

53

： Name_Not_Found [sage] 2019/02/03(日) 16:00:05.28ID:???

それよりSNSの情報よこせと思うんだけど、企業アカウントないんだって

54

： Name_Not_Found [] 2019/02/04(月) 09:35:37.83

ID

:GX5UXhgU

市の図書館でHTMLの本借りてHP作ってる
HTML4が主流らしいけどXHTMLっていう最新の技術を使ってる
やっと文字をHPに反映させることができるようになった
早くテーブルとか使えるようになりたい
皆さん何日くらいで HTMLをマスターしましたか？

55

： Name_Not_Found [sage] 2019/02/04(月) 10:05:06.95ID:???

�@←これの色ついてるものとか☑←などの色付き、◻︎←の中に数字など入ってるやつはHTMLですか？
HTMLならググるので名称を教えてください

56

： Name_Not_Found [sage] 2019/02/04(月) 10:07:25.93ID:???

>>55

cssです

57

： Name_Not_Found [sage] 2019/02/04(月) 10:20:31.19ID:???

>>56

すみません、ありがとうございます。ググる時はなんて検索すれば関連する記事にたどり着けますか？

58

： Name_Not_Found [sage] 2019/02/04(月) 10:54:35.72ID:???

>>57

数字を増やすんだったら、css カウンター
チェックのアイコンだったら、css リスト アイコンかなぁ？

59

： Name_Not_Found [sage] 2019/02/04(月) 12:16:18.05ID:???

>>54

釣りかもしれないがマジレスするとそんな古代の本を使うのは辞めたほうがいい
今の主流はHTML5であってXHTMLは既に枯れてる

本の代わりを挙げるならprogateとかかなぁ
ttp://https://prog-8.com/languages/html

60

： Name_Not_Found [sage] 2019/02/04(月) 14:24:05.34ID:???

枯れてるというより廃れてる

61

： Name_Not_Found [sage] 2019/02/04(月) 15:01:27.03ID:???

うんIT用語で枯れてるはいい意味で使われることが多いからxhtmlに使うのはふさわしくないな

62

： Name_Not_Found [sage] 2019/02/04(月) 15:24:42.23ID:???

>>59

中学生だか高校生だかの親戚の子に
学校で渡されたというHTML書くためのプリントを見せられた時は愕然とした

>>54

よりはるかに古かった…

63

： Name_Not_Found [] 2019/02/04(月) 20:55:54.02

ID

:AqGb21eB

こういうのな
ttps://i.imgur.com/5fStTU1.jpg

64

： Name_Not_Found [sage] 2019/02/04(月) 21:04:02.15ID:???

マーキーは！？マーシーは出てこないの！？

65

： Name_Not_Found [sage] 2019/02/04(月) 21:07:02.42ID:???

>>63

htmlはソースをパースして表示されてるって事が大体分かればいいんじゃないかな
授業なら仕方ないと思う

ただ問題は、webに進む子だな
そんな古代の知識を身に着けても邪魔になるだけだ

66

： Name_Not_Found [sage] 2019/02/04(月) 21:08:33.09ID:???

>>64

marqee懐かしいな
極たまに見かけるけど、あれ本当に意味ないな

67

： Name_Not_Found [sage] 2019/02/04(月) 21:13:49.46ID:???

>>64

もう出所してるよ。
またすぐ捕まると思うけど。

68

： Name_Not_Found [] 2019/02/04(月) 21:22:50.54

ID

:suvMj+Aw

>>63

「Welcome to my homepage」とか「キリ番をゲットした人は踏み逃げ禁止」とかが流行っていた時代のだな。

69

： Name_Not_Found [] 2019/02/04(月) 21:26:31.74

ID

:suvMj+Aw

>>64

marsy{
　　　　media:hidden;
}

70

： Name_Not_Found [sage] 2019/02/04(月) 21:55:32.03ID:???

上下左右に動くリンク・・・

71

： Name_Not_Found [sage] 2019/02/04(月) 21:57:02.94ID:???

Sorry, this home page is Japanese only.

White onlyみたいなヤバい文言を皆こぞって掲げてた時代。

72

： Name_Not_Found [] 2019/02/04(月) 22:38:38.79

ID

:suvMj+Aw

ENTER

★☆★☆★☆★☆
★☆★☆★☆★☆
★☆★☆★☆★☆

入口

73

： Name_Not_Found [sage] 2019/02/04(月) 23:03:10.78ID:???

ソースにわれずのurlが隠してある

ならまだマシなほうでctrl + aのあぶり出し

74

： Name_Not_Found [sage] 2019/02/04(月) 23:07:27.07ID:???

ロゴが実はmp3

75

： Name_Not_Found [sage] 2019/02/04(月) 23:10:46.58ID:???

あえて昔のホォムペェジ的な作りにしてみてgoogleさんに見せると
「古い作り方やめたほうがいいですよ」って言ってくれる

76

： Name_Not_Found [sage] 2019/02/04(月) 23:12:58.20ID:???

>>75

マジで？
なんて表示されるの？気になります！

77

： Name_Not_Found [sage] 2019/02/04(月) 23:21:04.93ID:???

>>68

めっちゃめちゃなつかしくて草

78

： Name_Not_Found [sage] 2019/02/04(月) 23:40:41.72ID:???

サイトの構成が古いです（直球）

79

： Name_Not_Found [] 2019/02/05(火) 00:44:10.41

ID

:MtMhxCI9

いかにもホームページビルダーで作ったエンボス文字のボタンとかな

80

： Name_Not_Found [sage] 2019/02/05(火) 00:55:19.28ID:???

虹色使いがち

81

： Name_Not_Found [sage] 2019/02/05(火) 01:49:34.06ID:???

招き猫置きがち

82

： Name_Not_Found [sage] 2019/02/05(火) 04:43:19.73ID:???

立体的なボタンにしてくれって言われたから、一昔前のボタンにしてやった
後悔はしていない

83

： Name_Not_Found [sage] 2019/02/05(火) 07:40:45.74ID:???

アングラ的なサイトもいいよね

84

： Name_Not_Found [sage] 2019/02/05(火) 10:54:27.19ID:???

YouTubeの動画を埋め込む時に、YouTube側で動画の表示サイズの変更は可能でしょうか？

85

： Name_Not_Found [sage] 2019/02/05(火) 11:04:31.16ID:???

>>84

開発者用のリファレンス見る癖をつけたほうが良い
ttp://https://developers.google.com/youtube/player_parameters?hl=ja

サイズ変更はフルスクリーンしか無理だな

86

： Name_Not_Found [sage] 2019/02/05(火) 11:15:13.12ID:???

>>85

開発者向け？のサイトがあるんですね。
ありがとうございますm(__)m

87

： Name_Not_Found [sage] 2019/02/05(火) 11:38:41.84ID:???

CSSgridを勉強しようと思いますがIEで検証が必要な案件では使わない方がいいですか

88

： Name_Not_Found [sage] 2019/02/05(火) 11:43:37.54ID:???

>>87

IE10だと絶対に止めたほうが良い
IE11でもかなりだるい
ttp://https://coliss.com/articles/build-websites/operation/css/how-to-css-grid-for-ie11.html

89

： Name_Not_Found [sage] 2019/02/05(火) 13:48:15.12ID:???

>>35

<html>Hello World</html>

90

： Name_Not_Found [sage] 2019/02/05(火) 14:06:46.04ID:???

>>35

名乗るのは好きにすればいいよ

○○が出来る、ってのはあんまりプラス評価されない
○○が出来ない、ってのはマイナス評価されるけど

91

： Name_Not_Found [sage] 2019/02/05(火) 14:07:37.81ID:???

>>88

勝手にプレフィックスつけてくれるやつってcssgrid対応してるかな？
以前手動でやったらホントだるかった
結局使わなかった

92

： Name_Not_Found [sage] 2019/02/05(火) 14:20:36.25ID:???

>>91

ざっくりと対応はしている
微妙にずれると修正が終わらなくて地獄が始まるぞ
IEを治せばchromeでずれ、chromeに合わせるとIEが・・・
まぁ、ちょっとぐらいいいよって言ってくれる蔵ならいいんじゃないかな
細かい所気にする蔵なら止めておいたほうがいい

93

： Name_Not_Found [sage] 2019/02/05(火) 14:23:32.90ID:???

>>92

そんなにか…
IEで確認修正するの嫌だから使わないでおく…

94

： Name_Not_Found [sage] 2019/02/05(火) 14:26:41.92ID:???

>>93

まぁ一年ぐらい前だから、今はマシになってるかもしれんけど
俺はもう絶対に大丈夫ってなるまで使いたくないかな
IEがこの世から早く消滅シてほしいわ

95

： Name_Not_Found [sage] 2019/02/05(火) 14:28:57.85ID:???

msもそう思ってるぞ。
三流企業がしがみついてて困ってる。

96

： Name_Not_Found [sage] 2019/02/05(火) 15:07:23.32ID:???

>>95

億単位の金かけて作っちゃった社内インフラとかあるからなあ
その当時もで既に、作る側はIEやめましょうって進言はしてるはずなんだが
謎の勢力が妙なIE推しを…

97

： Name_Not_Found [] 2019/02/05(火) 15:10:00.47

ID

:bEROKeJA

すんませんinlineとfloatの重ね合わせてサブメニューを作ろうとしたのですが、ようわからんで
ここで聞いてもよろしいでしょうか？よろしくお願いします。
<div id ="hoge">
<ul id = "piyo">
<li li01>test0</li>
<li li02>test1</li>
</ul>
</div>
#hoge{
float:left;
background-color:lime;
}
#piyo{display:inline;
background-color:aqua;
}
こうするとheight0のブロックの中にinline要素が入ってるように見えて、実際縦にリストが並ぶんですが
inlineのリストが左に詰められる感じで、何でこうなるのかわかんないです。

98

： Name_Not_Found [sage] 2019/02/05(火) 15:10:33.23ID:???

あぁ、うちもそうだ
IE以外は動作保証外
chromeで動かしたら本当に動作しなくてびっくりした

99

： Name_Not_Found [sage] 2019/02/05(火) 15:23:33.62ID:???

>>97

知らん。仕様通りなんだろう
サイドメニューを作りたいなら
#hoge{
float:left;
}
これが一番いらない


以下は助言

html・cssをテキトーに書いて「なんでこうなるの？」という疑問には
「仕様どおり」としか答えられない
「こう表現するためにどうすればよいか？」
には、すぐに回答できる

100

： Name_Not_Found [sage] 2019/02/05(火) 15:33:21.58ID:???

>>97

まず<div#hoge>がfloat:leftになったところで
内容にはなも関係ない

んで、<ul#piyo>がinlineになってんのに
<li>はblockのままですから
<ul#piyo>から出て通常通り縦に並ぶ

101

： Name_Not_Found [] 2019/02/05(火) 15:33:59.35

ID

:bEROKeJA

>>99

ありがとうございます。
floatはサブメニューには使わないんですね。参考になります。

102

： Name_Not_Found [sage] 2019/02/05(火) 15:36:23.16ID:???

>>88

Autoprefixerの使用は前提ですよねやはり
それでもめんどくさそうだしまだflexで頑張りますかね

IE10対応は流石にもうやってないです

103

： Name_Not_Found [sage] 2019/02/05(火) 15:46:13.63ID:???

>>101

float自体もうめったに使わない
flexかgridが定番
ttp://https://jsfiddle.net/kargpbvc/1/

>>102

俺は使ってない
蔵と最初に話をつけて、1%のために2倍の料金になりますが良いですか〜？
とは効いている
今のところこれで了承したのは一件だけだ

104

： sage [] 2019/02/05(火) 15:47:25.37

ID

:bEROKeJA

>>100

ほんとだ。私なんだかよくわからないことをしていますね...
左右の四角いサブメニュー（リンク含む）と中央コンテンツのデフォルトな感じのホームページを作ろうと思っているのですが
もし助言等いただけたらありがたいです。
中央は作った簡易なコメント機能（テキストから引っ張ってくる簡易なもの）を置くつもりです。

105

： Name_Not_Found [sage] 2019/02/05(火) 15:53:11.37ID:???

>>103

手で書くの？？
ベンダープレフィックスを？？？

106

： Name_Not_Found [sage] 2019/02/05(火) 15:54:51.94ID:???

>>104

何をしたいのかいまいちわからんけど
<ul#piyo>はなんでinlineなの？

107

： Name_Not_Found [sage] 2019/02/05(火) 15:55:07.39ID:???

マッキーでキュキュッとな

108

： Name_Not_Found [sage] 2019/02/05(火) 15:55:46.67ID:???

>>103

display:flexですね。ありがとうございます。こんな簡単になんですね。floatは時代遅れか…

109

： Name_Not_Found [] 2019/02/05(火) 15:58:27.45

ID

:bEROKeJA

>>106

cssの基本というページを参照しながら書いてたのですが<li style="display:inline">を間違えたみたいです。
すいません。

110

： Name_Not_Found [sage] 2019/02/05(火) 15:59:15.66ID:???

>>105

ベンダープレフィックスなんて書かないよ

ブラウザ間のズレを補正するツールは色々あるけど、細かい事ヤリだすとやっぱりずれる
で、ずれたものを合わせる労力が半端じゃない。数pxだけどね
もうそれなら最初からずれる、もしくは数ピクセルに抑えますが許容して下さいって言うだけ

>>108

別にfloatは悪じゃない
その昔、おかしな使い方をしていたってだけなんだよ

111

： Name_Not_Found [sage] 2019/02/05(火) 16:00:17.03ID:???

>>109

多分見るページが悪い
webはこういうのすごく多いから、気をつけて
<li>はdisplay:inline:blodkにすると扱いやすい

112

： Name_Not_Found [sage] 2019/02/05(火) 16:03:24.08ID:???

>>109

まず、inline、block、inline-blockにすると
要素がどう並ぶのか知ったほうがいいかもね
簡単なことだし試してみるのが一番わかりやすいと思う

>>97

の要素に背景色塗ってどうなってるのか見るってやり方は間違ってないよ

113

： Name_Not_Found [sage] 2019/02/05(火) 16:35:57.41ID:???

>>103

初心者ですが、今日たまたま勉強してたら
floatの存在を知りました
しかし、いまは定番じゃないんですね…

悲しくなりました

114

： Name_Not_Found [sage] 2019/02/05(火) 16:53:24.17ID:???

float禁止なわけじゃないから使ってもええんやで
自分は回り込み以外では使わないけど

115

： Name_Not_Found [sage] 2019/02/05(火) 17:46:36.55ID:???

floatの訳の分からない高度な使い方が蔓延しすぎて本来どういう使い方がピッタリなのか分からなくなった。

116

： Name_Not_Found [sage] 2019/02/05(火) 17:53:40.01ID:???

>>114

使ったらなんか画像と文字が階段みたいにズララララーって表示されたんですよね

参考書のとおりにやったのに

117

： Name_Not_Found [sage] 2019/02/05(火) 17:58:55.65ID:???

>>115

新聞みたいなレイアウト、要するに画像のインライン要素への回り込みが本来の役割
ttps://i.imgur.com/cjBAhYn.png

通常このレイアウトを使う事はないので、もう忘れても良い
今はflex、gridで良い

>>116

それはclear辺りが失敗している典型的な例
もうfloat自体使わなくて良い

118

： Name_Not_Found [sage] 2019/02/05(火) 18:14:57.36ID:???

えー
ふつうにするし回り込み
忘れて良いことなんてない
すべて学べ

119

： Name_Not_Found [sage] 2019/02/05(火) 18:15:04.98ID:???

XHTML以外は

120

： Name_Not_Found [sage] 2019/02/05(火) 18:23:04.07ID:???

先祖代々<html></html>だけで生きてる

121

： Name_Not_Found [sage] 2019/02/05(火) 18:46:53.16ID:???

<br />
何回コピペしたことか

122

： Name_Not_Found [sage] 2019/02/05(火) 19:00:49.17ID:???

>118
使わねーよ
新聞のサイトのPC版は使ってていいかもしれんが、
時代はモバイルファースト

ttps://i.imgur.com/fbUbLNM.png
wikipediaもモバイル版はdisplay:flexにしている

floatなんぞ使わんで良い

123

： Name_Not_Found [sage] 2019/02/05(火) 19:02:17.75ID:???

float「なんか、すまんな…」

124

： Name_Not_Found [sage] 2019/02/05(火) 19:25:42.96ID:???

>>122

そんな少数の例を挙げられましても…
まあ個人の自由なんで好きにすりゃいい話だけど

125

： Name_Not_Found [sage] 2019/02/05(火) 19:32:22.67ID:???

>>124

なんについて少数派？

126

： Name_Not_Found [sage] 2019/02/05(火) 19:44:02.69ID:???

floatなんて知らなくていい

127

： Name_Not_Found [sage] 2019/02/05(火) 19:54:03.89ID:???

ワイは使とるでfloat
ン年前に書いたソースがキメラと化してるため今更書き直すのはとてもしんどい

128

： Name_Not_Found [sage] 2019/02/05(火) 20:54:58.00ID:???

html初心者です。BOXを等間隔に何列も並べて上タイトル、下写真といったようにしたいと思っています。
クリックして出たページは別ウィンドウではなくライトボックスの形でやるにはどのようにすればよろしいでしょうか？

ttps://light.dotup.org/uploda/light.dotup.org572771.png

129

： Name_Not_Found [sage] 2019/02/05(火) 20:59:29.75ID:???

腹が痛い…
htmlとCSSでどうにかできんか！？

130

： Name_Not_Found [sage] 2019/02/05(火) 21:01:13.13ID:???

昔はフレーム使った個人サイトがよくあったけど
今はどうしてるんだろう

131

： Name_Not_Found [sage] 2019/02/05(火) 21:03:38.00ID:???

>>128

写真の位置決めがちょっと面倒かもね
data-属性でcssかjsに渡す？

ライトボックス的なのはいろいろライブラリあるから好きなの選べばいいと思う
個人的にはmagnificpopupが好き

132

： Name_Not_Found [sage] 2019/02/05(火) 21:29:26.01ID:???

>>130

5chも未だにframeだし、そのままじゃないかな

133

： Name_Not_Found [sage] 2019/02/05(火) 21:30:19.99ID:???

>>132

5chはわざとクラシックなままにしてるとこある

134

： Name_Not_Found [] 2019/02/05(火) 21:40:20.63

ID

:gEJmMaex

すみません、まずはタイトル付きのボックスから作りたいんですがこれはどうすればいいでしょうか？
調べても分けの方法がいまいち出てきません・・・

135

： Name_Not_Found [sage] 2019/02/05(火) 21:48:12.64ID:???

>>134

う〜〜〜〜ん
＞まずはタイトル付きのボックス
これ、結構難易度高いんじゃないかな？30秒ぐらい探したけど見つからなかった
jsさえ覚えておけばライトボクスごと作ることもできるけど、それが無理なら以下から選ぶ必要があると思う

・タイトルとセットでライトボックス化をできるプラグインを死ぬ気で探す
・画像だけのライトボックスで諦める

個人的にオススメは後者。多分前者は存在しない

136

： Name_Not_Found [sage] 2019/02/05(火) 22:05:59.08ID:???

>>128

説明がぜんぜんわからん

137

： Name_Not_Found [sage] 2019/02/05(火) 22:42:51.68ID:???

非表示にしといてポチッで表示でいいんじゃないの

138

： Name_Not_Found [sage] 2019/02/05(火) 22:45:36.09ID:???

>>136

いやわかるだろ
これでわからんとかアスペか

139

： Name_Not_Found [sage] 2019/02/05(火) 22:52:32.27ID:???

アスペとかなついな
オリゼーだっけ
アスペルギルスオリゼー
かもすぞー

140

： Name_Not_Found [sage] 2019/02/05(火) 22:53:20.83ID:???

>>138

ごめん
自分もよく読まないとわからなかった

141

： Name_Not_Found [sage] 2019/02/05(火) 22:57:16.61ID:???

俺なんか全く読まないで理解したぜ

142

： Name_Not_Found [sage] 2019/02/05(火) 23:01:18.46ID:???

なんか目が滑るんだよな

143

： Name_Not_Found [sage] 2019/02/05(火) 23:43:41.73ID:???

説明が分かりにくかったですね、自分でもこんがらがってました
ライトボックスのはないみたいです、残念

>>142

ボケる前に読解力鍛えてねオッサンｗ

144

： Name_Not_Found [sage] 2019/02/06(水) 00:01:47.29ID:???

タイトル付きのボックス


てのは、ライトボックス開いて
そこにタイトルと画像がある

ってことけ？

145

： Name_Not_Found [sage] 2019/02/06(水) 00:28:12.34ID:???

>>143

よくわからなかったのは128じゃなくて138のことだったのに…

146

： Name_Not_Found [sage] 2019/02/06(水) 00:36:29.45ID:???

煽ったり草生やしたりしてる質問者って
相当狂ってるな・・・

147

： Name_Not_Found [sage] 2019/02/06(水) 00:46:38.00ID:???

今見て答えようと思ったら…
おっさんだし糞して寝ますわ。

148

： Name_Not_Found [sage] 2019/02/06(水) 01:02:54.33ID:???

いいなー俺も糞したい

149

： Name_Not_Found [sage] 2019/02/06(水) 01:14:17.67ID:???

便秘で3日出てないんだよね

150

： Name_Not_Found [sage] 2019/02/06(水) 05:55:52.60ID:???

cssをモジュール化する時のメジャーなネーミング規則ってありますか？
よく見かけるのが
.モジュール名_部品名
という規則で例えば
.myHeader_myList
などがそうです
これを
.my-header_my-list
にするのは見かけませんが邪道でしょうか？
私はよく使うんですが

151

： Name_Not_Found [sage] 2019/02/06(水) 06:40:11.12ID:???

>>150

BEMやらキャメルケースやらスネークケースやら

152

： Name_Not_Found [sage] 2019/02/06(水) 06:53:39.90ID:???

現場のプロが本気で教える HTML/CSSデザイン講義 (Design & IDEA)、ヤフー、2016

MindBEMding による、CSS の構造化を説明した本

BEM (Block, Element, Modifier)

Block__element--modifier

ただし著者は、Block だけは大文字で始めている

153

： Name_Not_Found [sage] 2019/02/06(水) 09:24:49.10ID:???

>>151

>>152

BEMと呼ばれているんですね
流行ってますか？これから流行りそうですか？

154

： Name_Not_Found [sage] 2019/02/06(水) 09:33:07.12ID:???

>>153

ああだこうだうるせえ

155

： Name_Not_Found [sage] 2019/02/06(水) 09:50:32.96ID:???

>>153

大規模なサイトなら便利かもしれないけど、
基本的にはめんどくさいだけだよ

156

： Name_Not_Found [sage] 2019/02/06(水) 09:56:47.23ID:???

プログラミング言語でオブジェクト指向バリバリやってたせいで、面倒くさかろうがBEMみたいな記法しないと不安で気持ちが悪くなる

157

： Name_Not_Found [sage] 2019/02/06(水) 10:02:43.94ID:???

接頭辞つけてモジュールとして使いまわせるかどうかわかるようにするのってなんていう設計方法？

158

： Name_Not_Found [sage] 2019/02/06(水) 10:11:36.66ID:???

>>156

cssもfoo..barみたいな記法できればいいんだけどねぇ

159

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

>>156

その気持ちはわかる
けどLPには必要なかったなと今思ってる
全部画像にしてやればよかった…

160

： Name_Not_Found [sage] 2019/02/06(水) 10:50:09.39ID:???

>>128

bootstrapで逃げるとしたら、
タイトル+写真はcard、
ライトボックスはmodalかtooltips辺りかなぁ

161

： Name_Not_Found [sage] 2019/02/06(水) 10:53:47.58ID:???

>>159

これですね。わかります。
便利ですよね。よく使うのでテンプレートとして置いてます。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
img { diplay: block; width: 100%; }
.pc { display: none; }
@media (min-width:600px) {
.sp { display: none; }
.pc { display: block; }
}
</style>
</head>
<body>
<img src="design-lp_pc.png" class="pc">
<img src="design-lp_sp.png" class="sp">
</body>
</html>

162

： Name_Not_Found [sage] 2019/02/06(水) 11:04:34.44ID:???

>>161

ｗｗｗ

163

： Name_Not_Found [sage] 2019/02/06(水) 11:44:50.74ID:???

ソースセット使おうず

164

： Name_Not_Found [sage] 2019/02/06(水) 12:12:47.20ID:???

一意のクラス名 + 単純なクラス名
っていうCSSの書き方が個人的にいい気がするんだがどう思う？

例えば
.block-list-1 .title
みたいな書き方
.block-list-1のスコープを作って
その中だけでスタイルが効くようにするイメージ

165

： Name_Not_Found [sage] 2019/02/06(水) 12:26:01.74ID:???

>>164

それなりに使われる方法の一つだけど、
それだけだと、
<div class="block-list-1">
　<span class="title"></span>
　<div class="block-item-1">
　　<span class="title"></span>
　</div>
</div>

のようなときに、内部の.titleが.block-list-1の.titleなのか、
.block-item-1の.titleなのか判別できない。

なので.titleではなく.block-list-1-titleにすることが多い。
この場合でも.block-list-1の中に.block-list-1を入れる場合に困るんだけどね

また単純なクラス名単体にスタイルを適用しないというルールを作る必要がある

166

： Name_Not_Found [sage] 2019/02/06(水) 12:31:05.47ID:???

楽に書くためのルールなのに逆にしんどすぎる

167

： Name_Not_Found [sage] 2019/02/06(水) 12:36:19.09ID:???

結局の所、楽に書きたいならsass（またはそれ相当のもの）を使えって話

.block-list-1 .block-list-1-title みたいなものは

.block-list-1 {
　&-title {}
}

って書ける

楽に書くためのルールを、楽に書くことができる

168

： Name_Not_Found [] 2019/02/06(水) 13:49:13.01

ID

:/nOkUjyU

>>165

入れ子にする発想はなかった
自分ひとりだけで書いてるし
そんなヘマはしないと信じたいが

要素がどんなスタイルを持つか（.text-center, .clearfix等）
要素がどんな意味を持つか（.title, .badge等）
みたいに分けて
前者をグローバルで定義し
後者をローカルで定義する

結局ルールはややこしいかもしれないけど
.title単体にスタイルを適用しないようになる気がする

もちろんプリプロセッサー使う前提だけど

169

： Name_Not_Found [sage] 2019/02/06(水) 13:55:01.14ID:???

10年前に通った道

170

： Name_Not_Found [sage] 2019/02/06(水) 14:00:17.00ID:???

>>168

＞要素がどんなスタイルを持つか（.text-center, .clearfix等）
この付け方は止めたほうが良いぞ

171

： Name_Not_Found [sage] 2019/02/06(水) 16:09:23.65ID:???

>>170

なんで？

172

： Name_Not_Found [sage] 2019/02/06(水) 23:18:48.74ID:???

>>150

>>152

こいつ最近定期的に沸く自演だからさわっちゃダメなキチガイ

173

： Name_Not_Found [sage] 2019/02/07(木) 04:12:41.11ID:???

キチガイはお前だろ

174

： Name_Not_Found [sage] 2019/02/07(木) 07:34:55.84ID:???

広告の配置に頭を悩ませる毎日

175

： Name_Not_Found [sage] 2019/02/07(木) 09:16:51.14ID:???

広告の配置ってかなり難しいよな

176

： Name_Not_Found [sage] 2019/02/07(木) 10:15:09.96ID:???

初心者です。

cssファイルに日本語でメモ書きとかってしてもいいんでしょうか？それともタブー？

177

： Name_Not_Found [sage] 2019/02/07(木) 10:29:47.07ID:???

別に良いけど、あんまりcssファイルにコメント書かないな
html5の要素をちゃんと使っていれば、大抵コメント無しで行ける
以下のようなコメントは不要

/* ここからheader */
header {
}

178

： Name_Not_Found [sage] 2019/02/07(木) 10:30:29.66ID:???

いいよ。

179

： Name_Not_Found [sage] 2019/02/07(木) 10:31:36.27ID:???

いま参考書をみながらコードを入力してるんですが、
画像の緑マルと赤マルどちからの書き方が見やすいですか？

また、青線の改行はtabキーで行うのでしょうか？

ちなみに
緑マルは参考書の付録のcssファイルのコード
赤マルは参考書を元に自分が入力したコードです

ttps://i.imgur.com/D2vTz7o.jpg

180

： Name_Not_Found [sage] 2019/02/07(木) 10:33:02.03ID:???

>>177

>>178

分かりました、ありがとうございます

181

： Name_Not_Found [sage] 2019/02/07(木) 10:37:24.99ID:???

lintツールと自動整形ツール入れなよ
一緒になってるやつもあるけど

182

： Name_Not_Found [sage] 2019/02/07(木) 10:40:04.81ID:???

>>179

コーディング規約ってのは共同開発する時にみんなが読みやすい、書きやすい、変更しやすくするために決められるもの
自分ひとりなら、自分が見やすいように掛けば良い

といっても迷うだろうから、そういう時は以下のどちらかで良いと思う
・自動整形するエディタを使用する。atom等
・どこか大手のコーディングルールを見る
「google　css　コーディングルール」などで検索すると出てくる
ttp://https://qiita.com/Sugima/items/785644372397595644ba
ttp://https://www.wan55.co.jp/column/detail/id=485
ttp://http://re-dzine.net/2012/05/google-htmlcss-style-guide/

あと、そもそもそのコードかなり古いぞ
clearfixとかもう使わない
flexを使ったほうが良い

183

： Name_Not_Found [sage] 2019/02/07(木) 11:07:20.79ID:???

>>182

ありがとうございます、flexもあとで使ってみます

184

： Name_Not_Found [sage] 2019/02/07(木) 11:30:54.36ID:???

無理にclearしなくても
overflow: hidden; にしとけばいいんだよ！

185

： Name_Not_Found [sage] 2019/02/07(木) 11:33:29.54ID:???

やめろｗ

186

： Name_Not_Found [sage] 2019/02/07(木) 11:56:46.88ID:???

自分が作るときはclearfix使わないけど人のコード読むときは必要
いろんなコード見て勉強するだろうから何回か自分で使って覚えるのは大切

187

： Name_Not_Found [sage] 2019/02/07(木) 12:16:19.52ID:???

俺もfloatしたらoverflow: hiddenだな
どうしてもvisibleにする必要がある場合はclearfix的なことをするけど

188

： Name_Not_Found [sage] 2019/02/07(木) 12:24:09.28ID:???

display: flow-root「僕もいるよ！」

189

： Name_Not_Found [sage] 2019/02/07(木) 12:34:38.78ID:???

floatに対するoverflow: hidden; 初めて知った
なんでこうなるの？
.textの左端が.imageの右端に合う理由がわからん

ttp://https://coliss.com/articles/build-websites/operation/css/css-clearing-floats-with-overflow-by-webdesignerwall.html
ttp://http://webdesignerwall.com/demo/clear-float/demo2.html

190

： Name_Not_Found [] 2019/02/07(木) 12:46:00.13

ID

:wXUnJGMV

>>189

なんかこれ説明がおかしい気がする…

親ボックスの小要素がfloatになると
親ボックスは自分の高さを計算できなくなる
でも親ボックスのoverflowがvisible以外になった場合高さは計算できる

っていう仕様なだけだよ
なのでoverflow: hiddenとかしておけばclearしなくてもOK

191

： Name_Not_Found [sage] 2019/02/07(木) 13:09:10.75ID:???

>>190

ありがとう、やっと意味わかった
これだけの話なのね
ttp://https://jsfiddle.net/uzhnL41y/1/

192

： Name_Not_Found [sage] 2019/02/07(木) 13:10:45.72ID:???

floatを使った時、親要素の高さが無くなった方が良い場面ってありますか？
cfを使わなかったことが今までにない

193

： Name_Not_Found [sage] 2019/02/07(木) 21:20:37.33ID:???

至急での回答お願いします！
Numbersでセルに画像入れたいんですが、Numbers上は入ってますがそれをHTMLにすると画像が空白になってしまいます。テキストエディトに貼り付けた地点で空白です。対策ありましたら教えてください。

194

： Name_Not_Found [sage] 2019/02/07(木) 21:29:09.20ID:???

>>193

ttp://http://www.itmedia.co.jp/news/spv/1901/30/news074.html

195

： Name_Not_Found [sage] 2019/02/07(木) 21:32:01.58ID:???

知らんけど画像ファイルはちゃんと配置してあるんかね

196

： Name_Not_Found [sage] 2019/02/07(木) 21:34:14.98ID:???

Numbersって何だ？

197

： Name_Not_Found [sage] 2019/02/07(木) 21:35:52.28ID:???

当たるとお金もらえる

198

： Name_Not_Found [sage] 2019/02/07(木) 21:36:45.23ID:???

テキストエディトって何だ？

199

： Name_Not_Found [] 2019/02/07(木) 21:36:55.34

ID

:wXUnJGMV

macOSのスプレッドシートアプリだろ？
対策はないから
書き出したHTMLに手で貼れ

200

： Name_Not_Found [sage] 2019/02/07(木) 21:37:15.58ID:???

愛って何だ？

201

： Name_Not_Found [sage] 2019/02/07(木) 21:42:49.11ID:???

>>197

本気でそれと思ったｗ
macだったのね、スマン

202

： Name_Not_Found [sage] 2019/02/07(木) 21:47:37.11ID:???

ためらわないこと、それが一番大事。

203

： Name_Not_Found [sage] 2019/02/07(木) 21:54:18.36ID:???

負けないこと逃げ出さないこと以下略

204

： Name_Not_Found [sage] 2019/02/07(木) 21:56:50.13ID:???

最後にチキンカツ〜♪

205

： Name_Not_Found [sage] 2019/02/07(木) 22:25:53.50ID:???

お前らケチくせえなあ！
俺が教えてやる

206

： Name_Not_Found [sage] 2019/02/07(木) 22:29:07.35ID:???

教えてくれ
俺はどうしたら救われる？

207

： Name_Not_Found [sage] 2019/02/07(木) 22:32:31.98ID:???

>>206

何で困ってるのか分からんので回答しようがない

208

： Name_Not_Found [sage] 2019/02/07(木) 22:55:03.46ID:???

質問。メディアクエリを記述した時、max-width800pxで書けばどんなスマホにでも普通は対応できるよね？
何故か今日記述したコードだと、Chromeの開発者ツールで確認したら全く適応されないんだけど。
980pxくらいのところでようやくそれっぽくなる。どうなってんだ・・・？

209

： Name_Not_Found [] 2019/02/07(木) 22:59:47.29

ID

:wXUnJGMV

>>206

>>199

で回答したのに(´・ω・｀)

210

： Name_Not_Found [sage] 2019/02/07(木) 23:00:21.56ID:???

>>208

どうなってんだ？
・・・じゃなくコードがどこかおかしいから見直して
読むのめんどくさければ、開発ツール上でどんどん消していけばどこでおかしいかすぐに分かると思う

もしかするとライブラリが影響しているかもしれない
bootstrapとか

211

： Name_Not_Found [sage] 2019/02/07(木) 23:01:58.65ID:???

>>208

>Chromeの開発者ツールで

上にエミュレートしてるUA、幅、拡大率出てるじゃろ

212

： Name_Not_Found [sage] 2019/02/07(木) 23:30:44.65ID:???

>>209

ごめんな
俺はただの通りすがりの救われたい童貞なんや

213

： Name_Not_Found [sage] 2019/02/07(木) 23:38:28.35ID:???

風俗いけｗ

214

： 152 [sage] 2019/02/08(金) 01:51:13.37ID:???

>>164-165

.x .y みたいな複数のセレクタは、
.x みたいな単独のセレクタよりも、詳細度が高くなる

BEM では単独のセレクタとなるため、詳細度が一定

215

： Name_Not_Found [sage] 2019/02/08(金) 03:18:16.91ID:???

>>214

だからなに？

詳細度が高くなるというCSSの便利な点を
利用できる方が良いよねって話で終わりだよね

216

： 152 [sage] 2019/02/08(金) 06:15:49.97ID:???

皆、そういう詳細度による無限の組み合わせを考えて、デザインするのがイヤ

ここは変わったのに、ここが変わらないのはなぜ？
こういうエラーが無数に発生して、時間をつぶすから皆嫌がる

HTML の質問でも、たいていこういう質問ばっかり

だから詳細度ではなく、CSS 固有の名前で、デザインを変える

217

： Name_Not_Found [sage] 2019/02/08(金) 08:30:21.52ID:???

>>216

単にお前が詳細度わかってないだけじゃん

自分でメチャクチャな使いかたしておいて
ふぅCSSは意味がわからんぜとか言ってもマヌケなだけ

218

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

>>214

そうか、そういう点があるのか
BEM使った事ないから知らなかったけど、すげー不便だな

>>216

＞ここは変わったのに、ここが変わらないのはなぜ？
お前がアホだから

＞こういうエラーが無数に発生して、時間をつぶすから皆嫌がる
数秒で解決するけどな

219

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

BEMの場合、詳細度上げる時はどうするの？
class増やすの？
<div class="container level1 level2">
詳細度揚げたい場合は
container.level1.level2{}
にするとか？

220

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

なんのために詳細度上げるの

221

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

詳細度上げるのは手段であって目的じゃないからな。
普段からポンコツ設計してると問題を詳細度上げることで解決せざるを得なくなり、そのうち目的を見失い詳細度を上げること自身が目的化する。

222

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

BEMは全部一意にするから詳細度気にしなくて良い

223

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

読点君は糖質でも頑張って仕事してんだからいじめないであげてw

224

： Name_Not_Found [sage] 2019/02/08(金) 11:17:43.16ID:???

クラス名の名前空間問題いつか解決するのかねぇ
css側はツールでどうにでもなるだろうけど

225

： Name_Not_Found [sage] 2019/02/08(金) 11:31:00.04ID:???

shadow domがあるだろ

226

： Name_Not_Found [sage] 2019/02/08(金) 11:46:50.66ID:???

shadow domの存在自体忘れてた
何年か前に技術を見た時はスゲーって思ってたけど、今全然聞かないな

227

： Name_Not_Found [] 2019/02/08(金) 13:42:26.92

ID

:1tW8o6yU

ここでする質問なのか分からないんですが…表というかリストを作りたいです

例えば売れた個数順とか売り上げの金額順とか、項目をクリックするとその数字の大きい順並べ替えできるようなリストってどうやって作りますか？

やはりエクセルでしょうか？
参考になりそうなサイトがあれば教えてもらえると嬉しいです

228

： Name_Not_Found [sage] 2019/02/08(金) 13:59:03.93ID:???

>>227

こういうやつ？
ttps://webparts.cman.jp/table/sort/

「html table ソート」とかでググれば色々と出てくるよ

229

： Name_Not_Found [sage] 2019/02/08(金) 15:02:36.91ID:???

セルに画像を入れた表をHTMLソースにするやり方ありますか？ちなみにMacです

230

： Name_Not_Found [sage] 2019/02/08(金) 15:10:58.80ID:???

>>229

・ファイル
・名前をつけて保存
・種類を「webページ」
にすればhtmlになる

かなり煩雑なソースになるので気をつけてくれ

231

： Name_Not_Found [sage] 2019/02/08(金) 15:28:35.50ID:???

>>230

セルの中に画像を入れてたらそれが出来ないんです‥文字だけならそれで出来るんですが‥。
画像を入れるとこの二つしか選択できません。画像の入れ方が悪いのでしょうか？
ttps://i.imgur.com/9Qpki4M.jpg

232

： Name_Not_Found [sage] 2019/02/08(金) 16:16:30.24ID:???

>>231

webアーカイブ書類じゃダメなの？
ダメなら画像消してhtmlで保存するしか無いかも

233

： Name_Not_Found [sage] 2019/02/08(金) 17:28:04.16ID:???

画像ファイルのファイル名に/とか_って使えないじゃないですか？

でもいま参考にしてるホームページ入門サイトでは
ふつうに↓の画像のようにファイル名に/とか_を使用してるんですがどういうことでしょうか？

ttps://i.imgur.com/2E7scV4.jpg

234

： Name_Not_Found [sage] 2019/02/08(金) 17:38:58.72ID:???

>>233

_（アンダーバー）は普通にファイル名に使える
/（スラッシュ）はフォルダ階層の区切り文字
そのhtmlではimageフォルダの中の画像ファイルを参照している

235

： Name_Not_Found [sage] 2019/02/08(金) 17:47:17.40ID:???

なるほど〜
/と../は同じ意味ですか？

236

： Name_Not_Found [sage] 2019/02/08(金) 18:05:01.02ID:???

>>229

>>199

でないって教えてあげたじゃん

237

： Name_Not_Found [sage] 2019/02/08(金) 18:07:49.20ID:???

>>235

ファイル名の末尾に/がつくと、それはディレクトリ（フォルダ）って意味

src="image/site_title.png"

は、imageっていディレクトリの下のsite_title.pngっていうファイル、って意味

「.」は現在の階層って意味
「..」は一つ上の階層って意味

単体で「/」だけだとルートディレクトリって意味

src="/image/site_title.png"

となっていたら
ルートディレクトリの下の、imageディレクトリの下の、site_title.pngってファイル
になる

238

： Name_Not_Found [sage] 2019/02/08(金) 19:10:17.23ID:???

なるほど〜

239

： Name_Not_Found [sage] 2019/02/08(金) 19:23:10.82ID:???

んで、このようなファイルのありかを示す文字列のことを「パス」と言う

./image/site_title.png
../../css/style.css

のように、あるファイルを起点にした他のファイルまでのパスを「相対パス」っていう

/image/site_title.png
/foo/bar/baz/etc.js

のように、基準点（ルート）からあるファイルまでのパスを「絶対パス」という

ttp://mevius.5ch.net/test/read.cgi/hp/1548865336/">ttp://mevius.2ch.net/test/read.cgi/hp/1548865336/
ttp://http://foo.com/bar/baz/index.html

のように、スキーム、ホスト名、パスを合わせたものを「URL（URI）」という

ただし、ウェブ界隈に限っては

相対パス→相対パス
絶対パス→ルート相対パス
URL→絶対パス

と呼び変える文化が存在するので、注意するように

240

： Name_Not_Found [sage] 2019/02/08(金) 21:31:16.18ID:???

classとかで設定した部分を
特定の位置に全部表示させる方法とかってありますか？

241

： Name_Not_Found [sage] 2019/02/08(金) 21:36:17.21ID:???

みんな優しいなあ

mac表計算で画像困ってる人は急ぎなら
画像を入れたいセルに画像を入れず　ここは画像１を入れる　とか文字書いて
HTMLで書き出し

書き出されたHTMLをエディタで開いて
ここは画像１を入れる　の文字を検索
<img src="image/hoge.jpg"> に置き換えた方が早くないかな
image/hoge.jpg は自分が入れたいファイル名を入れてね

242

： Name_Not_Found [sage] 2019/02/08(金) 22:47:14.59ID:???

fixed な子要素ってoverflow:hiddenにしても消せないの？
fixedな要素が外側からびゅーんってはいってくるような動きつけたいんだけど
外側にいるときはみえないようにするのってどうしたらいいのかな

243

： Name_Not_Found [sage] 2019/02/08(金) 23:31:16.02ID:???

>>240

position;fix？
どうしたのかが不明瞭すぎる

>>241

それは最初に考えたけど、ちょっと無理かなて

244

： Name_Not_Found [] 2019/02/08(金) 23:48:14.38

ID

:1tW8o6yU

>>228

まさにこういうのです！

ありがとうございました
そのワードでいろいろググってみます

245

： Name_Not_Found [sage] 2019/02/09(土) 00:18:36.82ID:???

>>242

入ってくると見えるようになるということは
最初は見えてないんでしょ？
fixedである理由がなくね？

246

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

>>239

>ただし、ウェブ界隈に限っては
>
>相対パス→相対パス
>絶対パス→ルート相対パス
>URL→絶対パス
>
>と呼び変える文化が存在するので、注意するように


これな
俺も最初困惑した

247

： Name_Not_Found [sage] 2019/02/09(土) 00:28:51.58ID:???

>>246

ほんまクソよな。

248

： Name_Not_Found [] 2019/02/09(土) 00:42:14.66

ID

:BMl0iUFB

今巻の前半は都市同士のキッシングを襲う叫竜との戦闘シーンが主でしたが、
作者の画力の高さを改めて確認させられました
また、大型叫竜に押しつぶされたストレリチア、
ゼロツーの凄惨な表情の迫力は凄まじく「お、矢吹、リョナもいけるクチか」と、
新たな発見もありました

読前、戦闘シーンが主であるがゆえ、いくら雌型戦闘スーツがパツパツであり、
また数コマは精神イメージとして全裸を挟むことは可能とはいえ、
「隙あらば縦スジ」こと矢吹神の本領は発揮出来ないのでは？
と心配しておりましたが、愚かな杞憂でした

まさか、各話の扉絵を全ておっぱいにしてくるとは
作者の貪欲の底が知れない思いでした

後半は打って変わり、13部隊がビーチで休暇を過ごす、いわゆる水着回でした
ついに作者の最も得意とする場面であり、前半で描くことの出来なかった
肌色へのフラストレーションを吹き飛ばすかのような、
凄まじいおっぱい＆すじ祭りに違いない！
山手線車内で読めるレベルではないはず！読みたい！でも閉じなきゃ！
と葛藤した読者を裏切るまさかの展開でした

ゼロツーならぬゼロチクビー

全ページの登場人物の瞳、飛び散る水滴、光を反射する金属、全てを精査しましたが、
ひと乳首も、ひとすじも見つけることは出来ませんでした
とはいえこれは「水着回で脱がさないなんて、矢吹も終わったな」
というネガティブな批評には至りませんでした

乳首やスジなどの直接的なエロで興奮するのはお子様だ、
大人が真にエロスを感じるのはこういうものだ、
という作者の意図がひしひしと伝わる、
白ビキニ、白ワンピースに包まれた凹凸と陰影はまさに圧巻でした
あえて比較するならば、桂正和の描く尻と比肩すると言って十分な内容で、
愚息もにっこりでした

今巻は「矢吹=ラッキー乳首、水滴スジ」という作者の殻を打ち破る、
異色の出来だったと思います
廃病院で物語のキーアイテムとなる母子手帳が登場して今巻は幕を閉じ、
次巻が待ち遠しくなりました

249

： Name_Not_Found [] 2019/02/09(土) 00:42:44.07

ID

:BMl0iUFB

すみません誤爆です…

250

： Name_Not_Found [sage] 2019/02/09(土) 01:04:23.04ID:???

>>249

愚息がにっこりしたのか

251

： Name_Not_Found [sage] 2019/02/09(土) 01:17:03.31ID:???

>>248

252

： Name_Not_Found [sage] 2019/02/09(土) 01:38:54.54ID:???

>>245

サブメニューみたいなのをクリックしたときに表示させたくてスクロールされても固定位置にしたい

253

： Name_Not_Found [sage] 2019/02/09(土) 01:53:30.65ID:???

>>252

あー
画面の外に出しておく
display: noneにしておく
高さや幅をゼロにしておく
とかとか

254

： Name_Not_Found [sage] 2019/02/09(土) 10:05:53.77ID:???

画面の外に出しておくのが使いやすいしみやすいと思う
width:200px;
left: -200px;
とか

255

： Name_Not_Found [sage] 2019/02/09(土) 10:12:31.58ID:???

外にいるときは見えるのに、
入ってくると見えなくなるもの、
なーんだ？

256

： Name_Not_Found [sage] 2019/02/09(土) 10:13:15.81ID:???

お父さん

257

： Name_Not_Found [sage] 2019/02/09(土) 10:41:47.16ID:???

ボトムナビやトースターみたいなスライドインなら
transform: translate
がおすすめ
例えば下から出てくるなら
.slide-in {
position: fixed;
bottom: 0;
transform: translateY(100%);
transition: transform .5s;
}
.slide-in.show {
transform: translateY (0);
}
これで要素の高さとか関係なく汎用的に使える

258

： Name_Not_Found [sage] 2019/02/09(土) 10:51:32.19ID:???

あーtranslate使えばいいのか、leftで調整してたわ

259

： Name_Not_Found [sage] 2019/02/09(土) 11:16:37.88ID:???

特定のテーブルの全部のセルに余白をつけるには
td.aaa{padding:5px;}
<td class="aaa">というようtdに１つずつclassをつけて設定しないとだめなんですか？
<table cellpadding="5">のようにtableでセル全部の余白の設定はできないんですか？

260

： Name_Not_Found [sage] 2019/02/09(土) 11:50:56.77ID:???

>>255

店外監視カメラに映っているもの
店内に入ってくるとカメラから見えなくなります

261

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

>>256

かわいそう｡ﾟ(ﾟ´ω`ﾟ)ﾟ｡

262

： Name_Not_Found [sage] 2019/02/09(土) 12:15:47.57ID:???

よくわからんけど深い回答だ

263

： Name_Not_Found [sage] 2019/02/09(土) 12:18:19.87ID:???

>>259

本来ならその方が望ましい
でもハッキリ言ってめんどくさいので、俺はいつもこんな感じ
ttp://https://jsfiddle.net/qk1as64r/1/

264

： Name_Not_Found [sage] 2019/02/09(土) 12:25:52.57ID:???

>>259

テーブルにクラスつけて.tbl tdにpaddingすればいいだけだろ

265

： Name_Not_Found [sage] 2019/02/09(土) 12:27:10.79ID:???

id
って使うことあるのかな

266

： Name_Not_Found [sage] 2019/02/09(土) 12:31:32.71ID:???

cssでは使わない。昔使ってたけどしんどいだけだった
jsはID使ったほうが楽

267

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

>>265

<label>で使うときもあるかな

268

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

>>266

コンポーネント指向でやってるからjsでもIDつかわんな

同じように動くコンポーネントは複数ある場合もあるし
一つだけと思っていてもデザインの都合で増える場合もある
IDで一つに限定する必要がないもの

269

： Name_Not_Found [sage] 2019/02/09(土) 15:29:09.30ID:???

正解はチンポコでした。マンコに入ると見えなくなるよ。

270

： Name_Not_Found [sage] 2019/02/09(土) 15:42:52.91ID:???

idは使わないとか言ってページごとやパーツごとに異なるclass付けて常にそのclassから始めるヤツがいてマジ殴りたいんだがもう殴ってもいいよね

271

： Name_Not_Found [sage] 2019/02/09(土) 15:50:23.16ID:???

>>269

その理屈だと注射針も同じだよな？

272

： Name_Not_Found [sage] 2019/02/09(土) 15:51:34.15ID:???

>>270

お前が言っていることが意味不明

違うものなら、ページごとやパーツごとにclassが異なるのは当たり前

273

： Name_Not_Found [sage] 2019/02/09(土) 16:27:42.47ID:???

なんか子要素の大きさががぜんぶbody内におさまってるはずなのに
スマホでみると左右にちょっとスクロールというかゆれるみたいになるのなんでなのかな
はみ出してる要素があるかってどうすれば簡単に調べられるんだろう

274

： Name_Not_Found [sage] 2019/02/09(土) 16:42:51.88ID:???

>>254

,257
ありがとうございます
どちらでも実現できました

275

： Name_Not_Found [] 2019/02/09(土) 18:55:56.53

ID

:zMLqHrqu

>>273

htmlやbodyをoverflow:hiddenで指定して、はみ出る部分を強制的に無しにしてどうか。
それで横に動かなければスクロールバーに幅をつぶされている。

276

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

でも美しくないよな
おれは原因見つけて潰すよ

277

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

>>273

あるあるだなあ
まあたいてい

> はずなのに

これが間違ってんだけど
ごそっと半分ずつ消してみるのが
古臭くて大雑把だけど早い気がする

278

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

>>248

どこに投下するつもりだったんだよｗ
よく書けてんなｗｗ

279

： Name_Not_Found [] 2019/02/09(土) 22:00:19.76

ID

:zMLqHrqu

>>273

html側で<!-- -->でコメントアウトするか、css側でdisplay:noneを指定して
表示/非表示の差を見て確認

280

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

それ大抵ワードラップの設定だと思う。
urlとか盛大に突き破ってる。

281

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

>>275

スクロールバーの幅の分ってwidth100%とか100vw の外にできるんですか？

277,279
それやってるんですけどなかなかみつからないんですよね…

282

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

>>280

あるある

283

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

>>273

どっかで width:100vw とかやってない？
100vwはスクロールバーない状態の幅だからスクロールバー出ることではみ出して横スクロールするようになる

284

： Name_Not_Found [sage] 2019/02/10(日) 00:25:18.38ID:???

戻るボタン、<a href="javascript:history.back()">戻る</a> を中心に表示するにはどうすればいいですか？左端になってしまいます。

285

： Name_Not_Found [sage] 2019/02/10(日) 00:38:51.10ID:???

text-indent: center;

286

： Name_Not_Found [sage] 2019/02/10(日) 00:39:56.32ID:???

あれ？間違えた
text-align: center;

287

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

すみません、text-align: center; をどのように付け加えればいいのでしょうか？＞＜

288

： Name_Not_Found [sage] 2019/02/10(日) 01:48:34.40ID:???

a [
display:block;
margin: 0 auto;
}
じゃないか？

text-align: center
は
<div><a>
とaの上に要素が一個必要になってメンドイ

289

： Name_Not_Found [sage] 2019/02/10(日) 16:01:08.97ID:???

youtubeみたいにサイトのタイトルや検索バーなどがスクロールしてもずっと表示されるタイプとされないタイプ
どっちが好まれるんだろう

290

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

個人的にはfixの方が好き
せめてメニュー表示のボタンは必須

291

： Name_Not_Found [sage] 2019/02/10(日) 16:11:32.24ID:???

広告がずっと表示されるタイプ（通報）

292

： Name_Not_Found [sage] 2019/02/10(日) 17:48:30.30ID:???

広告ずっと出るのマジうざいよね
自分がそういうサイトは二度と行かないから作る時も絶対にやらないわ

293

： Name_Not_Found [sage] 2019/02/10(日) 19:11:27.10ID:???

エロサイトの広告ほんとうざいわ

294

： Name_Not_Found [] 2019/02/10(日) 19:37:15.18

ID

:S2E1myQ3

a{
display:flex;
justify-content:center;
}

295

： Name_Not_Found [] 2019/02/10(日) 19:38:11.57

ID

:S2E1myQ3

コンテンツに被って上から落ちてくるのがウザい

296

： Name_Not_Found [sage] 2019/02/10(日) 19:50:47.93ID:???

>>292

自分がどうこうってのは割とどうでも良い。そういうのは置いておいて作らないと行けない
大半のユーザーは広告を気にしないし、クリックする

297

： Name_Not_Found [sage] 2019/02/10(日) 19:51:51.58ID:???

広告に関しては、大半のユーザーはadblockなどは一切入れていない
アクセス解析をもう少ししっかり見たほうが良い

298

： Name_Not_Found [sage] 2019/02/10(日) 19:55:32.15ID:???

なんとしても広告クリックさせたいサイトを作るにはエロサイトを参考にすればいいの？

いやー元気のため、しょうがないからエロサイト見まくるしかないな

299

： Name_Not_Found [sage] 2019/02/10(日) 19:56:02.50ID:???

×元気
○研究

300

： Name_Not_Found [sage] 2019/02/10(日) 20:08:47.69ID:???

マイナビとか記事読んでる最中にわざわざ全画面広告ページに移動させる奴がクソムカつく

301

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

>>298

広告元の規約による
googleadsenseはそういうの禁止
エロはクリックや登録させれば何でも良いってスタンスだから広告が凄い

>>300

そもそもマイナビで読むような記事ってあるんか？
何にしろ、abpで防げると思う

302

： Name_Not_Found [sage] 2019/02/10(日) 21:18:59.25ID:???

>>295

一時期猛威を振るってて辟易したけど最近見かけなくね？

303

： Name_Not_Found [sage] 2019/02/10(日) 21:20:23.28ID:???

>>298

そうだよな
エロサイト見てたら元気になるもんな

304

： Name_Not_Found [sage] 2019/02/10(日) 21:33:00.99ID:???

>>302

スゥーってフェード・スライドインする奴は規制入らなかったっけ

305

： Name_Not_Found [sage] 2019/02/10(日) 21:46:35.51ID:???

>>301

「とか」だからほかのサイトも全画面広告やめてほしいわい

306

： Name_Not_Found [] 2019/02/10(日) 22:45:00.72

ID

:X2mPyDQr

ドォーッドッドッド ドォーッ！

307

： Name_Not_Found [sage] 2019/02/11(月) 00:07:25.50ID:???

古いサイトを保守しているのですが、
チェックボックスのidx属性って何かわかりますか？
CheckBoxの横にpタグがあり、その中のテキストと同じになっています

<input type="checkbox" name="C1" num="1" value="checked" idx="foo">
<p>foo<./p>

308

： Name_Not_Found [sage] 2019/02/11(月) 12:55:27.91ID:???

>>266

んなわけない。
完全な動的サイトは確かにIDは避けた方が使いやすいが
結局.jsでトラバーシングする時にクラスを指定するのはバッドノウハウってわかってるでしょう？

309

： Name_Not_Found [age] 2019/02/11(月) 19:27:59.80ID:???

ie11で
display: flex;
が効きません。どうしたらいいでしょうか。

バージョンの問題なのでしょうか。
使用バージョン：11.523.17134.0

ttp://https://creive.me/archives/15427/

上記サイトのサンプルと全く同じにしても適用されません。

ちなみにchromeでは普通に表示されます。
また、違うPCのie11では問題なく表示されています。

310

： Name_Not_Found [sage] 2019/02/11(月) 19:36:49.37ID:???

>>309

キャッシュは？

311

： Name_Not_Found [age] 2019/02/11(月) 19:55:39.17ID:???

>>310

削除しても変わりません

312

： Name_Not_Found [sage] 2019/02/11(月) 20:19:43.69ID:???

>>309

アイテムの幅を%指定とかしてない？
IEは少数の丸め計算が他と違うからうまくいかんこともある

とりあえずjsfiddleとかでうまくいかないコード晒して

313

： Name_Not_Found [age] 2019/02/11(月) 20:26:37.31ID:???

>>312

NASにデータを置いた状態でブラウザ表示させた場合に効かないようです。
自分のＰＣ内にデータを移動させたら問題なく表示されました。

ご迷惑おかけしました。

ちなみに外部にある場合と内部にある場合で違いはあるのでしょうか？

314

： Name_Not_Found [sage] 2019/02/12(火) 00:03:11.18ID:???

NASのファイルが古いままだったに一票

315

： Name_Not_Found [sage] 2019/02/12(火) 00:45:04.11ID:???

キャッシュが残っているとしか思えない
ブラウザの開発ツールで確認してみて

316

： Name_Not_Found [sage] 2019/02/12(火) 00:45:34.56ID:???

httaccessで存在しないurlだと404ページに飛ぶようにしたのですが
firefoxやoperaでは表示されるのにIEでは表示されません。
これはIEの仕様でしょうか？

317

： Name_Not_Found [sage] 2019/02/12(火) 00:55:10.27ID:???

キャッシュじゃないかなぁ

318

： Name_Not_Found [sage] 2019/02/12(火) 01:04:37.70ID:???

IEはインターネットオプションの「HTTPエラーメッセージを簡易表示する」のチェック外してない場合
エラーレスポンスボディが512バイト以下の場合簡易表示するので
512バイト以上になるように半角スペースでも書いとけ

319

： Name_Not_Found [sage] 2019/02/12(火) 01:16:45.04ID:???

>>318

それが原因でした！ありがとうございます！
初めて知った・・・

320

： Name_Not_Found [sage] 2019/02/12(火) 07:30:00.23ID:???

大きな画像上に複数のアイコンを重ねて、チェックボックスなどで表示する種類を
ユーザー側で絞り込めるようなものを考えています。
どこか参考になるサイトをご存知でしたら教えてください。

321

： Name_Not_Found [sage] 2019/02/12(火) 08:48:16.70ID:???

色を指定する時は♯〜って指定するか、rgb〜って指定するかどっちがよいのでしょうか？

322

： Name_Not_Found [] 2019/02/12(火) 09:22:30.42

ID

:5omNY+9p

フォントを「欧文、和文、セリフ体」の順で指定した時、
数字、英語、日本語が混じっている文章にはどれが適用されるのでしょうか？

ずっとセリフしか適用されなくて困ってます。

323

： Name_Not_Found [age] 2019/02/12(火) 10:59:22.05ID:???

visual studioでHTMLとCSSの開発をしたく、Progateで正常に表示されているhtml、cssファイルをvisual studioにコピペしてcssの名前だけ変えてブラウザで表示したのですがcssが適用されません。
headのlinkのところにtype="text/css"を入れたり、キャッシュを消したり、visual studioでhtmlファイルを作ったときの<html lang = ~>でやってみてもダメでした。どなたかお願いします。
ttp://https://imgur.com/a/O0XED8y
ttp://https://imgur.com/a/XGaW7G6
ttp://https://imgur.com/a/38iH3Aa
ttp://https://imgur.com/a/NEyaa3y
ttp://https://imgur.com/a/w4dMD4N

324

： Name_Not_Found [sage] 2019/02/12(火) 11:17:27.92ID:???

css読み込むためには
<link rel="stylesheet" 〜
じゃないとだめ

325

： Name_Not_Found [sage] 2019/02/12(火) 11:21:40.52ID:???

>>321

どちらでも、わかりやすい方で
rgbの方がわかりやすそうだけど、#（ハッシュ）で書く方法もどうせすぐに慣れるよ
強いて言えば#の方が文字数少ないからハッシュ

>>322

フォントファイルの読み込みが出来ているかどうかを確認

326

： Name_Not_Found [sage] 2019/02/12(火) 11:27:24.23ID:???

rgbaと#の使い分けは必要だけどrgbはわざわざ使う必要がない

327

： Name_Not_Found [] 2019/02/12(火) 11:27:27.17

ID

:owoAJxRy

>>324

解決しました！ありがとうございました。

328

： Name_Not_Found [] 2019/02/12(火) 11:30:26.93

ID

:5omNY+9p

>>325

322です、ありがとうございます。
フォントファイルの読み込みは出来ているようで、「和文、欧文、セリフ体」に入れ替えると、和文フォントが適用されます。

329

： Name_Not_Found [sage] 2019/02/12(火) 11:40:35.96ID:???

rgbはアニメーションの時に使いやすかったな
超局所的だけど

330

： Name_Not_Found [sage] 2019/02/12(火) 11:47:24.36ID:???

>>328

ここがうまくまとまっているわ
そういや
＞間に半角スペースの入るフォント名は「’」ではさむ
って点にも気をつける必要がある
ttp://https://saruwakakun.com/html-css/basic/font-family-how-to

331

： Name_Not_Found [sage] 2019/02/12(火) 12:05:21.39ID:???

欧文に和文セリフがフォントリンクされてるとか
フォント選択はブラウザエンジンによって意外と変わるしなぁ

332

： Name_Not_Found [sage] 2019/02/12(火) 12:16:47.39ID:???

>>325

ありがとう

333

： Name_Not_Found [] 2019/02/12(火) 17:19:58.96

ID

:rNPYprEm

>>330

>>331

ブラウザ側のデバッグで確認しても、適用されている形跡があるため、cssが原因ではないようです…
ブラウザ側の設定等についてもう少し調べてみます。
ありがとうございました。

334

： Name_Not_Found [sage] 2019/02/12(火) 22:49:49.46ID:???

スマホ持ってないのにサイトをスマホで見れるようにと考えるのは無理だった
買うのが一番の解決方法かな

335

： Name_Not_Found [sage] 2019/02/12(火) 23:18:05.92ID:???

何かしら一台は買っておいたほうが良いよ
オススメはiphone6
このサイズが一番メジャー、レティーナ対応させる時にも便利

336

： Name_Not_Found [sage] 2019/02/12(火) 23:33:09.37ID:???

chromeの開発者ツールでテストできるぞい

337

： Name_Not_Found [sage] 2019/02/12(火) 23:51:28.34ID:???

つってもしょせんchromeだからiphone固有の挙動はうまく再現できないぞ

338

： Name_Not_Found [sage] 2019/02/13(水) 00:11:42.91ID:???

>>334

スマートフォンでの見え方チェック専用のブラウザある。

339

： Name_Not_Found [sage] 2019/02/13(水) 04:02:15.85ID:???

XCodeに含まれてるiOS機エミュレータはけっこう優秀な気はする

340

： Name_Not_Found [sage] 2019/02/13(水) 08:27:24.49ID:???

chromeの開発ツールはざっくりと見る文にはいいんだけど、
レティーナをエミュレートしてくれない
後、なんか微妙にずれる

341

： Name_Not_Found [sage] 2019/02/13(水) 20:05:00.31ID:???

画面サイズが○○px以下になったら〜的なCSSもやってくれなかった
chromeのデベロッパツールの機種別に見れる奴
ブラウザを手動で縮めるとなるのにiphoneサイズとかにするやつだとならなかった

342

： Name_Not_Found [sage] 2019/02/13(水) 20:13:13.07ID:???

メディアクエリのブレイクポイントぴったりだとCSS効かないのなんで？
開発者ツールのレスポンシブ表示だと適用されるけど手動で伸び縮みさせると効かない

343

： Name_Not_Found [sage] 2019/02/13(水) 20:20:02.98ID:???

恐らく設定が間違っている
CSSを見てみないと分からない

344

： Name_Not_Found [sage] 2019/02/13(水) 20:22:25.45ID:???

>>342

min と max に同じ値を書いてないかい？

345

： Name_Not_Found [sage] 2019/02/13(水) 21:38:17.75ID:???

>>344

それが0px〜1000px、1001px〜1600pxみたいに書いてたら1000pxの時に効かなくて、逆に改善するために0〜1001、1001〜1600に書き換えたみたいな
一応直ったけどなんか美しくないんじゃと思ってる

346

： Name_Not_Found [sage] 2019/02/13(水) 21:55:15.98ID:???

それ以下と未満を間違えているだけでは

347

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

>>345

もしウインドーズでディスプレイの設定だったかが拡大率125〜150%ならそれが原因
1000と1001の間でCSSが外れる
minとmaxを使うんじゃなくて、minかmaxどちらかで書けば解決するよ

348

： Name_Not_Found [sage] 2019/02/14(木) 00:29:33.30ID:???

flexboxで下記のようなレイアウトも実装できますか？
┌────────┐
├┬┬──────┤
│├┼──────┤
│││○○○○○○│
│││○○○○○○│
│││○○○○○○│
│││○○○○○○│
└┴┴──────┘　○は空白埋めてるだけです

349

： Name_Not_Found [sage] 2019/02/14(木) 00:42:50.86ID:???

gridでやったほうが楽なのはgridでやるべきだと思うの

350

： Name_Not_Found [sage] 2019/02/14(木) 00:51:03.83ID:???

>>349

確かにそうですね・・・
素直にそうしておきます！

351

： Name_Not_Found [sage] 2019/02/14(木) 05:26:03.33ID:???

gridはIE11が………

352

： Name_Not_Found [sage] 2019/02/14(木) 06:59:24.44ID:???

ie11対応しなくても良くなるのはいつ頃ですか？

353

： Name_Not_Found [sage] 2019/02/14(木) 08:06:48.40ID:???

>>352

ttp://https://support.microsoft.com/ja-jp/help/13853/windows-lifecycle-fact-sheet
ttp://https://blogs.technet.microsoft.com/jpieblog/2018/07/18/internet-explorer-support/

354

： Name_Not_Found [sage] 2019/02/14(木) 08:34:26.92ID:???

2025年

355

： Name_Not_Found [sage] 2019/02/14(木) 09:49:28.19ID:???

>>352

小売店のサイトだとまだ1割もいた
ちょっとキツイな

356

： Name_Not_Found [] 2019/02/14(木) 11:33:19.63

ID

:lIxaewhN

スマホで確認してほしいのですが、
ttp://https://page.auctions.yahoo.co.jp/jp/auction/p612451494
上記の　商品説明　→　続きを見る　の中の文章で、
「※ご注意※
弊社ページの一部を無断転写し、「ブランドトレーディング　Yahoo!店」を名乗る悪質業者が出回っております。
十分にご注意いただきますようにお願い致します。」

上記文章が20文字くらいで折り返されてしまっています。
ヤフオクなのでこちらでスタイルシートをいじれないのですが、どうしたらきれいに表示されますか？
ちなみにわたしはここの業者ではなく似たような現象が出ている業者を見つけて投稿しました。

357

： Name_Not_Found [sage] 2019/02/14(木) 11:42:39.35ID:???

>>356

良く分からんが、cssさわれないなら改行すれば良いだけでは

358

： Name_Not_Found [sage] 2019/02/14(木) 12:15:01.12ID:???

>>355

山間部で行われるイベントのサイトで
そこの市役所がお客さんのひとつなんだけど
全員IEだぜ
しかも一桁

359

： Name_Not_Found [sage] 2019/02/14(木) 12:28:16.83ID:???

ドラゴンボール集めてこの世からIE消したい

360

： Name_Not_Found [sage] 2019/02/14(木) 12:40:39.02ID:???

神龍「神の力を超える願いは叶えられない」

361

： Name_Not_Found [sage] 2019/02/14(木) 13:32:18.68ID:???

人類はとんでもない怪物を生み出してしまったな…

362

： Name_Not_Found [sage] 2019/02/14(木) 13:34:08.62ID:???

MSが各企業に開発費配るくらいの誠意見せろよただの言葉じゃ何にも変わらんよ

363

： Name_Not_Found [sage] 2019/02/14(木) 14:10:49.08ID:???

WindowsServerだとIE11は2027年までだからあと8年がんばるんだ

364

： Name_Not_Found [sage] 2019/02/14(木) 15:38:04.03ID:???

長いよぅ…

365

： Name_Not_Found [sage] 2019/02/14(木) 15:46:46.38ID:???

人類が滅ぶのとどっちが先か

366

： Name_Not_Found [sage] 2019/02/14(木) 16:08:49.23ID:???

人類が滅ぶ方

367

： Name_Not_Found [sage] 2019/02/14(木) 16:33:15.21ID:???

IE11のサポート期限は対応するOSのサポート期限という決まりがある
つまりWindows10はもうメジャーバージョンアップしないからWindows10を使い続ける限り、IE11は消滅しない

368

： Name_Not_Found [sage] 2019/02/14(木) 16:36:42.22ID:???

そんな決まり、変えればいいだけでしょ

369

： Name_Not_Found [sage] 2019/02/14(木) 17:06:23.42ID:???

じゃあ使うなじゃなくてサポート終了しますって言えよ

370

： Name_Not_Found [sage] 2019/02/14(木) 17:20:55.75ID:???

サポート終了の見込みが出たら言うでしょ？

371

： Name_Not_Found [sage] 2019/02/14(木) 18:53:20.56ID:???

行政周りはほとんどIEだよしかも古いPCのデフォのまま
学校や公益団体なんかもだいたいIE
日本のIE率まだ14％くらいあるけ原因はほぼそいつら

372

： Name_Not_Found [sage] 2019/02/14(木) 19:19:13.32ID:???

もうIEって何なんだよ…

373

： Name_Not_Found [sage] 2019/02/14(木) 19:20:02.60ID:???

人類が生み出した呪い

374

： Name_Not_Found [sage] 2019/02/14(木) 20:45:17.33ID:???

IE用にはへなちょこデザインに見えるサイトにしておこう

375

： Name_Not_Found [sage] 2019/02/14(木) 20:47:10.18ID:???

IEの家

376

： Name_Not_Found [sage] 2019/02/14(木) 21:14:46.99ID:???

object-fit使えないのすげえ不便

377

： Name_Not_Found [sage] 2019/02/14(木) 21:28:10.35ID:???

ほんとうだIE11で見たらgrid崩れてて笑う
アホかこれ

378

： Name_Not_Found [] 2019/02/14(木) 23:16:11.85

ID

:DfCO6WIE

IEってoutlineにもまともに対応してないんだっけ

379

： Name_Not_Found [sage] 2019/02/14(木) 23:16:51.88ID:???

IEはなにができるの？

380

： Name_Not_Found [sage] 2019/02/14(木) 23:20:29.56ID:???

いうてもお前ら若い子ちゃん達は
そんなにIEの被害被ってないじゃろ？

俺「float: left; margin: 0 10px; っと」
IE6「よっしゃ横マージン20pxだなまかせろ！」

みたいなの

381

： Name_Not_Found [sage] 2019/02/14(木) 23:26:03.39ID:???

IE6知ってるとか考古学者か？

382

： Name_Not_Found [sage] 2019/02/14(木) 23:28:28.21ID:???

原始人かも

383

： Name_Not_Found [sage] 2019/02/14(木) 23:47:53.19ID:???

IEサポート続けるならWeb準拠もサポートしろよ！！
そもそもいったいなんのサポートだよ？

384

： Name_Not_Found [sage] 2019/02/15(金) 00:19:23.97ID:???

今更言っても仕方ないけど
なんで他のブラウザを合わせられなかったのか

385

： Name_Not_Found [sage] 2019/02/15(金) 00:30:30.57ID:???

Autoprefixerとかいうのでgridは一応IE11対応も可能なのね

386

： Name_Not_Found [sage] 2019/02/15(金) 01:06:23.04ID:???

>>380

早く消えろ老害

387

： Name_Not_Found [sage] 2019/02/15(金) 01:30:51.47ID:???

老害なんて言葉を軽々しく使う人が優秀だった例なし

388

： Name_Not_Found [sage] 2019/02/15(金) 01:31:46.36ID:???

>>384

ネットスケープやモジラが昔の標準化のときユーザーのこと考えず私怨でmsに当てつけでいじわるした結果やぞ

389

： Name_Not_Found [sage] 2019/02/15(金) 01:32:49.00ID:???

ネットスケープとモジラおなじやんけ何言ってんだ俺…

390

： Name_Not_Found [sage] 2019/02/15(金) 02:03:25.57ID:???

IEはメジャーバージョンアップ以外でほとんど機能追加・バグ修正しなかったのも癌

391

： Name_Not_Found [sage] 2019/02/15(金) 02:13:17.56ID:???

IEに限らず、MSの的外れな戦略とか開発力の低さなんなんだろうね…
未だにExcelマクロにC#もpythonも使えず、VBAのUIもストレスフルな前時代のままでさ
これだけグローバルシャア占めちゃったんだから、ちゃんと社会の公器としてやることやってくれなきゃ困るよ

392

： Name_Not_Found [sage] 2019/02/15(金) 07:28:42.75ID:???

>>391

赤い彗星

393

： Name_Not_Found [sage] 2019/02/15(金) 07:55:17.55ID:???

どこかでPython使えるって話を見た気がするが
あとMSにはVSCode、TypeScriptがあるから……

394

： Name_Not_Found [sage] 2019/02/15(金) 11:05:54.96ID:???

cssファイルってサイトのページごとに作成しますか？

れそとも一つのcssファイルにすべて収めますか？

395

： Name_Not_Found [sage] 2019/02/15(金) 11:30:25.17ID:???

IE問題はMSじゃなくて使い続けてる所が悪い

396

： Name_Not_Found [sage] 2019/02/15(金) 11:34:19.39ID:???

>>394

一つのファイル

397

： Name_Not_Found [sage] 2019/02/15(金) 12:16:49.08ID:???

ゴミのサポートしてるMSが悪いでしょ

398

： Name_Not_Found [sage] 2019/02/15(金) 15:34:49.07ID:???

>>388

一般にウェブ標準って言い出したのは
もうネットスケープが虫の息になってからのことだよ

NSが最終攻撃後に意地で作ったMozillaエンジンのPhoenixと
MSのMacintosh Businessって部署で別に作られたTasmanエンジンのIE for Mac

この２つが現在の標準準拠ブラウザの元祖的存在、メジャーでは
他にもKHTMLとかいろいろあったけど

んで俺らコンテンツ制作側がウェブ標準を標榜するようになったのは、そのもう少し後
ウェブ板にはふるーいスレがいっぱい残ってるので見てみるといいかも
2002〜2004年あたり、JIS X 8341-3の制定準備が始まったあたり

個人的には、当時流行りだしたブログで
MobableTypeのデフォルトテンプレがHTML+CSSで書かれてたのが大きいと思ってる

399

： Name_Not_Found [sage] 2019/02/15(金) 20:20:53.54ID:???

gridとかの枠をサイト見てる人が自由に変形させたりするようなことはできるのでしょうか？
デスクトップ上のウィンドウみたいな感じで・・・

400

： Name_Not_Found [sage] 2019/02/15(金) 20:38:02.28ID:???

>>399

JavaScript使えばできる
使わなければできない

401

： Name_Not_Found [sage] 2019/02/15(金) 21:45:02.67ID:???

>>400

ありがとうございます！

402

： Name_Not_Found [sage] 2019/02/15(金) 22:06:37.42ID:???

>>399

htmlとcssだけでやる方法ここに載ってるよ。
ttp://https://stackoverflow.com/questions/46044589/dynamically-resize-columns-in-css-grid-layout-with-mouse

動作サンプルはこちら。
ttp://https://codepen.io/anon/pen/WPagVb

PCのchromeで見たらちゃんと動いたわ。
すげぇ時代だな…

403

： Name_Not_Found [sage] 2019/02/15(金) 22:11:26.24ID:???

みなさんCSSを読み込めないときにでもちゃんと見れるHtmlになっていますか
僕はなっていませんでしたぐちゃぐちゃでした

404

： Name_Not_Found [sage] 2019/02/15(金) 22:20:22.32ID:???

僕も多分ぐちゃぐちゃです

405

： Name_Not_Found [sage] 2019/02/15(金) 22:29:37.77ID:???

クソダッセェけど一応見れた

406

： Name_Not_Found [sage] 2019/02/15(金) 23:01:56.90ID:???

>>403

htmlだけで書いてそこにcss当てるようにしたからな
バッチリよ

ただ、jsでcss生成する部分があってそこが歪と言えば歪

407

： Name_Not_Found [sage] 2019/02/15(金) 23:43:25.14ID:???

自分も多分ぐちゃぐちゃです

408

： Name_Not_Found [sage] 2019/02/15(金) 23:50:33.54ID:???

自分の自分、ｸﾞﾁｮｸﾞﾁｮです

409

： Name_Not_Found [sage] 2019/02/16(土) 00:01:05.87ID:???

かっこつけたサイト作ることばかり考えてると元々の表示が酷いことになってるかもしれない
SEO対策を考えたタグのつけかたとかも勉強しなおそう・・・

410

： Name_Not_Found [sage] 2019/02/16(土) 00:02:47.67ID:???

JavaScriptが効かない環境でもなんとか読めるように努力するだけでは足りないの？
css読み込み不可なんてサポートする必要あるのらか？

411

： Name_Not_Found [sage] 2019/02/16(土) 00:04:31.38ID:???

vueで書いてたらどうなっちゃうの

412

： Name_Not_Found [sage] 2019/02/16(土) 00:10:29.36ID:???

何も表示されないかもな

413

： Name_Not_Found [sage] 2019/02/16(土) 00:24:57.74ID:???

IE11「CSSなど不要！」

414

： Name_Not_Found [sage] 2019/02/16(土) 00:56:45.19ID:???

>>402

IEじゃだめなんだろうなぁと思って見に行ったらサイト自体がIEお断り表示出してた
IEとはいったい何なのか

415

： Name_Not_Found [sage] 2019/02/16(土) 01:16:51.18ID:???

ブラウザ界の範馬勇次郎みたいなもんや

416

： Name_Not_Found [sage] 2019/02/16(土) 02:34:40.45ID:???

WinXPがまだ現役で頑張ってるからな
OSアップグレードするのに金取るMSが悪い
無料だったらXPなんてとっくに死滅してる

417

： Name_Not_Found [sage] 2019/02/16(土) 02:59:17.07ID:???

ブログを書いてるんですがよく埋め込みタグとかhtmlタグを使います。

リアルタイムに表示してくれるサイトとかソフトってありますか？

418

： Name_Not_Found [sage] 2019/02/16(土) 06:45:37.13ID:???

>>417

どういうこと？？

419

： Name_Not_Found [sage] 2019/02/16(土) 10:10:43.25ID:???

>>418

今使ってるブログがいちいちプレビューボタンを押して新しく窓を開かないとプレビューできなきんです。

まあジュゲムってブログなんですけど

420

： Name_Not_Found [sage] 2019/02/16(土) 11:08:38.16ID:???

トップページのレイアウトをベースに
別のページを作成しようとしたのですが、別ページ用のcssのコードのせいで、トップページのレイアウトが崩れてしまいます。

cssファイルをトップページと別ページで分けたりしないといけないのでしょうか？

421

： Name_Not_Found [] 2019/02/16(土) 13:56:06.53

ID

:iKSUiwA9

>>420

たぶんあなたは、<head>内で、
外部スタイルシートのリンクと、head内スタイルシートの記述の順序を間違えています。
先に外部を読み込んでおいて、
その次に<style>を書き込んでいきます。

422

： Name_Not_Found [sage] 2019/02/16(土) 14:10:01.70ID:???

スタイルの優先順位
ttp://http://www.htmq.com/csskihon/007.shtml

423

： Name_Not_Found [sage] 2019/02/16(土) 14:19:03.73ID:???

>>420

コンポーネントによってclassを分ける

424

： Name_Not_Found [sage] 2019/02/16(土) 14:26:06.60ID:???

>>420

こんな感じ
classでも付けて分けると良い

<body>
<div class="top">トップページの内容</div>
</body>

<body>
<div class="shop">店舗ページの内容</div>
</body>

.top {
// topのcss
}

.shop {
// shopのcss
}

425

： Name_Not_Found [sage] 2019/02/16(土) 14:39:50.18ID:???

>>421

外部のスタイルシート？ですか…
よくわかりませんが、今はローカルで作業しています。コードは画像3枚目みたいな感じです。

●画像1枚目
左が「トップページ(html、css反映済み)」
右が「別ページ(htmlのみ反映済み)」

cssファイルに別ページのコードを入れて更新すると
画像2枚目の状態になります。

●画像2枚目
左が「トップページ」レイアウトが崩れる
右が「別ページ」cssが反映された？

ttps://i.imgur.com/n5Bz58B.jpg
ttps://i.imgur.com/dx3FH1r.jpg
ttps://i.imgur.com/40HIRbe.jpg

ちなみに、ホームページ入門サイトというサイトを見ながら勉強中です。

426

： Name_Not_Found [sage] 2019/02/16(土) 14:41:24.18ID:???

みなさん、ありがとうございます。
ちょっと頭を冷やして夜にまた再開します。

5chと知恵袋だけが頼りです。
ありがとうございます。

427

： Name_Not_Found [sage] 2019/02/16(土) 15:03:58.78ID:???

>>421

お前的はずれにもほどがあるだろww

428

： Name_Not_Found [sage] 2019/02/16(土) 15:06:41.37ID:???

例えば左にサムネイル、右にタイトルがあるとき
CSSの書きやすさなら左→右の要素の順にHTMLを書くのが楽だけど、HTMLの構造をちゃんと考えるならタイトル→サムネイルの順に書くべきなんでしょうか

429

： Name_Not_Found [sage] 2019/02/16(土) 15:11:09.54ID:???

>>428

・htmlをサムネ、タイトルの順で記述する
・cssはhtmlに合わせる
cssは←から記述することになる

サムネ、タイトルをfloatなどでひっくり返す場合もなくは無いけど、
それはhtmlが変だからhtmlを書き直したほうが良いと思う

・HTMLの構造をちゃんと考えるならタイトル→サムネイル
この場合は<dl>を使うと思うけど、ddとdtはどちらが先に来ても良い

430

： Name_Not_Found [sage] 2019/02/16(土) 16:09:43.60ID:???

今から始めるならTerapadとShiftJISはやめようよ

431

： Name_Not_Found [] 2019/02/16(土) 17:04:20.72

ID

:iKSUiwA9

>>427

HTMLの画像みて的外れに気づいた・・・。
すまん。

432

： Name_Not_Found [] 2019/02/16(土) 17:39:55.70

ID

:iKSUiwA9

>>425

さっきは的外れで申し訳ない。すでに外部CSSを使っておられるようなので、
別ページ用のスタイルシートを使えば問題ないと思います。
ところでHTMLがちょっと不適切でSEOに問題が出そうです。普通ならこんな感じになります。

<!doctype html>
<head>
<title>ここにタイトル</title>
<meta charset="shift_jis">
<meta name="viewport" content="width=device-width">
<meta name="description" content="ここにサイトの説明">
<link rel="stylesheet" href="text.css">
</head>
<header>
<img src="画像のアドレス" alt="画像の説明">
</header>
<aside>
<h1>商品の感想</h1>
<ul><li>〇〇社製テント</ul>
</aside>
<main>
<h1>キャンプ入門サイトについて</h1>
<p>キャンプ入門サイトでは、初心者向けの必須アイテムの揃え方や使い方、現地で行うことなどを紹介しています。
<h2>キャンプ用品の紹介</h2>
<ul><li></ul>
<main>
<aside>
<h1>アイテム紹介</h1>
<ul><li></ul>
</aside>
<footer>&copy;2019 All Rights Reserved</footer>

433

： Name_Not_Found [] 2019/02/16(土) 17:42:24.69

ID

:iKSUiwA9

すみません、下から５行目間違いです。
誤　<main>
正　</main>

434

： Name_Not_Found [sage] 2019/02/16(土) 17:53:25.90ID:???

_から始まるクラス名って何記法というの？
._hogeみたいなの

435

： 帰ってきた342 [sage] 2019/02/16(土) 20:13:06.51ID:???

何かよくわからんけど自己解決したと思ったらwin10で見たときだけChromeでもEdgeでもブレイクポイントでCSSが効かなくなってるっぽい
なんなんこれ…
win7（Chrome、IE）で見た時は問題なかった

436

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

>>435

記述を間違えている
win7はキャッシュが残っている

437

： Name_Not_Found [sage] 2019/02/16(土) 21:13:46.37ID:???

現在過去未来この世のすべてのキャッシュを消し去りたい

438

： Name_Not_Found [sage] 2019/02/16(土) 22:48:06.50ID:???

>>436

キャッシュはどれも残らんようにしてんのよね…
おさいふといっしょ

439

： Name_Not_Found [sage] 2019/02/16(土) 22:52:21.83ID:???

>>429

同じ要素が何度も続く場合、dlタグを複数書くんですか？

440

： Name_Not_Found [sage] 2019/02/16(土) 23:20:53.26ID:???

>>439

dlは一個でもいいし複数でも良い
ただしdlの直下にdivをいれてdtとddをまとめる事はできない

441

： Name_Not_Found [sage] 2019/02/16(土) 23:26:02.29ID:???

じゃあ一つのdlの中にdd→dt→dd→dtって順に書くんですか？
意味合いとしては真ん中のdtとddが1セットになっちゃうんじゃないですか？

442

： Name_Not_Found [sage] 2019/02/16(土) 23:41:12.94ID:???

>>441

dtとddの順序は決められていない

仕様読んだ方が早いかも
ttp://https://developer.mozilla.org/ja/docs/Web/HTML/Element/dl

あとごめん、

>>440

のdivは間違い
dlの下にはdivも行けるようだ

あと今更だけど、サムネが中身を表さない時（イメージ画像）はdlを使わなくていいと思う

443

： Name_Not_Found [sage] 2019/02/16(土) 23:46:25.36ID:???

figure　figcaption　とかは？

444

： Name_Not_Found [sage] 2019/02/16(土) 23:49:17.15ID:???

>>443

>>428

の例なら俺もfigure推すかな

445

： Name_Not_Found [sage] 2019/02/16(土) 23:53:00.61ID:???

backgroundって手もあるけど、
動的にbackgroundは色々とめんどくさい事になる

446

： Name_Not_Found [sage] 2019/02/17(日) 00:28:27.96ID:???

dlの直下にdiv、その中にddとdt入れるのはありなのかね
要素が画像とキャプションだけならfigureで解決だけど、タイトルの下にサブテキストなんかがあって、

>>428

のようにタイトル→他要素の順番に書くのが正しいのだとしたら、どういうソースが綺麗なんだろう

CSSが当てやすい順番で基本書くからあんまり考えてこなかったし、

>>403

を試したら多分俺が作ったサイトめちゃくちゃなんだろうな

447

： Name_Not_Found [sage] 2019/02/17(日) 01:06:32.66ID:???

max-widthで幅を決めても
ブラウザの縦方向めちゃめちゃ縮めると縦スクロールバーが表示されて
そのバーが表示された分の幅が加味されず結局横スクロールバーが出現します
上手く言えないけどなんかむかつく

448

： Name_Not_Found [sage] 2019/02/17(日) 01:13:25.86ID:???

>>447

っ カルシウム

449

： Name_Not_Found [sage] 2019/02/17(日) 08:56:49.44ID:???

tsumaran

450

： Name_Not_Found [sage] 2019/02/17(日) 09:17:53.44ID:???

レスポンシブデザインってあるけど
スマホ用、タブレット用に変える際に大体どのぐらいの画面サイズにしてます？

451

： Name_Not_Found [sage] 2019/02/17(日) 09:36:49.68ID:???

>>450

こんな感じにしてる
600と1280だけの3段階の時もあるけど

/* スマホ縦 */
@media screen and (min-width:480px) {
/* スマホ横 */
}
@media screen and (min-width:600px) {
/* タブレット縦 */
}
@media screen and (min-width:960px) {
/* タブレット横 */
}
@media screen and (min-width:1280px) {
/* PC */
}

452

： Name_Not_Found [sage] 2019/02/17(日) 09:39:17.48ID:???

>>451

適当だな
各スマホ・iPhone、タブレット・iPadのシェア比率から割り出せよ

453

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

>>451

ありがとう、参考にしてみます

>>452

ご教授願います

454

： Name_Not_Found [sage] 2019/02/17(日) 10:11:50.11ID:???

>>450

タブレットはPCと同じにしてる
~600px
601px~
で切り分け

>>452

スマホは半分以上がiphone、タブレットもipadばっかりなんだから
appleに合わせておけば良い

455

： Name_Not_Found [sage] 2019/02/17(日) 11:28:35.98ID:???

>>453

ここまで言ったんだかテメーで調べろ無能

456

： Name_Not_Found [sage] 2019/02/17(日) 11:29:05.40ID:???

>>455

怒りすぎて日本語おかしいぞ
韓国人か？

457

： Name_Not_Found [sage] 2019/02/17(日) 11:59:12.76ID:???

フォントもレスポンシブにしている

458

： Name_Not_Found [sage] 2019/02/17(日) 12:05:16.11ID:???

>>457

その発想は無かった
どんなフォント使ってるか教えて欲しい

459

： Name_Not_Found [sage] 2019/02/17(日) 12:22:41.07ID:???

>>447

つoverflow

460

： Name_Not_Found [sage] 2019/02/17(日) 12:30:40.72ID:???

>>452

>>455
この手の無知だけど煽ってみるみたいな子最近多いよね
自分は傷つかないっていう

461

： Name_Not_Found [sage] 2019/02/17(日) 12:37:36.14ID:???

そもそも質問スレのタイトルも読めない子のようだしな・・・

462

： Name_Not_Found [sage] 2019/02/17(日) 12:38:22.87ID:???

544px
768px
992px
1200px

463

： Name_Not_Found [sage] 2019/02/17(日) 12:43:25.27ID:???

>>460

と見えて、実際は人生を削って何の意味も無いことをしている
長い目で見ればとんでもない損失なんだけど、なかなか気づけない

464

： Name_Not_Found [sage] 2019/02/17(日) 12:43:56.20ID:???

スマホの場合は.pc { display: none !important; }　とかで画像が隠れるって聞いてやってはいるんだけど
これって画像の読み込みもされなくなるのかな？ただ表示されないだけ？

465

： Name_Not_Found [sage] 2019/02/17(日) 13:37:16.27ID:???

表示されないだけ

466

： Name_Not_Found [sage] 2019/02/17(日) 13:42:03.43ID:???

>>454

>~600px
>601px~
それは拡大させて600.*pxになった時にどっちつかずで崩れるからよくない
maxだけかminだけかのどっちに統一した方がいい

>スマホは半分以上がiphone、タブレットもipadばっかりなんだから
>appleに合わせておけば良い
数年前まではそれが流行ったけどもう古い
今は機種とかに依存しないブレイクポイントが一般的

467

： Name_Not_Found [sage] 2019/02/17(日) 13:43:31.76ID:???

自分もコンテンツは600
ヘッダーはいろいろ詰め込まれるから900〜1000

468

： Name_Not_Found [sage] 2019/02/17(日) 13:44:34.22ID:???

1pxごとに設定すればいいじゃん
俺ってかしこ〜い

469

： Name_Not_Found [sage] 2019/02/17(日) 13:44:43.31ID:???

>>464

前まではすべて読み込んでたけど最近はブラウザ側で表示しないのは読み込まないようになってきてる
でもいまだに読み込むブラウザもあるから割り切るかsrcを書き換えるjs使うかどっちかかな

470

： Name_Not_Found [sage] 2019/02/17(日) 13:47:10.05ID:???

>>466

拡大ってwidth自体が変わるの？

471

： Name_Not_Found [sage] 2019/02/17(日) 13:49:19.99ID:???

フォントってOSによって違ったりするしフォント指定しても存在しないフォントの場合もあるし
やっぱりサイズ固定の画像が一番いいなぁって思ってしまう

472

： Name_Not_Found [sage] 2019/02/17(日) 13:54:27.74ID:???

>>470

vwが変わる
小数もあり得る

473

： Name_Not_Found [sage] 2019/02/17(日) 13:54:32.83ID:???

白色の場合に#FFFとするのと#FFFFFFとするので何か変わることはありますか？
ただ好みの問題でしょうか。

474

： Name_Not_Found [sage] 2019/02/17(日) 13:57:32.91ID:???

>>472

知らんかった・・・ありがとう
vw、widthは変わらずにで表示だけ拡大縮小してると思ってたわ

alert('innerWidth:'+window.innerWidth);

475

： Name_Not_Found [sage] 2019/02/17(日) 13:57:42.59ID:???

>>473

同じだよ
好みというかコーディング規約によるかな
俺はいつも #fff
・アルファベットは小文字
・3桁で表せるものは3桁
ってコーディング規約になってるから
コーディング規約がなくて完全に好きにできる人だと好みかと

476

： Name_Not_Found [sage] 2019/02/17(日) 14:21:44.25ID:???

3バイト節約できる！

477

： Name_Not_Found [sage] 2019/02/17(日) 15:06:31.41ID:???

UTF-8だから9バイトな

478

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

utf8でもasciiは1バイトだろ

479

： Name_Not_Found [sage] 2019/02/17(日) 15:24:09.39ID:???

UTF32にすれば節約できるバイト数も多くなるぞ

480

： Name_Not_Found [sage] 2019/02/17(日) 15:26:49.74ID:???

短い方が良いことには代わりないってことで

481

： Name_Not_Found [sage] 2019/02/17(日) 15:29:20.40ID:???

シフトJISにしてるサイトって何の利点があるんですか？

482

： Name_Not_Found [sage] 2019/02/17(日) 15:32:58.49ID:???

>>481

・メリット
バイト数がほんの少し節約できる

・デメリット
開発の手間が膨大になる
実体参照を使わないと表示できない文字がある
文字化けが起こる可能性が高くなる

まぁ、本当にやめとけ。考えなくていい

483

： Name_Not_Found [sage] 2019/02/17(日) 15:35:52.13ID:???

AAが表示出来る！文字化けして恐ろしいことに！

484

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

このサイトって何で更新しないのでしょうか？
何かあったんでしょうか？
ttp://http://www.osdrug.com/

485

： Name_Not_Found [sage] 2019/02/17(日) 16:06:16.46ID:???

ウインドウが縮まったりした際に画像も縮小されるようにしたいのですが
何かいい方法はありますか？

486

： Name_Not_Found [sage] 2019/02/17(日) 16:12:41.43ID:???

>>485

cssで
img {
width:100%
}

487

： Name_Not_Found [sage] 2019/02/17(日) 17:46:46.79ID:???

ボタンにマウス乗せたらボタンの背景色変えてカッコよくしようと思って挑んだら
firefoxではちゃんと動いてchromeではボタンが背景色で塗りつぶされてしまい
z-indexをいじっても解決しない！何でだろと思いレスポンシブデザインを考えてた時にコピペした
　.pc { display: block !important; }
　.sp { display: none !important; }
を消したらちゃんと表示された・・・これってZ軸がなんか変化したりするんですかね？

488

： 487 [sage] 2019/02/17(日) 17:47:45.50ID:???

読み返したらとんでもない文章力だった・・・読みづらくてすみません

489

： Name_Not_Found [sage] 2019/02/17(日) 18:12:34.44ID:???

>>487-488

z-indexは変化しない
恐らくdisplay:inline-blockかflexにでもなってたのにdisplay: blockになったから表示がおかしくなったんだろう

490

： Name_Not_Found [sage] 2019/02/17(日) 20:38:22.07ID:???

前のスレで見た「<?php include 'header.html'; ?>」みたいにして呼び出す方法って
どのブラウザや環境で見てもちゃんと表示されてるんでしょうか？

491

： Name_Not_Found [sage] 2019/02/17(日) 20:39:05.38ID:???

phpスレ行け

492

： Name_Not_Found [sage] 2019/02/17(日) 20:43:16.96ID:???

>>490

それはブラウザがやるのではなくてサーバー側の仕事

493

： Name_Not_Found [sage] 2019/02/17(日) 22:22:10.32ID:???

最近のCSSって凄いんですね

494

： Name_Not_Found [sage] 2019/02/17(日) 22:29:59.81ID:???

>>466

さんとは別人ですが、気になりました
PCで拡大した時にスマホ版にしない方法ってありますか？

495

： Name_Not_Found [sage] 2019/02/17(日) 23:46:12.74ID:???

vw, vh は嫌い。
「Ctrl +- 」で画像の拡大縮小ができないから、小さい画像の細部が、見えないまま

やっぱり、px 指定が良い

496

： Name_Not_Found [sage] 2019/02/18(月) 00:11:48.21ID:???

>>458

html{font-size:calc(50% + 0.4vw);}
いい数値が定まってないので参考程度で。
desktop画面でも1カラムデザインの場合はpadding:0 calc(50% - 20rem)で全角40文字の幅にできるから楽だぞ。

497

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

任天堂のトップページのように
トピックス欄にある画像を範囲選択しても選択状態にならなかったり
右クリックしても画像を保存できないようにするのってどうやってるんですか？

498

： Name_Not_Found [sage] 2019/02/18(月) 20:28:17.15ID:???

要素のbackgroundにするか
右クリックpreventDefault

499

： Name_Not_Found [sage] 2019/02/18(月) 20:45:46.04ID:???

どうやってもちょっと頑張ればDLできるけどな

500

： Name_Not_Found [sage] 2019/02/18(月) 20:51:29.70ID:???

ピクセルをdomで再現すればいいんじゃね

501

： Name_Not_Found [sage] 2019/02/18(月) 21:04:25.26ID:???

CSSでなんか画像っぽく頑張るみたいなのあったねｗ

502

： Name_Not_Found [sage] 2019/02/18(月) 21:05:34.37ID:???

>>500

スクリーンショットで終わりやな

503

： Name_Not_Found [sage] 2019/02/18(月) 21:06:34.68ID:???

画像をcssに変換するサービス

504

： Name_Not_Found [sage] 2019/02/18(月) 21:14:57.13ID:???

htmlやcssをパクられないようにしたいとか考えたことあったけど
誰も俺のコードなんてパクらないと気づいた

505

： Name_Not_Found [sage] 2019/02/18(月) 21:17:02.97ID:???

>>504

初心者の頃は誰もが考えるよな。難読化とか勉強してたわ
どうみても完全に黒歴史です本当に

506

： Name_Not_Found [sage] 2019/02/18(月) 21:18:32.64ID:???

コメントやらインデントやら空白やら最終的には改行も全部消して1行にすれば
とりあえず読む気はなくなるな・・・

507

： Name_Not_Found [sage] 2019/02/18(月) 21:18:56.48ID:???

思った通りに表示されねえ！
↓
ググっても答えがわからねえ！
↓
HTMLもCSSもいじりまくってやる！
↓
あれ？いつの間にかちゃんと表示されてる・・・
↓
過程も答えもさっぱりわからんがとにかくヨシ！

ってなることありません？

508

： Name_Not_Found [sage] 2019/02/18(月) 21:26:11.30ID:???

>>506

ディベロッパーきので自動フォーマットされるでしょ

509

： Name_Not_Found [sage] 2019/02/18(月) 21:27:46.04ID:???

>>506

整形ツール使えば一発で読めるようになる
しかもそれ、chromeだけでできる機能

>>507

ある程度時間区切って、原因分かるまで考えたほうが良いよ
昔はcssハックとかIEあって本当に酷かったけど、今は書いたとおりに動く。
IEは例外

510

： Name_Not_Found [sage] 2019/02/18(月) 21:29:30.66ID:???

>>507

あるあるｗ
と思ったらたまたま違う環境で見たらやっぱり駄目だったりｗ

511

： Name_Not_Found [sage] 2019/02/18(月) 21:36:21.30ID:???

パクられても気づかないだけでは？

512

： Name_Not_Found [sage] 2019/02/18(月) 21:47:47.37ID:???

いまだにwin7なので動作確認をfirefoxとchromeだけでやってますが
皆さんはどのぐらいの種類のブラウザで確認をしているのでしょうか？

513

： Name_Not_Found [sage] 2019/02/18(月) 21:48:23.78ID:???

約3200種類

514

： Name_Not_Found [sage] 2019/02/18(月) 21:50:02.09ID:???

IE　firefox　chrome　泥　アイホン
バージョンが古い奴は見てない

515

： Name_Not_Found [sage] 2019/02/18(月) 21:58:23.89ID:???

>>512

同じくWindows7だけどIE、chrome、iPhoneとmacのSafariでやってる 最近IEはほぼ確認してない

516

： Name_Not_Found [sage] 2019/02/18(月) 22:38:06.06ID:???

最近、とうとうブラウザ使わずに生身でhtmlとかCSSが読み込めるようになった

517

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

画像の遅延読み込みってcssだけじゃ無理ですか？

518

： Name_Not_Found [sage] 2019/02/18(月) 23:23:15.95ID:???

時間差表示ではなく遅延読み込みは無理

519

： Name_Not_Found [sage] 2019/02/18(月) 23:30:44.76ID:???

>>516

デザイナーがあげたデザインにマジックで要素書き込むようになったわ

520

： Name_Not_Found [sage] 2019/02/18(月) 23:31:58.42ID:???

画質を適切にして容量軽くするほうがいいよ
遅延読み込みやなんやはブラウザがそのうち勝手に実装するし、変なソース・挙動の元になる

521

： Name_Not_Found [sage] 2019/02/19(火) 07:13:31.22ID:???

>>509

一発で整形できるの知りたい
アドオン？

522

： Name_Not_Found [] 2019/02/19(火) 09:24:43.44

ID

:u4AZ9SzL

pxじゃなくてmmで作ってくるデザイナーがいるんだけど、普通？

523

： Name_Not_Found [sage] 2019/02/19(火) 11:06:14.05ID:???

>>507

ヨシ！

524

： Name_Not_Found [sage] 2019/02/19(火) 11:21:32.92ID:???

Web4使いはじめたんだけどここの人で使ってる人いる？使い勝手が世間的にどうなのか気になる

525

： Name_Not_Found [sage] 2019/02/19(火) 14:23:32.33ID:???

>>522

チラシの使い回しじゃなくて？

526

： Name_Not_Found [sage] 2019/02/19(火) 14:41:17.90ID:???

>>524

初めて聞いた。聞いたことあったかも知れないけど完全に忘れてる
HPビルダーの方がまだ使ってる人多いんじゃないか？

開発がとっくに終了しているのでチェック機能が古いと思う
どう考えても使う理由が無い、アンインストールしった方が良い

527

： Name_Not_Found [sage] 2019/02/19(火) 22:27:15.80ID:???

マークアップって「見やすいコードを書こう！」みたいな意味ですか？

コーディングとマークアップの違いが分かりません。

528

： Name_Not_Found [sage] 2019/02/19(火) 22:35:12.86ID:???

>>527

「マークアップ」は「フロントのデザイン」を指すかな。言語としてはhtml、css、後はjsが入ったり入らなかったりする
「コーディング」は言語を問わず、コードを書くことがコーディング

マークアップ
ttp://https://ja.wikipedia.org/wiki/%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E8%A8%80%E8%AA%9E

529

： Name_Not_Found [sage] 2019/02/19(火) 22:45:04.98ID:???

>>528

マークアップがデザイン？構造ではなく？

530

： Name_Not_Found [sage] 2019/02/19(火) 22:58:25.12ID:???

語源的には出版物の活字指定だから「フロントのデザイン」ということか
htmlからビジュアル要素をcssに分離したから語源と合わなくなって来てるんだな
構造という意味合いは後付け

531

： Name_Not_Found [sage] 2019/02/19(火) 22:58:50.39ID:???

>>529

あーそうだな構造の方が正しいか

532

： Name_Not_Found [sage] 2019/02/19(火) 23:00:18.29ID:???

いまcssやjsのことをマークアップ言語と呼ぶかな？
マークアップ言語と言ったらhtmlとxmlだと思ってたんだけども

533

： Name_Not_Found [sage] 2019/02/19(火) 23:09:52.61ID:???

「マークアップ」は使わない。使うのだろうか
「フロント」とまとめて呼んでるわ

534

： Name_Not_Found [sage] 2019/02/19(火) 23:23:06.97ID:???

>>530

手続きマークアップというものもある

535

： Name_Not_Found [sage] 2019/02/19(火) 23:44:22.96ID:???

IT業界はジャーゴン（技術用語）の流行り廃りや陳腐化が激しいなぁ
単語の厳密な定義に拘っても得られるものはほとんどない

アーキテクチャ・構造こそが根幹であるよ

536

： Name_Not_Found [sage] 2019/02/19(火) 23:55:47.89ID:???

コーディングはコードを書くこと

マークアップはテキストにマーク付して
文書構造的意味を付加すること

537

： Name_Not_Found [sage] 2019/02/19(火) 23:56:32.43ID:???

ああリロードしてなかった
恥ずかしい…///

538

： Name_Not_Found [sage] 2019/02/20(水) 02:20:16.93ID:???

>>537

キミかわいいね
おじさんと楽しいことしない？

539

： Name_Not_Found [sage] 2019/02/20(水) 07:08:59.40ID:???

>>536

それだね。

540

： Name_Not_Found [sage] 2019/02/20(水) 07:51:48.76ID:???

>>532

js,cssはマークアップ言語ではないよ

>>528

は部分的に間違ってる

541

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

じゃあ逆にマークダウンってなんなの？

542

： Name_Not_Found [sage] 2019/02/20(水) 08:25:39.95ID:???

**こういうのか**

543

： Name_Not_Found [sage] 2019/02/20(水) 08:26:38.55ID:???

これがマークアップじゃないというのがﾜｶﾗﾅｲ

544

： Name_Not_Found [sage] 2019/02/20(水) 08:55:20.74ID:???

語呂が良かっただけとか

545

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

マークアップに使用するタグは使い方を誤るとホームページ上で悪さをしますか？

546

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

>>541

マークダウンは単なる固有名詞、言語の一つで、マークアップの内の一つ
マークダウンという技術ではない

547

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

>>545

悪さというのが何をさすが分からないが、
タグに限らずどんなものでも使い方を誤るとその悪さというものに繋がるのではないだろうか

548

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

<Strong></Strong><i></i>などと書くのが面倒だから、

>>542

みたいなルールを決めてある

549

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

コーダー<マークアップエンジニア<フロントエンドエンジニア
と理解している

550

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

プログラム＋家具web制作ビジネスsoft同人ゲーム

551

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

初心者だけど、ウェブページ制作入門サイトみたいなのいろいろ見ながら勉強してるけど、分かりにくいサイトみてるとイライラする

552

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

こっちのレベルが低いのもあるが、サイト側の書き方が下手(不親切)な場合もありますよね？？

553

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

>>551-552

イライラしながら見続けるとかなんの苦行してるんだ
別のサイト見ればいいだろう

554

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

>>553

さっき新たなサイトを見つけたので
分かりにくいサイトは切り捨てましたʅ（◞‿◟）ʃ

555

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

サイトは親切で書いてるわけじゃなく、
広告収入のために書いてる訳で

556

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

結局は金、ですね…

557

： Name_Not_Found [sage] 2019/02/20(水) 12:17:06.10ID:???

何でもすぐネットで調べるのはよくないぞ
やっぱり書物がいい
ウェブ制作したいなら室町くらいの書物がオススメやぞ

558

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

書物は金かかるじゃん

559

： Name_Not_Found [sage] 2019/02/20(水) 12:24:32.45ID:???

>>557

歴史博物館にいけば見れますかね？？

560

： Name_Not_Found [sage] 2019/02/20(水) 13:29:47.07ID:???

>>559

うん

最新のことは書いてはないが
案外基本的なことは昔から変わらないものだから
最初は書物で学ぶのが一番いい

561

： Name_Not_Found [sage] 2019/02/20(水) 13:34:24.48ID:???

変わらない根元的なことに対する言及なら室町どころか平安時代から変わらないような気が…

562

： Name_Not_Found [sage] 2019/02/20(水) 13:37:29.45ID:???

残念ながらその頃のはほぼ現存しておらんのじゃ…

563

： Name_Not_Found [sage] 2019/02/20(水) 13:38:42.06ID:???

>>526

ありがとう 簡単な確認をブラウザでしないでできるから初心者だしいいかなと思ったけどチェック機能が確かに微妙だった
あんまり使うのはやめとくことにする

564

： Name_Not_Found [sage] 2019/02/20(水) 13:44:27.82ID:???

プロはヒエログリフで学習する

565

： Name_Not_Found [sage] 2019/02/20(水) 13:46:41.33ID:???

コーランと仕様書が食い違ってたら正しいのはコーランだけど実際は仕様書のとおりに動くからムスリムのひとは大変だなあ

566

： Name_Not_Found [sage] 2019/02/20(水) 16:35:53.87ID:???

SEO対策ってタイトル、ページ説明、<h1>~<h6>、ぐらいをちゃんとやっとけばいいんですかね？

567

： Name_Not_Found [sage] 2019/02/20(水) 17:01:45.33ID:???

「ほらSEO対策ちゃんとやってますよ」っていうエクスキューズとして？

568

： Name_Not_Found [sage] 2019/02/20(水) 17:41:02.40ID:???

>>566

SEOってマイナス評価なのよ
・flashでどうこうしている
・画像に文字列
・モバイル対応を”していない”

まぁこの辺さえどうにかしていれば、あとはどうでもいい
titileやdescriptionは後で考えれば良い

569

： Name_Not_Found [sage] 2019/02/20(水) 19:23:20.29ID:???

<div class="test">
</div>

<div class="test2">
　<div class="hov">a</div>
</div>

といったhtmlに対してCSSで
.test2 > .hov:hover + .???{opacity:0;}
みたいにして全然違う場所にある要素の内容を変更するみたいなことは不可能でしょうか？

570

： Name_Not_Found [sage] 2019/02/20(水) 19:59:33.58ID:???

>>569

div class="test">が登場していないが

ぜんぜん違う場所、というのに語弊がある
・cssは親要素を指定できない
・JSならできる
可能だが、やるべきじゃない、という結論

571

： Name_Not_Found [sage] 2019/02/20(水) 20:41:28.13ID:???

cssは方向音痴…

572

： Name_Not_Found [sage] 2019/02/20(水) 20:42:03.19ID:???

ちんちん

573

： Name_Not_Found [sage] 2019/02/20(水) 20:44:43.31ID:???

自分の子孫や兄弟もしくはその子孫ならなんでもできるけど、先祖や親戚には何もできない内弁慶なんです

574

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

兄弟とは言うが、+も~も自分より後に生まれた、弟・妹にしか言うこと聞かせられないヘタレ。

575

： Name_Not_Found [sage] 2019/02/20(水) 22:32:07.24ID:???

transitionとopacityを使って最初は消えている文字がゆっくり表示されるような感じで作ったのですが
chromeではページを開いたときにtransitionで指定した秒数が経過してから表示されなくなります。
firefoxでは最初から消えているのですが何が原因なのでしょうか？

576

： Name_Not_Found [sage] 2019/02/21(木) 00:41:38.51ID:???

とりあえず書いたものを提示しよう
話はそれからだ

577

： Name_Not_Found [sage] 2019/02/21(木) 00:51:48.24ID:???

君が、設定数値を間違ったか、

他のCSS で見えないように設定しているのかも？

578

： Name_Not_Found [sage] 2019/02/21(木) 16:57:51.45ID:???

ドットインストールのプレミアム会員ってHTMLとCSSの勉強に有効ですかね？

579

： Name_Not_Found [sage] 2019/02/21(木) 17:38:30.55ID:???

atomの左側に表示されるprojectって一部だけ非表示とかは可能ですか？

PCのドキュメント内のデータが全て表示されて嫌な気分になります。

580

： Name_Not_Found [sage] 2019/02/21(木) 17:46:07.44ID:???

あと、テキストエディタってローカルで使用するので
自分のパソコンのデータが流出したりはしないですよね？？

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

581

： Name_Not_Found [sage] 2019/02/21(木) 17:50:56.15ID:???

>>580

テキストエディタに限らずウィルスが偽装しているソフトなんて山程あるぞ

582

： Name_Not_Found [sage] 2019/02/21(木) 18:48:09.18ID:???

そうそう。やめとけやめとけ。

583

： Name_Not_Found [sage] 2019/02/21(木) 21:34:28.67ID:???

>>579

開きたいフォルダをアトムのアイコンにドロップするんだ

んでプロジェクトマネージャってプラグイン入れて
適宜名前つけて管理するといい

584

： Name_Not_Found [sage] 2019/02/21(木) 21:56:12.91ID:???

>>583

インストール後にデフォで表示されてる
我がディレクトリフォルダは消しても良い？

Atomから削除するともれなくPCのゴミ箱に直行してしまうのですが…

585

： Name_Not_Found [sage] 2019/02/21(木) 22:08:11.64ID:???

vscodeつかお

586

： Name_Not_Found [sage] 2019/02/21(木) 22:42:36.67ID:???

古文書を漁ったり、危険なリスクを犯してエディタを使用したり…コーディングって大変なんだなあぁ

587

： Name_Not_Found [sage] 2019/02/21(木) 22:45:33.68ID:???

みなさんコーディングの際にどんなエディタを使っていますか？
さくらエディタとか？

588

： Name_Not_Found [sage] 2019/02/21(木) 22:58:19.05ID:???

>>584

デフォルトのルートフォルダ右クリックするとremove project folderってのがあるからそれでまるごと消す
で好きなプロジェクトフォルダを追加する

589

： Name_Not_Found [sage] 2019/02/21(木) 22:58:44.46ID:???

初心者のワイは今日からテラパッドを卒業し
アトムボーイに切り替えたよ

まあ、参考にするがよい

590

： Name_Not_Found [sage] 2019/02/21(木) 23:00:00.52ID:???

>>588

ありがとうございます。
朝一でAtomくんに命令したいと思いますm(_ _)m

591

： Name_Not_Found [sage] 2019/02/21(木) 23:03:14.95ID:???

WSL使うなら、atomはやめとけ
vscode一択

592

： Name_Not_Found [sage] 2019/02/21(木) 23:32:13.19ID:???

アトムボーイより、リナちゃんの方が業界ではNOWな感じですか？

アトムボーイをインストールしたのは、
単にドットインストールってHTML勉強動画サイト？で使用エディタにアトムボーイを推奨してたからなのが理由なんです。

まあテラパッドおじちゃんより使えるならなんでも
よい感じです。

593

： Name_Not_Found [sage] 2019/02/21(木) 23:37:34.92ID:???

アトムボーイ？
なんの話してるんだ？

594

： Name_Not_Found [sage] 2019/02/21(木) 23:39:14.37ID:???

atomの事を言ってるんだろうけど、単純に不愉快だな

595

： Name_Not_Found [sage] 2019/02/21(木) 23:41:30.31ID:???

VSCodeメイン
ちょろっと書き換える程度の時は起動軽いMery使ったり

596

： Name_Not_Found [sage] 2019/02/21(木) 23:59:27.21ID:???

最初にさわったのがお古パソコンのdreamweaverだったのでずっとこれ
上級者はバカにしてるけどいいんだもん
コードビュー以外ほとんど使い方わからんけど

597

： Name_Not_Found [sage] 2019/02/21(木) 23:59:43.79ID:???

notepad++ってやつ浸かってる

598

： Name_Not_Found [sage] 2019/02/22(金) 00:19:15.48ID:???

vscode使ってるけどnotepad++はあれはあれで良いものだ。

599

： Name_Not_Found [sage] 2019/02/22(金) 00:23:07.11ID:???

サクラエディタはたまに便利
日本語のファイルは絶対に開いてくれる
たまにどうやっても文字化けするファイルがあって困る

普段はsublimetext

600

： Name_Not_Found [sage] 2019/02/22(金) 01:19:09.33ID:???

おれは秀丸
htmlもcssもjsもphpも全部これ

601

： Name_Not_Found [sage] 2019/02/22(金) 01:21:54.22ID:???

DwとVSCodeだな
でもそろそろDwテンプレでの設計やめてPugとかEJS使うようにする予定 Dw重いしソース汚れるし

602

： Name_Not_Found [sage] 2019/02/22(金) 01:29:41.15ID:???

gridで並べた要素の中にある画像を
そのgridのbox内で中心に表示させる方法ってあります？

603

： Name_Not_Found [sage] 2019/02/22(金) 08:55:05.42ID:???

Atom よりも、VSCode が良い。
これらは、ソースコードの入力補完があるし、色分けしてくれる

普通のテキストでは、TeraPad を使っているけど、
環境依存文字が? になってしまう

604

： Name_Not_Found [sage] 2019/02/22(金) 10:00:30.63ID:???

カスタマイズしたからずっとサブライム使ってる
shift-jisいじるときは頭にBがつく青っぽいアイコンの使ってる

605

： Name_Not_Found [sage] 2019/02/22(金) 10:11:46.87ID:???

Vscode と sublime併用してるな

606

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

>>602

中でflex使えばいんじゃない？

607

： Name_Not_Found [sage] 2019/02/22(金) 12:36:28.06ID:???

エディタの配色テーマはライト系かダーク系どっちにしてますか？

608

： Name_Not_Found [sage] 2019/02/22(金) 14:22:32.93ID:???

ダーク系
『Monokai Dark Soda』
ちなみにフォントは『源ノ角ゴシック Code JP』

609

： Name_Not_Found [sage] 2019/02/22(金) 17:14:20.14ID:???

vscで画像の相対パスをペーストしたら/が逆向きになるんですが問題ありませんか？

ttps://i.imgur.com/DkRcPpG.jpg

610

： Name_Not_Found [sage] 2019/02/22(金) 17:50:59.19ID:???

>>609

あります

611

： Name_Not_Found [sage] 2019/02/22(金) 17:55:24.47ID:???

>>609

本来はosによって判定される
linuxは/、windowsはバックスラッシュ
互い違いにする人が多すぎて、もうどっちでもいいてなった

612

： Name_Not_Found [sage] 2019/02/22(金) 17:56:00.83ID:???

>>609

書き忘れた
結論としては、どっちでもいい
超古いサーバーだと問題あるかもね

613

： Name_Not_Found [sage] 2019/02/22(金) 18:28:38.25ID:???

バックスラッシュを避けるにはコピペをやめて直打ちするしかないですかね？

614

： Name_Not_Found [sage] 2019/02/22(金) 18:59:41.92ID:???

>>611

OS関係ない
フォント依存

615

： Name_Not_Found [sage] 2019/02/22(金) 19:08:06.20ID:???

それは╲か￥かの話だろ。
Linuxとかは∕
windowsは╲だけど日本語環境だと￥

616

： Name_Not_Found [sage] 2019/02/22(金) 19:36:36.54ID:???

フォントの種類を指定したページを見てる人がそのフォントを持っていない場合はどうなるのでしょうか？
ゴシックを指定していたら似たようなフォントが選ばれるとかでしょうか？

617

： Name_Not_Found [sage] 2019/02/22(金) 19:38:49.33ID:???

似たような、ではなくデフォルトのフォントが選ばれる

618

： Name_Not_Found [sage] 2019/02/22(金) 19:47:48.61ID:???

ブラウザによって背景やフォントの色などが微妙に違って見えるんですがそういうものなんでしょうか
それとも自分の環境を疑った方がいいでしょうか

619

： Name_Not_Found [sage] 2019/02/22(金) 19:51:35.96ID:???

大抵のことは筋力で解決できる
コーディングも然り
がんばれ

620

： Name_Not_Found [sage] 2019/02/22(金) 20:52:09.05ID:???

>>609

IE以外はパス区切りは/じゃないとダメ

621

： Name_Not_Found [sage] 2019/02/22(金) 22:04:19.45ID:???

ttp://https://store.steampowered.com/
を開いてデベロッパーツールでbodyに対してfilter:blur(1px);とすると
画面の幅が大きくなるのですが、なぜこういうことが起こるのでしょうか

622

： Name_Not_Found [sage] 2019/02/22(金) 22:09:07.08ID:???

ブルァァアアーーー！！

623

： Name_Not_Found [sage] 2019/02/22(金) 22:21:41.38ID:???

>>621

ttp://https://drafts.fxtf.org/filter-effects/#FilterProperty
> A value other than none for the filter property
> results in the creation of a containing block
> for absolute and fixed positioned descendants
> unless the element it applies to is a document
> root element in the current browsing context.

624

： Name_Not_Found [sage] 2019/02/22(金) 22:27:42.21ID:???

日本語で説明してやれよ役立たず

625

： Name_Not_Found [sage] 2019/02/22(金) 22:31:31.48ID:???

役立たずは英語も読めないお前

626

： Name_Not_Found [sage] 2019/02/22(金) 22:39:39.25ID:???

>>623

見えない要素でラップされるってことなんですかね
これどうやったら回避できるんでしょうか

627

： Name_Not_Found [sage] 2019/02/22(金) 22:47:17.81ID:???

英語ハラスメント

628

： Name_Not_Found [sage] 2019/02/22(金) 23:25:37.61ID:???

ここは優しく教えるスレだからな？

629

： Name_Not_Found [sage] 2019/02/22(金) 23:32:54.34ID:???

自分が答えられない質問きたから嫌がらせのつもりなんだろ

630

： Name_Not_Found [sage] 2019/02/23(土) 00:01:52.57ID:???

シュメール語しか分からんわ

631

： Name_Not_Found [sage] 2019/02/23(土) 00:51:42.08ID:???

背景画像を並べる際に大きい画像を並べるのと
1pxの最小サイズの画像の並べるのではどちらかが表示が重たくなったりしますか？

632

： Name_Not_Found [sage] 2019/02/23(土) 00:58:34.42ID:???

大きい画像のが重いよ。

633

： Name_Not_Found [sage] 2019/02/23(土) 03:17:07.94ID:???

カ・ディンギルはシュメール語で？

634

： Name_Not_Found [sage] 2019/02/23(土) 09:31:14.69ID:???

質問です。
Dreamweaverでインデントに縦線を表示し、HTMLのタグの構造を見やすくする機能ってありますか？

ttps://cdn-ak.f.st-hatena.com/images/fotolife/y/yu_inoue/20160913/20160913195434.png

635

： Name_Not_Found [sage] 2019/02/23(土) 12:02:37.13ID:???

英語は、google などで翻訳すればよいだけ

636

： Name_Not_Found [sage] 2019/02/23(土) 12:02:47.53ID:???

<style>
ul,li{
display:inline;
list-style:disc;
}
</style>

<ul>
<li>aaa</li>
<li>bbb</li>
<li>ccc</li>
</ul>

このようにリストを横並びにしようとすると黒丸が消えてしまいます
どうすれば黒丸を表示できますか？

637

： Name_Not_Found [sage] 2019/02/23(土) 12:07:45.89ID:???

>>634

doctype宣言入れろ

638

： Name_Not_Found [sage] 2019/02/23(土) 12:09:09.95ID:???

>>636

ttp://https://jsfiddle.net/

639

： Name_Not_Found [sage] 2019/02/23(土) 12:10:26.80ID:???

>>636

ttp://https://jsfiddle.net/6t40wn5a/

640

： Name_Not_Found [sage] 2019/02/23(土) 12:15:23.62ID:???

>>636

list-styleはdisplay: list-item;時のみ適用される
なので横並びで出したいときはliのdisplayを変えない方法ぎ必要
ulをflexにしたりliをfloatさせたり

641

： Name_Not_Found [sage] 2019/02/23(土) 12:18:27.69ID:???

liをfloatって手もあったか

642

： Name_Not_Found [sage] 2019/02/23(土) 15:15:37.38ID:???

テキストをSVGデータに変換してくれるサイトはないだろうか

643

： Name_Not_Found [sage] 2019/02/23(土) 15:26:16.64ID:???

フォントファイルをsvgに変換すればいいだけでは

644

： Name_Not_Found [sage] 2019/02/23(土) 15:37:49.88ID:???

node使えるならこれ一発だが
ttp://https://github.com/shrhdk/text-to-svg

645

： Name_Not_Found [sage] 2019/02/23(土) 17:22:05.11ID:???

>>609

ですが解決しました。
vscの拡張機能「copy relative path」をいれたら
バックスラッシュでなく、スラッシュの状態でコピペできました。

646

： Name_Not_Found [sage] 2019/02/23(土) 18:15:53.80ID:???

>>636

li::before{
content:'・';
}

647

： Name_Not_Found [sage] 2019/02/23(土) 22:30:39.35ID:???

テラパッドからvscに乗り換えたんですが、コーディングのし易さが桁違いですね…

648

： Name_Not_Found [sage] 2019/02/23(土) 22:46:07.04ID:???

当たり前だろ
むしろバカにしすぎだわ

649

： Name_Not_Found [sage] 2019/02/23(土) 22:47:59.76ID:???

テラパッドはただのメモ帳ですわ

650

： Name_Not_Found [sage] 2019/02/23(土) 23:18:34.28ID:???

excelのvbaをコーディングするときのアレが多分最低ランクなので
あれで慣れてるとどんなエディタでも大丈夫！

651

： Name_Not_Found [sage] 2019/02/24(日) 00:23:23.57ID:???

メモ帳…

652

： Name_Not_Found [sage] 2019/02/24(日) 09:15:19.88ID:???

>>637

話をそらすな

653

： Name_Not_Found [sage] 2019/02/24(日) 09:19:45.53ID:???

常に音楽を流しっぱなしにすることって可能でしょうか
ページ移動しても途切れたりしない感じで

654

： Name_Not_Found [sage] 2019/02/24(日) 09:35:39.23ID:???

>>653

トロイの木馬とか、そういうのを仕込む？

655

： Name_Not_Found [sage] 2019/02/24(日) 09:52:05.90ID:???

はぁ・・・

656

： Name_Not_Found [sage] 2019/02/24(日) 09:52:13.07ID:???

>>653

自分のサイト内だけという前提で
Single Page Applicationを調べるといいかも

657

： Name_Not_Found [sage] 2019/02/24(日) 09:53:44.73ID:???

発想を逆にして、ページ遷移に見えるけどほんとはページ遷移してない構成にすればいい。音楽流し続けられる。
pjaxとかspaとかで検索。

658

： Name_Not_Found [sage] 2019/02/24(日) 11:35:48.62ID:???

昔はframeでやってたなぁ・・

659

： Name_Not_Found [sage] 2019/02/24(日) 11:37:19.79ID:???

>>658

なつかしいねｗ

660

： Name_Not_Found [sage] 2019/02/24(日) 11:40:22.28ID:???

俺jQueryのなんちゃってプログラミングしかできないんだけどSPAで作れる？ 却ってパフォーマンス落ちそうだが

661

： Name_Not_Found [sage] 2019/02/24(日) 11:56:50.97ID:???

>>653

この間までカメラ音発生させて詐欺ったり、いきなりあえぎ声が出るエロ広告とか出まくってたから
音楽って結構鬼門な状態にあるってことをまず念頭に置いてほしい
それでもやるなら、

>>657

>>660

作れるっちゃ作れるけど、ゲームをガッツリ作るならアプリにしたほうが良い

662

： Name_Not_Found [sage] 2019/02/24(日) 12:01:16.07ID:???

Vueを勉強しよう

663

： Name_Not_Found [sage] 2019/02/24(日) 12:02:41.41ID:???

いきなり音楽発生するサイトにあまり良いイメージないな

人間で言うと空気読まずに他人の領域にズカズカ入り込んでくる無神経な奴ってイメージ

まあ、あくまで個人的な意見だけど

664

： Name_Not_Found [sage] 2019/02/24(日) 12:09:59.76ID:???

音楽発生するサイトは音量でかくしてたり動画サイト見ながら見てたりするからビビる

665

： Name_Not_Found [sage] 2019/02/24(日) 13:33:52.76ID:???

ジュークボックスを置こう
再生されるMIDI

666

： Name_Not_Found [sage] 2019/02/24(日) 15:40:35.68ID:???

個人開発の中華vueで作るか
Facebook開発のReactで作るか

667

： Name_Not_Found [sage] 2019/02/24(日) 15:55:25.86ID:???

Google開発のAngularで作るか

668

： Name_Not_Found [sage] 2019/02/24(日) 15:58:10.30ID:???

フレームワーク入れるとHTMLがカオスになるからこわい

669

： Name_Not_Found [sage] 2019/02/24(日) 21:49:56.56ID:???

むしろdiv一個とか寂しくなりがち

670

： Name_Not_Found [sage] 2019/02/24(日) 22:27:14.51ID:???

<div oresama="date:30-20(15a-3*5/msl)[ oresamadata function(ev) { $
みたいなのやめて

671

： Name_Not_Found [sage] 2019/02/24(日) 23:03:46.58ID:???

oresama属性をjsで拾うって事？

672

： Name_Not_Found [sage] 2019/02/24(日) 23:23:48.27ID:???

びっくりした
ORESAMAスレかと思った

673

： Name_Not_Found [sage] 2019/02/25(月) 03:25:08.94ID:???

>>668

え、ほんとに？

674

： Name_Not_Found [] 2019/02/25(月) 05:19:44.59

ID

:Aa2QELuO

スタイルシートの回り込みを解除するのに、なにもしないタグはありますか？

現在
.both {clear:both;}
<BR CLASS="both">
みたいにやってるけど、改行と言う動作が入るのが気に入りません。
<SPAN>もありますが、閉じなきゃならないのが気に入りません。

675

： Name_Not_Found [sage] 2019/02/25(月) 07:33:18.88ID:???

hrは？

676

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

>>674

既にある弟要素に入れれば良い

677

： Name_Not_Found [sage] 2019/02/25(月) 11:07:25.90ID:???

兄ちゃんがなんか挿れてくる…

678

： Name_Not_Found [sage] 2019/02/25(月) 11:12:29.65ID:???

じゃあ:afterで

679

： Name_Not_Found [sage] 2019/02/25(月) 11:46:20.23ID:???

なんかホテル誘ってくる…

680

： Name_Not_Found [sage] 2019/02/25(月) 12:08:36.70ID:???

>>674

親要素のoverflowをauto以外の値に

681

： Name_Not_Found [sage] 2019/02/25(月) 14:21:25.58ID:???

この兄弟ヤダ…

682

： Name_Not_Found [sage] 2019/02/25(月) 19:39:51.47ID:???

>>674

<div>aaa1</div>
<link>
<div>aaa2</div>

div {
float: left;
}
link {
clear: both;
}

683

： Name_Not_Found [sage] 2019/02/25(月) 20:14:55.57ID:???

>>677

ワロタｑ

684

： Name_Not_Found [sage] 2019/02/25(月) 20:28:11.62ID:???

みなさんCSSは1サイトにつき何個かに分けていますか？
また1つのCSSのサイズってどんなもんでしょ

685

： Name_Not_Found [sage] 2019/02/25(月) 20:47:45.91ID:???

昔はわけてたけど極力分けない方が良いという結論に達した
プラグイン以外は全部一個で良い
保守が面倒になるだけだよ

686

： Name_Not_Found [] 2019/02/25(月) 21:02:23.97

ID

:Aa2QELuO

>>682

LINKってよう分からんかったけどそんな使い方あんの

687

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

>>686

今思いついただけだよ
自作要素にしようとおもったけど、あれ終了タグいるみたいだ
<foo />が出来ない

688

： 佐藤 [alliance001@emem.jp] 2019/02/26(火) 00:14:34.29ID:???

スマホ版のホームページをHTMLで作成できる方を探しております。
お話を聞いて頂けたら幸いです。
ご連絡をお待ちしております。

689

： Name_Not_Found [sage] 2019/02/26(火) 00:45:29.90ID:???

よくあるフォルダツリー形式の表示方法ってJavaScriptでしょうか？

690

： Name_Not_Found [sage] 2019/02/26(火) 00:48:27.51ID:???

ul>liをネストしまくりゃできる

691

： Name_Not_Found [sage] 2019/02/26(火) 01:45:30.93ID:???

>>689

閉じたりするならJavascriptだろうね

692

： Name_Not_Found [sage] 2019/02/26(火) 04:28:36.20ID:???

サイトの横のサイズってどうしよう
スマホが750とか言ってるから750に収めたいんだけど、収まる気配ない。
あと絶対値していはどうも嫌いなんで width=40% とか書いてしまう。

693

： Name_Not_Found [sage] 2019/02/26(火) 06:53:17.31ID:???

overflow使おうと思ったらブラウザごとに仕様違いすぎてゴミだった

694

： Name_Not_Found [sage] 2019/02/26(火) 07:26:06.61ID:???

>>687

文法違反

695

： Name_Not_Found [sage] 2019/02/26(火) 09:15:42.80ID:???

>>689

:checked を使えば、CSSでも可

696

： Name_Not_Found [sage] 2019/02/26(火) 09:39:20.47ID:???

mdn htmlのmdnって何の略？

697

： Name_Not_Found [sage] 2019/02/26(火) 09:49:18.90ID:???

>>674

「sass clearfix mixin」で検索！

698

： Name_Not_Found [sage] 2019/02/26(火) 09:51:48.99ID:???

>>684-685

SASS なら、パーシャルファイルで部分ごとに、分けて作って、
最終的には、1つのCSS ファイルにする

699

： Name_Not_Found [sage] 2019/02/26(火) 09:56:58.32ID:???

だからhttp2や現在策定中のhttp3では表示が遅くなります

700

： Name_Not_Found [sage] 2019/02/26(火) 11:02:19.63ID:???

>>692

何が収まらないんだ？
imgならwidth：100%で行ける

表はどうしてもキツクなるけどね
アレだけは横スクロールバーを出している

701

： Name_Not_Found [sage] 2019/02/26(火) 11:03:00.95ID:???

>>699

通信速度によるけど、通常はサーバー内で結合させた方が早い

702

： Name_Not_Found [sage] 2019/02/26(火) 11:14:50.27ID:???

デベロッパーツールで表示されるHTMLで、折りたたまってるコード？階層？をワンアクションですべて表示させたいのですが、良い方はありますか？

703

： Name_Not_Found [sage] 2019/02/26(火) 12:37:08.70ID:???

その通常とはhttp1.1のこと
http2や3では50kのcss 20個のほうが1000kのcss1つより速い

704

： Name_Not_Found [sage] 2019/02/26(火) 12:48:19.44ID:???

1000kのcssファイルとか盛り過ぎでしょ

705

： Name_Not_Found [sage] 2019/02/26(火) 12:50:05.53ID:???

ちょっとサーバーについて聞きたいんだけど適切なスレ教えてくれ
スレないんだったらここで聞く

706

： Name_Not_Found [sage] 2019/02/26(火) 12:50:54.55ID:???

速いことはないよ。

どちらでも通信速度の限界は一緒だし
複数のファイルをそれぞれ圧縮するよりも
一つのファイルを圧縮したほうが小さくなる

プロトコル的にも複数のファイルを合わせる必要があるし
HTML的にも複数のCSS読み込みタグがあるよりも一つのほうが速い

707

： Name_Not_Found [sage] 2019/02/26(火) 12:59:12.11ID:???

>>705

別に聞いていいぞ

708

： Name_Not_Found [sage] 2019/02/26(火) 13:11:29.01ID:???

>>707

月500円以下で、
容量100G以上で
cgi(perl)が動いて、
速くて軽くて、
停止したことがほとんどなくて、
ちゃんとメンテナンスされてて、
登録がめんどくさくなくて、
普通にFTPで使えるサーバーを教えてくれ

独自仕様のシステムで簡単にサイトが作れますとか、弊社仕様のシステムで簡単にファイルを管理出来ますとか、そういう勘違いしたシステムは全面禁止。

709

： Name_Not_Found [sage] 2019/02/26(火) 13:33:07.55ID:???

> どちらでも通信速度の限界は一緒だし

バカかな？http2が何のためにできたと思ってんだ一生1使ってろ

710

： Name_Not_Found [sage] 2019/02/26(火) 13:40:55.21ID:???

cssファイルの読み込みを早くするのは良いけど、
早くするためにわざわざ分割とかはさすがにナンセンスすぎる

711

： Name_Not_Found [sage] 2019/02/26(火) 14:14:52.40ID:???

遅くするためにわざわざ１つにするハイセンスな

>>698

712

： Name_Not_Found [sage] 2019/02/26(火) 14:17:38.22ID:???

>>710

> http2が何のためにできたと思ってんだ

そりゃ、ファイルが複数に分かれていても
"遅くならないように" するためで、
一つのファイルにしていれば、その方が速いのは当たり前だけど、
お前こそ、何のために出来たと思ってんだ？

あと、http2を使えば、一つのファイルでも速くなるかどうか答えてみ

713

： Name_Not_Found [sage] 2019/02/26(火) 14:19:16.42ID:???

複数に分割したほうが、速くなるなんてことはない。
ネットワークがマルチコアなわけじゃあるまいしｗ

714

： Name_Not_Found [sage] 2019/02/26(火) 14:19:30.57ID:???

>>711-712

他にやることがあるだろって意味なんだが

715

： Name_Not_Found [sage] 2019/02/26(火) 14:20:25.94ID:???

>>711

一つにしたほうが速くなるよ。

リクエストが1回になるからね。
いくらhttp2が複数のリクエストを同時に処理できると言っても
リクエスト一つのほうが速いことには変わりない

716

： Name_Not_Found [sage] 2019/02/26(火) 14:21:31.68ID:???

>>714

他にやることがあるなら、それをやればいいじゃん。

http2＋ファイル1つだと他にもっと色々やれる。
http2＋ファイル複数よりも、1つのほうがもっと色々やれる

717

： Name_Not_Found [] 2019/02/26(火) 14:22:47.13

ID

:xse+yCDp

>>702

[ALT]+[→]のことかな?

718

： Name_Not_Found [sage] 2019/02/26(火) 14:24:14.64ID:???

>>716

やってるよ。今、SPAの勉強中
ネットワークが無い時に何を表示させるべきなんだろうかって悩んでる
小売店なら店舗一覧で良いんだろうか

719

： Name_Not_Found [sage] 2019/02/26(火) 14:25:02.94ID:???

>>718

あのー、今はCSSファイルを一つに結合するほうが
http2使っていたとしても、速いって話をしてるんですが？

720

： Name_Not_Found [sage] 2019/02/26(火) 14:27:36.39ID:???

http2って
・複数のファイルの処理が非常に早くなる
→わざわざ一つのファイルにまとめなくてもok！

って認識だったけど、分割した方が早いのか？

721

： Name_Not_Found [sage] 2019/02/26(火) 14:28:52.94ID:???

>>719

その話
＞http2＋ファイル1つだと他にもっと色々やれる。
＞http2＋ファイル複数よりも、1つのほうがもっと色々やれる
これが結論なんじゃないの？

722

： Name_Not_Found [sage] 2019/02/26(火) 14:30:01.95ID:???

>>720

実際はこんな感じ

ttp://https://webtan.impress.co.jp/e/2016/05/10/22781
> ……ほとんど変わりません！ というか、この例ではHTTP/2のほうが遅いです。
> 重ねて見ると、もっとわかりやすいですね。

リクエストを並列で処理できるようになるけど、
並列で処理しなければいけない = 負荷がかかるので
この例のように逆に遅くなる場合もある。

結局リクエスト1個より速くなることはない

723

： Name_Not_Found [sage] 2019/02/26(火) 14:30:20.44ID:???

>>721

それを言ったのは俺

724

： Name_Not_Found [sage] 2019/02/26(火) 14:32:41.97ID:???

分割したほうが速い。
種別問わない。
jsでもwebpackでcodesplittingが話題になった。
でかいバンドルファイル１個だけ吐いてた昔とは違う。

725

： Name_Not_Found [sage] 2019/02/26(火) 14:33:46.03ID:???

サーバーがポンコツなのと話を一緒にするなよｗ

726

： Name_Not_Found [sage] 2019/02/26(火) 14:33:47.57ID:???

はい、みなさん。注目すべき点を示しておきましょう。

> 分割したほうが速い（だがその理由も根拠もない）

ここ重要ですからね

727

： Name_Not_Found [sage] 2019/02/26(火) 14:35:30.01ID:???

>>724

codesplitting？
ページ遷移とかしてCSSが必要になった時に
動的に読み込むって話してんの？

728

： Name_Not_Found [sage] 2019/02/26(火) 14:37:37.34ID:???

codesplittingすると、残念ながら、http2のリクエストを
まとめるという機能は意味がなくなってしまうんだ。
分かるかい？http2を持ち出してきたのは意味不明ってことなんだ

729

： Name_Not_Found [sage] 2019/02/26(火) 14:38:00.43ID:???

>>726

分割ダウンロードってしたことない？

730

： Name_Not_Found [sage] 2019/02/26(火) 14:38:26.33ID:???

まとめてどうすんだよ

731

： Name_Not_Found [sage] 2019/02/26(火) 14:38:31.90ID:???

>>722

まぁそうだよね、ありがとう
ずっと間違えてたのかと思ったわ

>>725

クライアントという概念がありましてな
あまり詳しくないと、どうしてもケチってしまう

732

： Name_Not_Found [sage] 2019/02/26(火) 14:40:04.59ID:???

やっぱ共通部分や個別部分そのままでいちいちまとめないほうがいいよ。
一部変わっただけで全部キャッシュ破棄かよｗ

733

： Name_Not_Found [sage] 2019/02/26(火) 14:41:28.41ID:???

>>722

＞おそらく、Webサーバー側でのファイルシステムへのアクセスがボトルネックになっているか、Webサーバー内の処理が最適化されていないかなどの理由で、HTTP/2のパフォーマンスをいかしきれていないんですね。

>>714

当たってるやん
やるべきことはファイルを分割したりまとめることじゃなく、サーバーの乗り換え

734

： Name_Not_Found [sage] 2019/02/26(火) 14:42:16.95ID:???

>>729

> 分割ダウンロードってしたことない？

分割ダウンロードが効果があるのは、
1リクエストあたりの転送速度が制限されている場合
複数のリクエスト（セッション）を使うから速い

http2では複数のリクエストを一つにまとめるのだから
分割ダウンロードとは全く動きが違う。
一つのリクエストになってしまう。

735

： Name_Not_Found [sage] 2019/02/26(火) 14:43:09.31ID:???

>>733

だからサーバーの乗り換え先でやるんだよｗ

サーバーの乗り換え先でファイルを結合したほうが速い

736

： Name_Not_Found [sage] 2019/02/26(火) 14:45:18.90ID:???

>>732

それはそのとおりだが、分割したほうが速いみたいな頭の悪い理屈ではなく、
更新のタイミングが別のものがあるなら、分けたほうが良い（場合がある）という話

737

： Name_Not_Found [sage] 2019/02/26(火) 14:46:10.64ID:???

>>734

セッション１つで複数リクエストさばける、の間違いでは？
リクエストが１つにまとめられるわけないだろ？
バックエンドプログラム全部書き直しじゃんそんなことになったら。

738

： Name_Not_Found [sage] 2019/02/26(火) 14:48:27.03ID:???

セッションじゃねぇコネクションか

739

： Name_Not_Found [sage] 2019/02/26(火) 14:49:04.16ID:???

>>737

言いたいのは、セッション一つで複数のリクエストをさばく（＝CSSファイルを分割する）よりも
セッション一つで一つのリクエストをさばく（＝CSSファイルをまとめる）方が速いってこと

普通に考えて当たり前だと思うんだが？

740

： Name_Not_Found [sage] 2019/02/26(火) 14:53:45.50ID:???

アホな話題で盛り上がってるな

741

： Name_Not_Found [sage] 2019/02/26(火) 14:55:38.00ID:???

>>739

50KB×10リクエスト、
500KB×1リクエスト、
前者はあくまで理論上だけど約10倍速く終るよ。
サーバーがショボいと効果でないのはその通りなんだが。

742

： Name_Not_Found [sage] 2019/02/26(火) 15:01:23.42ID:???

>>741

http2なら同時並列で10リクエスト走るけどhttp1だとたしかコネクション数が6だったか7だったかに制限されてる。
他のファイルもあることだしせいぜい2〜3本同時に使える程度では。
http2でもサーバー側がボロいとクラ側では10リクエスト同時に投げてるのにサーバーが接続数絞ってて待ち時間で結局段々畑というのもよくある。
デベロッパーツールのネットワークタブで見ると一目瞭然。

743

： Name_Not_Found [sage] 2019/02/26(火) 15:19:32.48ID:???

アカンやろか
woordpress製、小売店のHP
http2

ttps://i.imgur.com/MHn23oE.png

744

： Name_Not_Found [sage] 2019/02/26(火) 15:25:39.88ID:???

アカンなサーバー待ち長すぎる
その緑の棒にマウスホバーで出てくる情報のWaiting (TTFB)っての何msになってる？
もしかしてワードプレスってこれが普通なんか？
あとテスト環境の回線速度は？

745

： Name_Not_Found [sage] 2019/02/26(火) 15:43:58.94ID:???

>>744

アカンよな
シークレットウィンドウ等でやり直したけど、微妙に変な結果になった

index.htmlは174.94ms
ttps://i.imgur.com/XfWNreN.png

これはjqueryだけどが1.47s
ttps://i.imgur.com/v9WGqpp.png

746

： Name_Not_Found [sage] 2019/02/26(火) 15:51:27.35ID:???

gruntがhttp2がなんちゃらって言ってくんだけどあれなんなんだ

747

： Name_Not_Found [sage] 2019/02/26(火) 16:28:10.67ID:???

>>741

> 前者はあくまで理論上だけど約10倍速く終るよ。

終わらん。現実を見ろ

ttp://https://webtan.impress.co.jp/e/2016/05/10/22781
> ……ほとんど変わりません！ というか、この例ではHTTP/2のほうが遅いです。
> 重ねて見ると、もっとわかりやすいですね。

だいたい10リクエストあったって、コネクションは一つしか無い。
一つの通信の中で、10リクエストを処理するか
一つの通信の中で、1リクエストを処理するか
この違いでしか無い。
コネクションは一つで通信速度も上がらない

10倍リクエストを処理するほうが遅いに決まってるだろ
後者よりも速くなる要因なんか一つもない

748

： Name_Not_Found [sage] 2019/02/26(火) 16:30:05.11ID:???

http2は
10のコネクションで、10リクエストを処理するよりも
1のコネクションで、10リクエストを処理するほうが速くなる
という技術

1のコネクションで、10リクエストを処理するよりも
1のコネクションで、1リクエストを処理するほうが速い

749

： Name_Not_Found [sage] 2019/02/26(火) 16:41:36.57ID:???

悪いが誰か

>>708

を頼む

750

： Name_Not_Found [sage] 2019/02/26(火) 16:50:09.22ID:???

>>708

あれ、繁栄されてない

coreサーバーのaプラン

＞くて軽くて、
知らんが、まぁ不便を感じない程度には重くはない

＞停止したことがほとんどなくて、
数年に一回

＞ちゃんとメンテナンスされてて、
不自由ない程度に。最新はphp7.2
どこぞの大塚商会のアルファメールはoho7.0、最新版ですらでサポートきれててギャグ

751

： Name_Not_Found [sage] 2019/02/26(火) 16:54:24.39ID:???

だからサーバーがポンコツなのと話を分けろ。
サバがすべて並列でこなせば１０倍、
順番にしかできなければ変わらない。

752

： Name_Not_Found [sage] 2019/02/26(火) 16:56:19.24ID:???

>>745

あれ、さっきのより良くなってるじゃん。
jQueryは別サーバーかcdnにあるのかな？

753

： Name_Not_Found [sage] 2019/02/26(火) 17:12:41.52ID:???

>>750

さんくす
サービス内容見てきたけど全部希望通りだったわ
あとは重くないかどうか

754

： Name_Not_Found [sage] 2019/02/26(火) 17:18:37.77ID:???

>>752

これは俺も困った
jQueryはローカルに置いてある
最初のSSは
シークレットウィンドウでjQueryを呼んでるな、と思ったんだが、
それ移行はOSごと再起動してもなんだか良く分からないけどキャッシュから読み込むようになった
osの再起動後もシークレットウィンドウはキュッ種から呼んどる
もうな、しんどい

>>753

レンタルサーバー板
ってのがあって、そこに「すごい勢いでレンタルサーバーを探すスレ」みたいなのがあるはずや
なんでかしらんけどURL;を貼るとアク禁になた
IP変えたわ

755

： Name_Not_Found [sage] 2019/02/26(火) 18:00:02.16ID:???

分割すると単純に作業が煩雑になるから嫌だわ
汎用のresetとかだけは別であとはデバイス違おうが1つに纏める

756

： Name_Not_Found [sage] 2019/02/26(火) 18:04:11.02ID:???

>>754

クロムのリロードには三種類あって、一番強いのに「キャッシュの消去とハード再読み込み」ってのがある。
実行の仕方は、デベロッパーツールを開いた状態でクロムの左上のリロードボタンを右クリック、出てきたメニューの一番下（デベロッパーツール開いてないと出てこない）

757

： Name_Not_Found [sage] 2019/02/26(火) 18:20:45.09ID:???

WHY YOU SHOULDN’T COMBINE CSS & JS (PERFORMANCE REASONS)
ttp://https://wpjohnny.com/why-you-shouldnt-combine-css-js-performance-reasons/

Reducing the Number of Minified Files
ttp://https://docs.wp-rocket.me/article/17-reducing-the-number-of-minified-files
基本的にはhttp1ならまとめろhttp2ならまとめるなと書いてある。

5 reasons we don’t need to combine CSS/JS files with HTTP/2
ttp://https://help.gulshankumar.net/t/5-reasons-we-don-t-need-to-combine-css-js-files-with-http-2/257
http2ならまとめてはいけない理由

758

： Name_Not_Found [sage] 2019/02/26(火) 18:57:12.68ID:???

ちょっとマジで聞きたいことがあるんだが、cgiからブラウザに対してCP932でHTMLが出力されている。
もちろんヘッダも正しく指定されている。

んで、そのHTMLの中に、
<IMG SRC="あいうえお.jpg"> などと言う日本語のファイルが指定されているわけだ。
その日本語のファイル名も、CP932だ。

んで、ご丁寧にブラウザが自動でURLエンコードしてくれるようなのだが、
%E3%81%82%E3%81%84%E3%81%86%E3%81%88%E3%81%8A.jpg
となるのだ。これは "あいうえお.jpg" をUTF-8として解釈した時の文字コードだ。
俺としては %82%A0%82%A2%82%A4%82%A6%82%A8,jpg (CP932の文字コード)となってもらわなくては困る。

聞きたいことは2つで、これを解決するにはどうしたら良いか？
もう一つは、ブラウザごとの仕様によりこの挙動は違うのか？
の二点だ
よろしく頼む

759

： Name_Not_Found [sage] 2019/02/26(火) 19:10:37.33ID:???

そんなこと、初心者のワイに聞かれても…

760

： Name_Not_Found [sage] 2019/02/26(火) 19:21:21.25ID:???

>>751

> だからサーバーがポンコツなのと話を分けろ。
> サバがすべて並列でこなせば１０倍、
> 順番にしかできなければ変わらない。

http2はコネクションが一つだから並列でこなせないよ

761

： Name_Not_Found [sage] 2019/02/26(火) 19:56:14.72ID:???

>>696

「mdnとは」でぐぐれ

762

： Name_Not_Found [sage] 2019/02/26(火) 20:53:19.79ID:???

>>760

> http2はコネクションが一つだから並列でこなせないよ

お前さぁ… そう勘違いするのは仕方ないとして、ん、そんなわけねえな？って内省して調べ直したりしないの？
バカが酷くなる一方だぞ…

763

： Name_Not_Found [sage] 2019/02/26(火) 21:01:43.54ID:???

> http2はコネクションが一つだから並列でこなせないよ

ほんとにそんな仕様ならなんで生まれてきたのレベルだわｗｗｗ
いくらなんでも少しは疑問に思えｗｗｗｗｗ
ttp://https://qiita.com/uutarou10/items/7698ee3336c70a482843
ttp://https://blog.redbox.ne.jp/http2-cdn.html

764

： Name_Not_Found [sage] 2019/02/26(火) 21:03:53.14ID:???

>>761

はい(ちっ、めんどくせーな)

765

： Name_Not_Found [sage] 2019/02/26(火) 21:05:23.62ID:???

ググってないけどMozilla Document Networkとかそんなとこやろ

766

： Name_Not_Found [sage] 2019/02/26(火) 21:09:20.87ID:???

>>764

質問前にぐぐれ(めんどくせー奴だな

767

： Name_Not_Found [sage] 2019/02/26(火) 21:18:05.57ID:???

リクエストが複数並行して走るだけで根本では1つのTCPソケットを共用してるんだから帯域が増したりはせんよな

768

： Name_Not_Found [sage] 2019/02/26(火) 21:30:00.20ID:???

>>767

お前のそれ、そういう質問のスタイルなの？
そういう聞き方が答えを得る最速の方法って研究もあったそうだが答える方はめちゃくちゃムカつく

769

： Name_Not_Found [sage] 2019/02/26(火) 21:34:44.63ID:???

こーゆーフランクな感じなのが5chなんじゃん

770

： Name_Not_Found [sage] 2019/02/26(火) 21:40:34.53ID:???

逆にTCPソケットの数増やすと物理的な帯域が増えるの？ｗｗｗ

771

： Name_Not_Found [sage] 2019/02/26(火) 21:43:00.75ID:???

>>770

物理的な帯域は無理だけど、鯖側がコネクション毎の帯域を制限してるから増える

772

： Name_Not_Found [sage] 2019/02/26(火) 22:11:59.45ID:???

>>748

これがFAでいいんじゃね？

773

： Name_Not_Found [sage] 2019/02/26(火) 22:14:15.06ID:???

>>772

もういいよそういうの。自分で調べろカス

774

： Name_Not_Found [sage] 2019/02/26(火) 22:18:27.49ID:???

>>773

勝ち負けや上だ下だなんて意識は無くしたほうが幸せよ

775

： Name_Not_Found [sage] 2019/02/26(火) 22:24:49.79ID:???

>>758

テメーいろんなところに同じレスしてんじゃねえよカス

776

： Name_Not_Found [sage] 2019/02/26(火) 22:28:45.85ID:???

負け方は大事

777

： Name_Not_Found [sage] 2019/02/26(火) 22:29:03.38ID:???

>>758

今は大半のブラウザがUTF-8でエンコード(IEはインターネットオプションで切り替え可能)なので
cgiの出力でsrcをCP932のURLエンコードしる

778

： Name_Not_Found [sage] 2019/02/26(火) 22:32:02.54ID:???

絶対的な答えがないから、自分で模索していく感じ

779

： Name_Not_Found [sage] 2019/02/26(火) 23:13:13.78ID:???

>>774

>>772

にもいってやれ

780

： Name_Not_Found [sage] 2019/02/26(火) 23:13:31.51ID:???

ニコニコ動画の動画検索画面みたいにx列×y行で表示して、
さらに[1][2][3][次へ]みたいにページを選べるようにするのって
JSとかphpとかそっち方面ですか？

781

： Name_Not_Found [sage] 2019/02/26(火) 23:16:48.59ID:???

>>780

ページング

782

： Name_Not_Found [sage] 2019/02/26(火) 23:22:39.61ID:???

>>779

>>772

も

>>774

も僕のレスなんだ
ごめんね

783

： Name_Not_Found [sage] 2019/02/26(火) 23:29:31.74ID:???

>>782

分かってないようだから、自省してやれ

784

： Name_Not_Found [sage] 2019/02/26(火) 23:31:16.42ID:???

>>783

ごめ〜ん

785

： Name_Not_Found [sage] 2019/02/26(火) 23:31:54.40ID:???

>>784

アホだな

786

： Name_Not_Found [sage] 2019/02/26(火) 23:34:58.51ID:???

>>785

アホだよ〜

787

： Name_Not_Found [sage] 2019/02/26(火) 23:48:21.77ID:???

>>772

そういうことだよね。

多分わかってない人は、一つのコネクションの中で
複数のリクエストを処理したら、
何故か通信速度が上がると思ってるんだろう

http2はリクエストの開始待の時間を減らすものであって、
そもそもリクエストが1つなら、開始待の時間なんて無いってのがわかってない

788

： Name_Not_Found [sage] 2019/02/26(火) 23:52:27.87ID:???

複数のコネクションを使うことで速度を上げる
分割ダウンロードとごっちゃにしていたし仕組みがわかってないんだろうな

789

： Name_Not_Found [sage] 2019/02/26(火) 23:58:38.56ID:???

なんだっけ、httpヘッダーでプリロードするんだよとか
そういえばレンタルサーバーからphpがなんちゃらモードで速くなるよみたいなお知らせも来てた…難しい

790

： Name_Not_Found [sage] 2019/02/27(水) 00:03:00.16ID:???

>>787

君の主張をまとめると、

1つのコネクションで、10リクエストを処理するよりも
1つのコネクションで、1リクエストを処理するほうが速い
だからhttp2よりもhttp1のほうが速い

間違いない？ｗ

791

： Name_Not_Found [sage] 2019/02/27(水) 00:07:52.70ID:???

バカはなぜ間違ったことを頑なに正しいと吹聴するのだろうな
地球が丸いわけない、ってかｗ

792

： Name_Not_Found [sage] 2019/02/27(水) 00:11:19.87ID:???

>>777

cgiは外部ファイルを読み込んで、その中にたまたま <IMG SRC="日本語">があるだけなので、それを見つけ出してcgi側でエンコードするのはちょっと難しい
さらに<IMG SEC=" %82%A0%82%A2%82%A4%82%A6%82%A8,jpg">　とエンコードしてブラウザに出力できたとして、
今度はそれをデコードしてパスを通すhttpdと通さないhttpdがあるようなので、大変困ってる

まあ色々考えたけどcp932ののファイル名やめようかな

793

： Name_Not_Found [sage] 2019/02/27(水) 00:11:21.39ID:???

>>790

条件をキッチリ切り分けてくれてるのに、http1とhttp2の勝ち負けの話に帰着させようとするのは虎の威を借る狐なんじゃないのかな
http2は複雑で並行的で入り組んでしまったwebアクセスの負荷を下げる為の技術

元からシンプルなシングルファイルアクセスの効率を上げるものじゃない

794

： Name_Not_Found [sage] 2019/02/27(水) 00:11:57.18ID:???

>>790

間違いないよ
ってかこれが間違っているとか言ったら大爆笑物ｗ

795

： Name_Not_Found [sage] 2019/02/27(水) 00:12:30.83ID:???

全角W

796

： Name_Not_Found [sage] 2019/02/27(水) 00:13:44.81ID:???

つーか分割するだけで速くなると思うなら、
1000個ぐらいに分割したら？ｗ

797

： Name_Not_Found [sage] 2019/02/27(水) 00:23:02.57ID:???

>>748

の
1つのコネクションで、10リクエストを処理するよりも
1つのコネクションで、1リクエストを処理するほうが速い

リクエストあたりのサイズ同じなら当たり前すぎて何の主張にもなってない。
水は液体と言ってるのと一緒。
なんで急にこんな脈絡ないこと言い出したのか。
どのレスに対するレスなのか。

798

： Name_Not_Found [sage] 2019/02/27(水) 00:25:42.21ID:???

flashなんかなくてもhtml5で代用できる！というのを目にしたことがありますが
もしかしてそれってたとえばボタンを視覚的に彩ったりすることの話で
昔流行ったflashの動画みたいなのがhtml5で作れるというわけではないのでしょうか

799

： Name_Not_Found [sage] 2019/02/27(水) 00:31:44.16ID:???

>>797

同じサイズのファイルを10に分割するのがいいのか、1つのファイルのままのほうが速いのか、という文脈だよ
リクエスト当たりのサイズは分割されてる

800

： Name_Not_Found [sage] 2019/02/27(水) 00:38:16.11ID:???

>>799

だったらそれサーバ律速だよ。
HTTP/2の最悪値がHTTP/1.x + α
逆に条件が良ければ相当速くなる。

801

： Name_Not_Found [sage] 2019/02/27(水) 00:42:58.89ID:???

>>798

つくれるよ

802

： Name_Not_Found [sage] 2019/02/27(水) 00:44:31.87ID:???

>>800

同じサイズのファイルを10に分割するのがいいのか、1つのファイルのままのほうが速いのか
という前提なんだからHTTP/2を使おうがHTTP/1xを使おうが
どちらでも1ファイルのほうが速くなる。

HTTP/2は多数のファイルが有っても、そこまで悪くならないってだけで
前提として1ファイルであれば、1ファイルのほうが速くなる

えとな？HTTP/2が駄目って言ってるんじゃないんだよ。
1ファイルだと効果がないって言ってんの
1ファイル vs 複数ファイルなら、並列処理のオーバーヘッドで遅くなるの
1コネクションなんだから最大通信速度をあげることもできない

803

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

だいたい、同じサイズのファイルを10に分割するのがいいのか、1つのファイルのままのほうが速いのか
って問題であって、HTTP/2 VS HTTP/1x の話なんかしてないんだよ

HTTP/2を使用して同じサイズのCSSファイルを10に分割
　VS
HTTP/2を使用して同じサイズのCSSファイルを1ファイルで送信

両方共HTTP/2を使うんだからな？
あとこれはCSSファイルの話だっていうのも忘れるなよ？


HTTP/2でやってるのは、動的に結合してるのと同じなんだよ。
動的に結合するとリクエスト処理時に負荷がかかる
予め1ファイルにまとめておけば負荷はかからない

804

： Name_Not_Found [sage] 2019/02/27(水) 01:02:32.06ID:???

つまりこういうの↓は全部嘘ってことか
HTTP/2 protocol came out allowing parallel requests (imagine multiple cashiers instead of one). With multiple cashiers, requests were served quicker as separate smaller requests rather than combined.

805

： Name_Not_Found [sage] 2019/02/27(水) 01:15:34.56ID:???

これ↓も嘘。そこそこ大きい業者のクセにふてぇ野郎だ騙しやがって
ttp://https://blog.cloudflare.com/http-2-for-web-developers/#bestpracticesforhttp2weboptimization

806

： Name_Not_Found [sage] 2019/02/27(水) 01:24:51.23ID:???

これ↓も嘘。Smashing Magazine…信じてたのに騙しやがってもう読まねぇ！
ttp://https://www.smashingmagazine.com/2016/02/getting-ready-for-http2/#concatenating-css-and-javascript

807

： Name_Not_Found [sage] 2019/02/27(水) 02:16:29.87ID:???

嘘ではない

簡素に説明してくれた分、誤解が混ざっただけ
課題の粒度を細かくブレイクダウンするとあなたの理解に反してしまうだけ

現代は、負けたほうが自尊心を持てる時代
プライドを持ってしまうと他者との勝ち負けでしか自分を保てない
自尊心というのは、他者と比べなくても自己の尊さを信じられること

負けても、僕もあなたも尊い

808

： Name_Not_Found [sage] 2019/02/27(水) 02:55:16.84ID:???

>>756

すげぇなんだこの操作ｗ

809

： Name_Not_Found [sage] 2019/02/27(水) 07:03:41.33ID:???

PCを浴槽に入れればどんな問題も速解決するよ

810

： Name_Not_Found [sage] 2019/02/27(水) 07:18:09.68ID:???

>>804

だから、並列で処理できるようになりました。
複数ファイルがある場合のパフォーマンスが上がりました。
だけど、1つにまとめたほうがやっぱり速いです。
ってだけ

811

： Name_Not_Found [sage] 2019/02/27(水) 08:56:34.60ID:???

>>804-806

は1つにまとめろ言うてるから全部嘘、フェイクニュース。
やっぱり海外メディアは信用できない。
日本語に限る。

812

： Name_Not_Found [sage] 2019/02/27(水) 08:58:42.29ID:???

まとめるな、か。

813

： Name_Not_Found [sage] 2019/02/27(水) 09:46:55.35ID:???

ファイルA: 300KB
ファイルB: 300KB
ファイルC: 300KB
結合ファイルABC: 900KB

A, B, C並列ダウンロードのほうが
ABC単一ダウンロードより遅い？なぜ？

A, B, Cがそれぞれ別のサーバーに置かれた場合もそう？
もしサーバーがAが終わるまでB保留するとかいう問題ならCDNに置けば同時に受け付けてくれるけど。

そもそも結合する目的はダウンロード速度ではなく、1リクエスト/1コネクションで限られたコネクション数を占有して他のクリティカルリソースのダウンロードを阻害しないようにするためだったはず。
仕様上256リクエスト/1コネクション並列でで投げられるhttp2では以前のようにコネクション数を節約する意味ないような。

814

： Name_Not_Found [sage] 2019/02/27(水) 09:58:12.91ID:???

256はChromeの仕様
鯖側は例えばnginxなんかhttp2でも128越えるとお断りしてくる（お断りと言うか保留）

815

： Name_Not_Found [sage] 2019/02/27(水) 10:04:51.64ID:???

>>813

> A, B, C並列ダウンロードのほうが
> ABC単一ダウンロードより遅い？なぜ？

http/2はコネクションが一つだからだよ。

一つのトンネルでトラック1台で運んでも
荷物を3つに分けてトラック3台で運んでも到着時間は同じ
荷物（データ量）は分割した所で同じだからね

そして3つに分けるのとまとめる処理が増えるし
3つに分けてそれぞれ圧縮するよりも、1つを圧縮したほうが圧縮率も高くなる

816

： Name_Not_Found [sage] 2019/02/27(水) 10:05:20.20ID:???

>>813

> A, B, Cがそれぞれ別のサーバーに置かれた場合もそう？

http/2を使うって話なんだから、別のサーバーに置くなんて出来ない

817

： Name_Not_Found [sage] 2019/02/27(水) 10:16:53.16ID:???

>>813

> そもそも結合する目的はダウンロード速度ではなく、1リクエスト/1コネクションで限られたコネクション数を占有して他のクリティカルリソースのダウンロードを阻害しないようにするためだったはず。

今話をしてるのは、

HTTP/2 + まとめたファイル
VS
HTTP/2 + 分割したファイル

なんだよ。他のクリティカルリソースのダウンロードを阻害しないっていうのは
まとめたファイルでも同じこと。

HTTP/2がコネクション数を節約しなくてもいいっていうのはそのとおりだが、
それはどちらが速いかの話とは関係ない

結合すると圧縮率が高まるのでデータサイズが減る。
分割とマージという処理も不要になる。だから速くなる。

818

： Name_Not_Found [sage] 2019/02/27(水) 10:26:01.63ID:???

>>815

ええ…コネクションが１つだから？なんなんだ？１コネクションにつき１リクエストはhttp/1の制限だぞ？

A|■■■
B|■■■
C|■■■

vs

ABC|■■■■■■■■■
　 　 　 　 　 　 　 　 　→t

> そして3つに分けるのとまとめる処理が増えるし
いや分ける処理は増えないでしょ。
１つにまとめるか否かの話なんだからそんな穴掘ってまた埋めるみたいな。

819

： Name_Not_Found [sage] 2019/02/27(水) 10:56:09.13ID:???

上司「いいからはやくまとめろよ！」

820

： Name_Not_Found [sage] 2019/02/27(水) 12:20:58.45ID:???

>>818

君はHTTP2の理解から入った方がいいのではないか？
HTTP2では複数ファイルに分散させても、リクエスト/レスポンスが一つにまとめられる
ttp://https://www.kagoya.jp/howto/webhomepage/http-2/

821

： Name_Not_Found [sage] 2019/02/27(水) 12:33:06.57ID:???

>>820

> HTTP2では複数ファイルに分散させても、リクエスト/レスポンスが一つにまとめられる

これははっきりと間違っているがそのリンクのどこを読み間違えてそういう理解になったのか興味あるからその部分引用してくれない？

822

： Name_Not_Found [sage] 2019/02/27(水) 12:44:22.85ID:???

リクエスト/レスポンスが一つにまとめられるってどういうこと？

・bodyで「うんこ」を返すエンドポイントに対するGETリクエスト
・bodyで「ちんこ」を返すエンドポイントに対するGETリクエスト
・bodyで「まんこ」を返すエンドポイントに対するGETリクエスト
この3つ発行したらまとめられて？body「うんこちんこまんこ」が帰ってくる？？
どのリクエストに対するレスポンスとして？
最後のGET？
他のリクエストのレスポンスはどういうステータスで帰ってくるの？？？
全然わからん。

823

： Name_Not_Found [sage] 2019/02/27(水) 13:27:50.05ID:???

宇宙人はすでに地球に来ている
ttp://https://www.nasa.gov

824

： Name_Not_Found [sage] 2019/02/27(水) 13:42:00.42ID:???

>>823

リンク先のどこにもそんなこと書いてないが。

825

： Name_Not_Found [sage] 2019/02/27(水) 15:08:39.01ID:???

>>822

やっぱりしらんのかよｗ
知らんのに並列のほうが速いはずとか言うなよ

826

： Name_Not_Found [sage] 2019/02/27(水) 16:41:32.12ID:???

誤魔化さずに答えろや↓

HTTP2では複数ファイルに分散させても、リクエスト/レスポンスが一つにまとめられる

827

： Name_Not_Found [sage] 2019/02/27(水) 16:52:03.43ID:???

>>826

コネクションが一つにまとまるだけ。
HTTP2にした所でリクエスト/レスポンスが減るわけじゃないので
一つにまとめたほうが、リクエスト/レスポンスが減って速くなる

828

： Name_Not_Found [sage] 2019/02/27(水) 17:12:33.42ID:???

↓req×3
A|■■■
B|■■■
C|■■■
　 　 　 ↑res×3　 　 　→t
HTTP/1.1の場合： 3リクエスト/3コネクション（コネクションが空いていれば）
HTTP/2の場合： 3リクエスト/1コネクション（もしかしてこれが並列にできないと思っている？）
　
vs

　 　↓req×1
ABC|■■■■■■■■■
　 　　 　 　 　 　 　 　 　 ↑res×1 　→t
HTTP/1.1、HTTP/2共通： 1リクエスト/1コネクション

829

： Name_Not_Found [sage] 2019/02/27(水) 17:48:35.00ID:???

> HTTP/2の場合： 3リクエスト/1コネクション（もしかしてこれが並列にできないと思っている？）

並列に処理しても速くならないと言ってる
ボトルネックはネットワークの速度であり、その速度はどちらも変わらないから

830

： Name_Not_Found [sage] 2019/02/27(水) 17:51:25.27ID:???

HTTP/1.1の場合コネクションの数がボトルネックになる

この解決方法は2つ

・HTTP/2を使う
・ファイルを一つにまとめる

このどちらでもコネクション数のボトルネックは"解決できる"
そう、どちらでも解決できるんだよ。


そして一つにまとめると圧縮効率も高まる（＝ネットワーク転送速度が同じでも短い時間で配信できる）し、
予め静的に生成するからCPU負荷も減る。だからまとめたほうが速い

831

： Name_Not_Found [sage] 2019/02/27(水) 18:55:20.35ID:???

> HTTP2では複数ファイルに分散させても、リクエスト/レスポンスが一つにまとめられる

とか書かれてて大変驚愕したので思わず確認してしまった。
文法バリッドでランダムなデカいファイル作成するのが楽だったからjsファイル生成してのテスト。
どっちもwifiだけど一枚目が速め、2枚目が遅めの回線。回線による違い見られないから回線速度がネックにはなってない（今回使った二回線についてはと言う意味）

遅めのwifi回線でテスト（上段がa,b,c個別、下段が連結）
ttps://i.imgur.com/nAu0men.png
速めのwifi回線でテスト（上段がa,b,c個別、下段が連結）
ttps://i.imgur.com/cJ35dAf.png

施行回数も足らないし回線品質もフニャフニャな情報しかないので速度についてはなんとも言えないが、少なくとも、

> HTTP2では複数ファイルに分散させても、リクエスト/レスポンスが一つにまとめられる

これウッソじゃーん！そりゃそうだよな！よかったぁー 👀
Rock54: Caution(BBR-MD5:1341adc37120578f18dba9451e6c8c3b)

832

： Name_Not_Found [sage] 2019/02/27(水) 19:12:41.36ID:???

この一連の流れで一番役に立った情報は

>>756

だった

833

： Name_Not_Found [sage] 2019/02/27(水) 19:21:40.65ID:???

now便利だよな

834

： Name_Not_Found [sage] 2019/02/27(水) 20:55:58.53ID:???

>>831

だからずーっと、HTTP/2はコネクションが一つになると言ってる

835

： Name_Not_Found [sage] 2019/02/27(水) 21:16:11.36ID:???

優しく答えるスレどこー

836

： Name_Not_Found [sage] 2019/02/27(水) 21:37:12.93ID:???

そんな鳥には羽があるみたいなことドヤ顔で言われましても…

837

： Name_Not_Found [sage] 2019/02/27(水) 21:55:55.15ID:???

>>831

の画像よく見たらまとめたほうが遅いんだけどどういうことなの？？？
説明して！！！

810 Name_Not_Found sage 2019/02/27(水) 07:18:09.68 ID:???

>>804

だから、並列で処理できるようになりました。
複数ファイルがある場合のパフォーマンスが上がりました。
だけど、1つにまとめたほうがやっぱり速いです。
ってだけ

838

： Name_Not_Found [sage] 2019/02/27(水) 22:06:26.35ID:???

>>837

まずCSSではない。レンダリングブロックするCSSとはJavaScriptでは挙動が違う。
それから圧縮されてない。まとめたほうが圧縮率が高くなると言ったはずなんだが

839

： Name_Not_Found [sage] 2019/02/27(水) 22:15:00.19ID:???

ハサミを振りかざしながら全力で後退
ザリガニでしょうか？

840

： Name_Not_Found [sage] 2019/02/27(水) 22:21:04.19ID:???

>>838

ひとつ確認。
「レンダリングブロックするCSSとはJavaScriptでは挙動が違う。」
これはJavaScriptはレンダリングブロックしないという意味で言っている？
条件等あれば一度だけ訂正を認める。
後出し条件はなしで。

841

： Name_Not_Found [sage] 2019/02/27(水) 22:28:29.22ID:???

一度だけ訂正を認めるｗ
最初からその人はcssの話しかしてないぞ

842

： Name_Not_Found [sage] 2019/02/27(水) 22:29:39.97ID:???

nowでデプロイしたならデフォでbrottli圧縮かかってるよ
ブラウザがbrottliに対応してないならgzip圧縮にフォールバックされる

843

： Name_Not_Found [sage] 2019/02/27(水) 22:44:42.55ID:???

>>722

> この例のように逆に遅くなる場合もある。
分かる。分かりみが深い
> 結局リクエスト1個より速くなることはない
？？分からん。何を根拠に。条件次第だろ。

844

： Name_Not_Found [sage] 2019/02/27(水) 22:52:56.29ID:???

>>831

これは一つのコネクションの中で
複数のリクエストを処理したら、
何故か通信速度が上がった不可思議現象ということでいいの？？？
説明して！！！


787 Name_Not_Found sage 2019/02/26(火) 23:48:21.77 ID:???

>>772

そういうことだよね。

多分わかってない人は、一つのコネクションの中で
複数のリクエストを処理したら、
何故か通信速度が上がると思ってるんだろう

http2はリクエストの開始待の時間を減らすものであって、
そもそもリクエストが1つなら、開始待の時間なんて無いってのがわかってない

845

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

>>844

えっ？この理屈がcssでは効いてjsでは効かないってこと？

846

： Name_Not_Found [sage] 2019/02/27(水) 23:05:03.97ID:???

>>831

オーバーヘッドはあれだいたい

>>828

の通りだな

847

： Name_Not_Found [sage] 2019/02/27(水) 23:16:30.94ID:???

結局この珍説どうなった？ｗ→

>>820-822

848

： Name_Not_Found [sage] 2019/02/27(水) 23:24:39.67ID:???

>>831

荷物（データ量）は同じなのにトラック1台で運ぶよりトラック3台で運んだほうが到着時間が速くなってる！！！
おかしい！！！そんなはずない！！！


815 Name_Not_Found sage 2019/02/27(水) 10:04:51.64 ID:???

>>813

> A, B, C並列ダウンロードのほうが
> ABC単一ダウンロードより遅い？なぜ？

http/2はコネクションが一つだからだよ。

一つのトンネルでトラック1台で運んでも
荷物を3つに分けてトラック3台で運んでも到着時間は同じ
荷物（データ量）は分割した所で同じだからね

そして3つに分けるのとまとめる処理が増えるし
3つに分けてそれぞれ圧縮するよりも、1つを圧縮したほうが圧縮率も高くなる

849

： Name_Not_Found [sage] 2019/02/27(水) 23:48:05.47ID:???

> 最初からその人はcssの話しかしてないぞ

ここCSSのスレだしなｗ

850

： Name_Not_Found [sage] 2019/02/27(水) 23:49:27.63ID:???

>>848

この理屈だとjscss関係なくね？
cssだとトンネルの中で事故るの？

851

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

俺がCSSで追試してやってもいいが…

>>831

も書いてる通り巨大CSSの自動生成はJSファイル作るのに比べてムズいんだよなー
どうするか…
まあ結果は変わらんと言うのが俺の予想だけどね。
トンネル理論おかし過ぎる。

852

： Name_Not_Found [sage] 2019/02/27(水) 23:58:30.30ID:???

>>851

ながーいクラス名をsassでネストさせるとか
ループさせるとか
どうかな

853

： Name_Not_Found [sage] 2019/02/28(木) 00:05:41.65ID:???

CSSで画像表示する方法ってありますけど
あれって該当するクラスとか要素がhtmlにない場合は画像読み込みされないんでしょうか？

854

： Name_Not_Found [sage] 2019/02/28(木) 00:06:32.19ID:???

>>848

> http/2はコネクションが一つだからだよ。

関係なくね？http/2の仕組み根本的に勘違いしてね？
だったらなんだという。

855

： Name_Not_Found [sage] 2019/02/28(木) 00:09:31.07ID:???

>>852

なんかそういうので作っても実際のファイルとは違う！ふつうそんな長いクラス名つけない！とかケチつけられそう

856

： Name_Not_Found [sage] 2019/02/28(木) 00:10:33.61ID:???

>>853

どっかで記事読んだな。ブラウザによって対応違うとか…ブックマークしたっけな？

857

： Name_Not_Found [sage] 2019/02/28(木) 00:23:01.66ID:???

>>853

存在しないクラス名に存在しない画像パスを充てがって404を返すか見ればいいんじゃね
よく知らないけど

というかデベロッパーツールのNetworkの項目見ればわかりそうだな

858

： Name_Not_Found [sage] 2019/02/28(木) 00:26:09.33ID:???

>>853

ググれとよくいうけどこれに関しては試してネットワークタブ見たほうが早いだろうね。

859

： Name_Not_Found [sage] 2019/02/28(木) 00:46:50.67ID:???

>>853

chrome、htmlにstyleぶっこんだ
存在しない要素は読み込まないようだ
ttps://i.imgur.com/n3c0dbr.png
ttps://i.imgur.com/AYp52KD.png

他のブラウザで試す人は↓使ってくれ
<style>
body1 {background:url(/foo1.jpg)}
foo2 {background:url(/foo2.jpg)}
foo3 {background:url(/foo3.jpg)}
foo4 {background:url(/foo4.jpg)}
foo5 {background:url(/foo5.jpg)}
</style>

860

： Name_Not_Found [sage] 2019/02/28(木) 01:31:44.19ID:???

>>859

ナイス！
検索もしてるけど先行研究は見当たらないなぁ

861

： Name_Not_Found [sage] 2019/02/28(木) 01:39:06.06ID:???

当然のように読み込まないと思っていた
もし読み込んでいたらネットワーク監視してる時に気づくと思うぞ

862

： Name_Not_Found [sage] 2019/02/28(木) 02:14:18.79ID:???

スタックオーバーフローの古い質問でdivのバックグラウンドイメージにdisplay noneにすれば読み込まないよー、そりゃそうだよねーの流れから古いie、safariでは違うとか突っ込まれたりしてたからこういうのは本当油断ならない。

863

： Name_Not_Found [sage] 2019/02/28(木) 11:30:00.48ID:???

HTML/CSSというより運営の質問なんですけど
「ドメイン払い続けるしかない問題」って何か解決策ないんでしょうか。ないと思いますが将来的に何かできる見込みとか。
ちなみに要らなくなったドメインを解約するとアフィ業者に乗っ取られて嫌な思いをするあれです。

864

： Name_Not_Found [sage] 2019/02/28(木) 11:33:11.51ID:???

>>863

.gaドメインはタダ。
ただし年に一度の更新しないとドメインプロバイダー自身がアフィサイトに作り替える仕組み。
絶対に更新忘れないならどうぞ。

865

： Name_Not_Found [sage] 2019/02/28(木) 11:56:14.65ID:???

>>863

・そもそもHPを作らず、googleサイトや忍者ツール、アメブロにする
・初期ドメインのまま運用
・固定IP
色々あるよ

866

： Name_Not_Found [sage] 2019/02/28(木) 14:21:48.01ID:???

github pagesで良いよもう

867

： Name_Not_Found [sage] 2019/02/28(木) 20:32:44.05ID:???

ドメインプロバイダー？
プロバイダーとはいったい

868

： Name_Not_Found [sage] 2019/02/28(木) 20:34:04.01ID:???

>>863

アフィ業者ってそんなことしてるのかよ

869

： Name_Not_Found [sage] 2019/02/28(木) 21:08:33.50ID:???

今までたくさん訪問者がいたサイトでも更新し忘れや飽きてやめるとかすると
凄い勢いでバックオーダーしてくる

870

： Name_Not_Found [sage] 2019/02/28(木) 21:15:39.56ID:???

よく見てるよな

871

： Name_Not_Found [sage] 2019/02/28(木) 22:38:47.10ID:???

広告もなければリンクもない謎のページになってる時もあるけど
あれは理由が全く分からない

872

： Name_Not_Found [sage] 2019/03/01(金) 04:51:24.66ID:???

>>870

このドメインが欲しいっていうのを登録しておくと
ウォッチして空いたらその瞬間にとってくれるサービスがあるんよ

873

： Name_Not_Found [sage] 2019/03/01(金) 05:10:50.35ID:???

ドメイン切れて上げてた素材丸パクリのサイト中華に作られた人いたな

874

： Name_Not_Found [sage] 2019/03/01(金) 06:24:42.74ID:???

>>869

簡単に人気サイト作れるみたいな書き込みぶりだけど、
どうすりゃ人気サイト作れんの？

875

： Name_Not_Found [sage] 2019/03/01(金) 09:37:37.80ID:???

>>871

エロ広告をサーバー会社に止められてるんじゃないか？と考えたことあるな
じゃなきゃ設定ミスだ

>>874

やり方は色々あるけどやっぱり自分の得意な事で頑張るのがいいんじゃないかなと思います

876

： Name_Not_Found [sage] 2019/03/01(金) 10:13:35.74ID:???

ドメイン更新し忘れたら取られて似た名前のクソアフィリエイトになってた

877

： Name_Not_Found [sage] 2019/03/01(金) 11:06:53.44ID:???

ドメイン手放したら弱小サイトでもそれやられるんだよな
独自ドメインじゃなくてさくらのレンサバ解約しても同じID取られてそれやられてワロタ
どんだけ必死なんだよって感じ

878

： Name_Not_Found [sage] 2019/03/01(金) 11:19:53.16ID:???

必死というか全自動やぞ

879

： Name_Not_Found [sage] 2019/03/01(金) 11:30:59.30ID:???

全自動にするほど必死ｗ
どんだけコストかけ天然

880

： Name_Not_Found [sage] 2019/03/01(金) 11:38:12.03ID:???

>>879

？
空いた時間で2,3日もあれば出来るよ
転売できるし小銭稼ぎには丁度良い

881

： Name_Not_Found [sage] 2019/03/01(金) 12:20:28.74ID:???

>>879

コストかかんない
奪取したらそこのレジストラに移管されるだけ
まあドメイン売ってるレジストラのサービスだよ

882

： Name_Not_Found [sage] 2019/03/01(金) 13:16:59.94ID:???

全自動ってスクリプトにやらせるとかじゃないの？
開発しても購入してもタダでは済まんだろ

883

： Name_Not_Found [sage] 2019/03/01(金) 13:20:55.74ID:???

>>882

おかわいいこと

884

： Name_Not_Found [] 2019/03/01(金) 13:38:48.14

ID

:f/XEgFOu

質問です。
ttp://http://www.idemitsu.co.jp/nextidemitsu/vietnam/

このサイトをPCで見た時、<div class="video">にvideo要素で動画が貼られていますが、該当ソースが下記のようにコメントアウトになってます。

<!-- <video class="pc" src="assets/video/video1.mp4" autoplay loop playsinline muted poster="assets/img/img_video.jpg"></video> -->

スクロールした時の見え方が、画像で言うところのcoverでfixedな感じです。
しかも同じページに複数の動画が上記のような見え方で動いているのです。
(動画が1つであればposition: fixedを使ってできるのですが。)

どうやって実現しているんでしょうか？

885

： Name_Not_Found [sage] 2019/03/01(金) 14:27:02.72ID:???

>>884

そのvideoコメントは製作時スクリプト実装前の動画仮置きなだけだと思う
実際に背景に動画を再生してるのは772行〜の<div id="video-box">部分で
javascriptでスクロール位置を見て再生する動画を切り替えてる

886

： Name_Not_Found [] 2019/03/01(金) 14:40:21.47

ID

:f/XEgFOu

>>885

やはりJavaScriptでしたか。
ありがとうございました。

887

： Name_Not_Found [sage] 2019/03/01(金) 14:40:59.29ID:???

>>884

なんで「1」がひっくり返ってるんだ？
と思ったら下矢印なのか

888

： Name_Not_Found [] 2019/03/01(金) 14:57:09.24

ID

:f/XEgFOu

>>887

このレスを見るまで1がひっくり返ってると思ってました

889

： Name_Not_Found [sage] 2019/03/01(金) 19:42:11.66ID:???

html内の特定のワードだけを一括変換する方法はないでしょうか？
JPGをjpgにしたいのですが手動しかないですかね？
batのrenのようにはできませんか？

890

： Name_Not_Found [sage] 2019/03/01(金) 19:47:51.27ID:???

日頃の修練を怠ってなければ気合でどうにでもなる

891

： Name_Not_Found [sage] 2019/03/01(金) 19:54:20.51ID:???

>>889

テキストエディタで正規表現とか

892

： Name_Not_Found [sage] 2019/03/01(金) 20:06:58.78ID:???

/\.JPG/gを'.jpg'でリプレイスすればいいだけじゃね

893

： Name_Not_Found [sage] 2019/03/01(金) 20:36:14.72ID:???

>>891

>>892

その手がありましたか、どうもありがとう！！

>>890

日頃の修練も何もお前はwixやWordpress等のツールを日夜僻みつつ
世を拗ねこのスレを自分の唯一の居場所だと勘違いしてへばりついてるだけじゃないかｗ
お前みたいなそれらしいこと言うだけの一山なんぼの役立たず爺にはならんようにしなきゃなｗ哀れなクソジジイｗｗ

894

： Name_Not_Found [sage] 2019/03/01(金) 22:30:11.68ID:???

とりあえずスレタイ読んで肩の力抜けよ

895

： Name_Not_Found [sage] 2019/03/01(金) 22:36:25.08ID:???

お絵かき掲示板とかそういうのを設置していない
ただhtmlや画像を置いているだけのサイトでもハッキングされる可能性ってあるんですか？

896

： Name_Not_Found [sage] 2019/03/01(金) 22:39:52.47ID:???

失礼しましたハッキングじゃなくて不正アクセスでした

897

： Name_Not_Found [sage] 2019/03/01(金) 22:40:21.47ID:???

可能性でいえば、どんなサイトでもゼロじゃない。

898

： Name_Not_Found [sage] 2019/03/01(金) 22:45:28.01ID:???

海外からの訪問者も大事にしたいけど海外からの不正アクセスは排除したい
そんなワガママを聞いてくれる方法はないものか

899

： Name_Not_Found [sage] 2019/03/01(金) 23:00:49.61ID:???

>>898

不正アクセスを定義することから始めよう

900

： Name_Not_Found [sage] 2019/03/01(金) 23:12:54.32ID:???

作ったばっかのクソサイトなんだけど、それでもある程度のアクセス数は欲しいんだけど、どうすりゃいいだろう
とりあえず検索にひかかってほしい

901

： Name_Not_Found [sage] 2019/03/01(金) 23:21:34.91ID:???

>>900

目標は決めたほうが良いよ
あと最初からクソサイトとか言って他者の評価から逃げない事
全力で作るんだ

検索に早く掛けたいならgoogle searchconsoleに登録してサイトマップを送信する
ttp://https://search.google.com/search-console/about?hl=ja

他はとにかくテキストを多く盛り込んで、ユニークな内容にする
そうすれば勝手に閲覧者は増える

902

： Name_Not_Found [sage] 2019/03/01(金) 23:39:05.71ID:???

そういや放置してたお絵かき掲示板がスパムで埋め尽くされて過去ログも消滅してたわ
ちゃんと管理しない俺みたいなのは第三者が投稿できるシステムつけないほうがいいな

903

： Name_Not_Found [sage] 2019/03/01(金) 23:42:10.94ID:???

ヴィトン！プラダ！ロレックス！安いよ安いよ〜！
なんか知らんけどスパムってこういうのばっかり

904

： Name_Not_Found [sage] 2019/03/01(金) 23:55:22.48ID:???

個人サイトで海外からの訪問者って考える必要あるのかな
絵描きさんとかなら必要？

905

： Name_Not_Found [sage] 2019/03/02(土) 00:07:29.82ID:???

サイトによる
ガイジンと交流したいなら考える必要あるし、一切お断りならシャットアウトしてもいい

906

： Name_Not_Found [sage] 2019/03/02(土) 00:52:16.18ID:???

外人にコンテンツを見てもらいたいとは思うが
海外からの不正アクセスは怖いな

907

： Name_Not_Found [sage] 2019/03/02(土) 00:53:39.56ID:???

お絵かき掲示板懐かしいな あれ一年くらい放置したら消えたっけ

908

： Name_Not_Found [sage] 2019/03/02(土) 00:57:15.75ID:???

お絵かき掲示板って見なくなったな
昔はそこら中にあって、毎回ドラえもん書いてたわ

909

： Name_Not_Found [sage] 2019/03/02(土) 01:11:05.11ID:???

>>901

ほんとに作ってるだけで増えるのかなあ
ずっと昔はとあるゲームの攻略サイトやってたから、その時はある程度伸びたけど

そもそもアクセスログ取ったら日に3人くらいしかこないから、
サイトの内容とか関係ない気がする

910

： Name_Not_Found [sage] 2019/03/02(土) 01:13:34.19ID:???

>>909

ゲームの攻略サイトはめちゃくちゃ強いね
ニッチで誰も攻略してないようなゲームなら必ず訪問が来る

ただの日記だと相当面白くないと流入は無い

911

： Name_Not_Found [sage] 2019/03/02(土) 02:20:34.70ID:???

>>910

まあ、ジャンルを言うと将棋なんだよね
将棋ってあんま流行ってない割にガチサイトが大量にあるし、
別に攻略サイト的なの見なくても将棋は強くなれるし、
けっこう厳しい

912

： Name_Not_Found [sage] 2019/03/02(土) 02:45:31.49ID:???

もしかしておまえらって、使ってないドメインも購入したり維持したりしてんの？

913

： Name_Not_Found [sage] 2019/03/02(土) 02:49:44.72ID:???

昔は登録エンジンとかいっぱいあってSEO対策簡単だったのに、今は皆無だよな

914

： Name_Not_Found [sage] 2019/03/02(土) 10:38:56.63ID:???

metaキーワードいっぱいつけるね・・・

915

： Name_Not_Found [sage] 2019/03/02(土) 10:54:31.93ID:???

>>911

将棋か、昔考えたなぁ
まとめwiki＋リンク集＋テンプレ集＋ツール集＋将棋の歴史
みたいな便利サイトを作って2chスレの

>>1

に貼れば一発で人集まる、ってのを考えて俺が全く将棋に明るくないからお蔵入りにしていたな
出来れば電王戦の前が良かったけど、この案は使っていいぞ

916

： Name_Not_Found [sage] 2019/03/02(土) 13:57:10.27ID:???

コアサーバーって所に契約して金払ったんだが、俺が気づいてるだけでも一日1回くらい落ちてるんだが、このサーバー

917

： Name_Not_Found [sage] 2019/03/02(土) 14:04:45.90ID:???

無い無い
エラーログ取ってるなら見せて欲しい

918

： Name_Not_Found [sage] 2019/03/02(土) 14:17:08.49ID:???

キーワード乞食の中身ペラペラサイトが溢れすぎて検索エンジン死んだよね
今こそディレクトリ登録型サイトの復活が！待たれる！

919

： Name_Not_Found [sage] 2019/03/02(土) 14:33:08.14ID:???

ttps://i.imgur.com/T4LTcPF.png

920

： Name_Not_Found [sage] 2019/03/02(土) 14:43:14.87ID:???

ftp繋がらない＝httpd落ちてるにはならんでしょ

921

： Name_Not_Found [sage] 2019/03/02(土) 14:49:02.68ID:???

認証弾かれてるように見える
その症状、アルファメールでよくなるわ

何か大量にDL・UP繰り返しすぎたか、変なマクロで常時操作みたいな事をしたんじゃないか
サポートに聞けば分かると思う

922

： Name_Not_Found [sage] 2019/03/02(土) 14:50:04.72ID:???

>>920-921

ブラウザも繋がらんが
一日一回は必ず遭遇する

923

： Name_Not_Found [sage] 2019/03/02(土) 15:21:46.46ID:???

phpで無限ループでも起こしてない？
これ以上はサポートに聞かないと分からない

障害情報には何も載ってない
ttp://https://mainte.value-domain.com/eventview.cgi?host=www.s197.coreserver.jp
ttp://https://mainte.value-domain.com/

924

： Name_Not_Found [sage] 2019/03/02(土) 16:22:54.22ID:???

>>923

わざわざ調べてくれたんだありがとう

しかしこんだけサーバーあると一日中なにかしらの問題起きてずっと保守してなきゃならない気がする
大変だなあ

925

： Name_Not_Found [sage] 2019/03/02(土) 16:36:58.39ID:???

>>889-893

VSCode で、特定の範囲内を指定して、置換できる

他のエディタでも、出来るかも

>>924

サーバー保守では、エラーが起きると、担当者へメールが送られる

その手のサーバー構築運用などの話は、
WEB+DB、ソフトウェアデザインなどの雑誌に、よく載っている

926

： Name_Not_Found [sage] 2019/03/02(土) 16:37:56.76ID:???

>>925

死ね

927

： Name_Not_Found [sage] 2019/03/02(土) 17:32:08.70ID:???

>>918

Webリングを復興させましょ！

928

： Name_Not_Found [sage] 2019/03/02(土) 18:50:04.06ID:???

まさかｸﾞｸﾞﾚｶｽが使えない時代がこようとは
CSSのテクニックすらクソみたいなサイト有象無象だしなぁ

929

： Name_Not_Found [sage] 2019/03/02(土) 18:53:03.13ID:???

一番クソなのは
トラぶったー！できないーって書いて
その後に、解決しました！って解決方法も
解決方法を示したサイトのURLもはらないやつ
んなもん記事にしないでツイッターでつぶやいてろってレベルは
ほんと腹ただしい
昔の人たちだと自分の記事がアーカイブや誰かの役にたつかもしれないと
どんな小さなことでも書き残してくれたのにな

930

： Name_Not_Found [sage] 2019/03/02(土) 19:30:07.66ID:???

>>925

はいまた来ました読点キチガイ
早く死ねよおまえ

931

： Name_Not_Found [sage] 2019/03/02(土) 19:44:39.56ID:???

>>929

CSSとかhtmlとかだけじゃなく全般的にそういうクソサイトクソブログばっかりだよね・・・

932

： Name_Not_Found [sage] 2019/03/02(土) 20:28:24.04ID:???

句読点なんてあってもなくても気づきもしないわ

933

： Name_Not_Found [sage] 2019/03/02(土) 23:10:21.76ID:???

句読点はマッキーで画面に直接書き込むのがトレンド

934

： Name_Not_Found [sage] 2019/03/03(日) 02:36:32.63ID:???

アフィってクソ扱いされてるけど、真剣にちゃんとしたサイトを作って、
うざいことや詐欺まがいのことは一切せず、
そこに広告を貼ってるなら立派な社会活動だよな？

935

： Name_Not_Found [sage] 2019/03/03(日) 03:31:11.23ID:???

ドメインってなんで comとかjpとかで値段違うの？

936

： Name_Not_Found [sage] 2019/03/03(日) 05:53:09.45ID:???

もちろん広告そのものが悪いわけじゃない、検索にかかることだけに特化しすぎた
キーワード連呼文字数かさ増しのスカスカなコンテンツライティング()が氾濫して検索が死んじゃった
○○とは？やり方方法メリットデメリット！調べてみました！いかがでしたか？

937

： Name_Not_Found [sage] 2019/03/03(日) 06:16:38.56ID:???

font-family: 'Meiryo', sans-serif;
これでオペラだけメイリオにならないんだけどなぜ
他のブラウザは全部メイリオになった

938

： Name_Not_Found [sage] 2019/03/03(日) 07:46:57.43ID:???

オペラってまだあったんだ。

939

： Name_Not_Found [sage] 2019/03/03(日) 09:28:43.85ID:???

テイエムオペラオー

940

： Name_Not_Found [sage] 2019/03/03(日) 09:38:06.58ID:???

どんな質問にも雑談しか返さねーなおまえら

941

： Name_Not_Found [sage] 2019/03/03(日) 09:42:39.38ID:???

Google Web Fontsの必要部分だけ読むこむ方法が分からない

942

： Name_Not_Found [sage] 2019/03/03(日) 09:44:10.90ID:???

>>940

雑談みたいな思いつきの質問ばかりだからじゃない？

943

： Name_Not_Found [sage] 2019/03/03(日) 09:53:41.83ID:???

>>934

そうだよ

>>935

売る側が高く設定している

944

： Name_Not_Found [sage] 2019/03/03(日) 09:55:06.45ID:???

>>940

いやお前が回答しろよ

945

： Name_Not_Found [sage] 2019/03/03(日) 10:28:06.92ID:???

>>935

需要と供給

946

： Name_Not_Found [sage] 2019/03/03(日) 10:40:11.11ID:???

>>941

あらかじめ自分でサブセット化するしかない。
webフォント　サブセット化　でググれ。

947

： Name_Not_Found [sage] 2019/03/03(日) 11:23:46.32ID:???

VScodeは複数行の置換ができないのが惜しいな

948

： Name_Not_Found [sage] 2019/03/03(日) 11:26:04.67ID:???

>>947

それができるエクステンションなかった？

949

： Name_Not_Found [sage] 2019/03/03(日) 11:46:16.32ID:???

borderプロパティの指定方法について

border: solid #f00;
border-width: 4px 0 0 4px;

と指定するのと

border-top: 4px solid #f00;
border-left: 4px solid #f00;

と指定するのではどちらが良いでしょうか？
自分は共通項をまとめたいので上のように書いているんですが
borderプロパティを指定するのにpx数が入っていないのが気持ち悪く感じることもあります
下の方は"どこに"設定するかは解りやすいですが項目が重複していてスマートじゃないと感じます
好みでいいんでしょうか、それとも指標などありますか？

950

： Name_Not_Found [sage] 2019/03/03(日) 12:00:53.35ID:???

>>949

いつも下で書いてた
上の書き方もあるのねぇ

951

： Name_Not_Found [sage] 2019/03/03(日) 12:01:46.60ID:???

>>947

マルチラインサーチに対応したv1.29からは出来るのでは？
ttp://https://code.visualstudio.com/updates/v1_29#_multiline-search

952

： Name_Not_Found [sage] 2019/03/03(日) 12:21:04.12ID:???

>>951

惜しいなあ
イメージとしては、正規表現だけでなく、
改行も含んだ複数行のソースコピペして検索窓に貼りつけてそのまま検索・置換が理想だが
まあ贅沢だな

953

： Name_Not_Found [sage] 2019/03/03(日) 12:22:30.30ID:???

>>952

具体的にどのエディタに実装されてるの？その機能。

954

： Name_Not_Found [sage] 2019/03/03(日) 12:22:37.70ID:???

まあDwで出来る事をVScodeに求めるの方がおかしいな
軽くてこんなに多機能で無料なわけだし

955

： Name_Not_Found [sage] 2019/03/03(日) 12:31:13.74ID:???

>>953

dreamweaverだよ。
こんな感じで検索窓が大きいからやりやすいよ。
ttps://dotup.org/uploda/dotup.org1787340.png

ディレクトリ単位で丸ごと複数ファイルも一括でできるしいいんだけど
クソ重いからうんざりしてた

956

： Name_Not_Found [sage] 2019/03/03(日) 13:03:00.87ID:???

>>955

そのエクステンションお前が作ればいいじゃん
作れないの？

957

： Name_Not_Found [sage] 2019/03/03(日) 13:04:07.44ID:???

>>949

sassつかえ

958

： Name_Not_Found [sage] 2019/03/03(日) 13:11:47.61ID:???

Dwの置換やりやすいね

959

： Name_Not_Found [sage] 2019/03/03(日) 13:12:27.50ID:???

>>956

うん。俺スキル低いから無理だわ。頼むわ。
楽勝っしょ？

960

： Name_Not_Found [sage] 2019/03/03(日) 13:15:47.07ID:???

耐性も低い

961

： Name_Not_Found [sage] 2019/03/03(日) 13:49:03.22ID:???

resizeでサイズ変更できるようにすると、右下の三角部分で変更可能になると思いますが
これを右下だけじゃなく右側全部をつまめるようにすることは可能でしょうか？

962

： Name_Not_Found [sage] 2019/03/03(日) 15:31:07.94ID:???

いつもvscode使いだけど一括置換は秀丸使うこと多いな
もともと秀丸使いでvscodeに乗り換えた派だけど複数行・正規表現・対象拡張子指定・ディレクトリー単位・サブディレクトリー含むなどなんでもできて爆速だからなかなか切れない
操作記録・再生も便利だし
vscodeが対応してくれれば切れるんだけど

963

： Name_Not_Found [sage] 2019/03/03(日) 16:02:12.75ID:???

dwはほんと昔から検索置換関連だけは優秀
結果の表示もすごくわかりやすい
ただそれだけしかメリットテーブルと置換関連で使うのみだな

964

： Name_Not_Found [sage] 2019/03/03(日) 16:16:19.00ID:???

俺も痴漢得意です

965

： Name_Not_Found [sage] 2019/03/03(日) 17:04:04.90ID:???

>>962

逆にそこまでできる秀丸をやめたい理由はなんなの？

966

： Name_Not_Found [sage] 2019/03/03(日) 17:35:37.61ID:???

スクリプトがかければ手軽にもう少し複雑なことを出来るんだけどね
データファイルの形式自体を変えたりとか

967

： Name_Not_Found [sage] 2019/03/03(日) 18:51:39.14ID:???

Bracketsは検索置換どうなの？
やっぱり検索置換機能はDw独自？

968

： Name_Not_Found [sage] 2019/03/03(日) 19:31:36.10ID:???

DWはSassもemmetもマルチカーソルも使えるようになって
あとはインデントマークが付けば
機能は申し分ないんだが決定的に重い・・・
これだけでもう全部台無し

969

： Name_Not_Found [sage] 2019/03/03(日) 19:34:10.95ID:???

間違えたわ

×インデントマーク
↓
○インデントガイド

970

： Name_Not_Found [sage] 2019/03/03(日) 19:50:52.00ID:???

>>965

コーディング補助周りが弱いから
補完とか複数箇所の入力とかemmetとか
置換よりコーディングする方が圧倒的に多いからどうしてもそっちメインで考える
やめたいっていうか1つにしたい

971

： Name_Not_Found [sage] 2019/03/03(日) 19:54:04.29ID:???

村八分にされてるサブライムじゃダメなのか
面倒くさい形のテーブルはdw使ってたけど起動が面倒だからネットでジェネレーターみたいの使ってる

972

： Name_Not_Found [sage] 2019/03/03(日) 19:57:34.90ID:???

サブライム妙に人気がなくて悲しい
サクサク動いていいのに
まぁatomに乗り換え中だけどな

973

： Name_Not_Found [sage] 2019/03/03(日) 20:05:55.33ID:???

Dwは起動するのに1ヵ月くらいかかるからな

974

： Name_Not_Found [sage] 2019/03/03(日) 22:15:28.20ID:???

長いな

975

： Name_Not_Found [sage] 2019/03/03(日) 23:10:26.34ID:???

残念ながらatomはもう…

976

： Name_Not_Found [sage] 2019/03/03(日) 23:46:56.83ID:???

>>949

border: 4px solid #f00;
border-style: solid none none solid ;

977

： Name_Not_Found [sage] 2019/03/03(日) 23:58:15.44ID:???

亡くなった父からの遺言で
3年前から起動中のDwが起動完了した姿を見れなくて
とても残念だとの事でした。
私がその意思を継ぎ、待ちたいと思いまs

978

： Name_Not_Found [sage] 2019/03/04(月) 00:07:41.17ID:???

一回ドメイン取ったら様々なサイトの広告が全部ドメインになってワロタ
一回取ったらもう取らねーよ

979

： Name_Not_Found [sage] 2019/03/04(月) 00:13:04.72ID:???

今から乗り換えるならAtomじゃなくてVSCodeのが良い
今Atomに使い慣れてるなら別にそのままでも良い

980

： Name_Not_Found [sage] 2019/03/04(月) 00:15:58.27ID:???

うちは先祖代々もう800年くらい前からDwの起動を待ち続けてる
我が家、このままだと俺で末代になりそうなんだけどどうしたもんかな

981

： Name_Not_Found [sage] 2019/03/04(月) 00:33:18.28ID:???

私のおじいさんが起動しておいてくれたエディター
それはドリームウィバーで私は四歳でした
それは未だに起動完了しておらず
こんな素晴らしいエディターをもらえる私は
きっと特別な存在なのだと感じました
今では私がおじいさん
孫に起動するのはもちろんドリームウィバー
なぜなら彼もまた特別な存在だからです

982

： Name_Not_Found [sage] 2019/03/04(月) 00:35:35.41ID:???

おじ〜さんの〜生まれた朝に〜起動したDWさ〜

983

： Name_Not_Found [sage] 2019/03/04(月) 00:57:48.64ID:???

>>978

病院いってこい
たぶん脳梗塞

984

： Name_Not_Found [sage] 2019/03/04(月) 01:04:48.17ID:???

>>983

え、広告のシステム知らないの

985

： Name_Not_Found [sage] 2019/03/04(月) 01:04:50.05ID:???

>>983

無知を晒すな

986

： Name_Not_Found [sage] 2019/03/04(月) 01:09:41.18ID:???

意識失ってた
勃ててくるわ

987

： 980 [sage] 2019/03/04(月) 01:10:07.05ID:???

ワイ980ね

988

： 980 [sage] 2019/03/04(月) 01:11:21.34ID:???

じゃあワイも980や

989

： 980 [sage] 2019/03/04(月) 01:12:08.29ID:???

いやワイが980やろ

990

： 980 [sage] 2019/03/04(月) 01:13:40.07ID:???

はい
ttps://mevius.5ch.net/test/read.cgi/hp/1551629579/

991

： Name_Not_Found [sage] 2019/03/04(月) 01:17:35.16ID:???

乙。

992

： Name_Not_Found [sage] 2019/03/04(月) 08:32:01.50ID:???

うめ

993

： Name_Not_Found [sage] 2019/03/04(月) 09:12:54.50ID:???

>>980

おじいちゃん、800年前にDWはないよ！

994

： Name_Not_Found [sage] 2019/03/04(月) 09:21:36.88ID:???

怒理異夢鵜井婆

995

： Name_Not_Found [sage] 2019/03/04(月) 09:24:23.15ID:???

サブライムは流行ってないんじゃなくて流行った後なんだよ

996

： Name_Not_Found [sage] 2019/03/04(月) 10:44:18.68ID:???

ドリームウェーバー

997

： Name_Not_Found [sage] 2019/03/04(月) 20:04:06.77ID:???

あんたたちうめなさいよ！

998

： Name_Not_Found [sage] 2019/03/04(月) 20:50:45.32ID:???

埋める前に今までスルーした質問に全部答えるべき

999

： Name_Not_Found [sage] 2019/03/04(月) 20:57:10.45ID:???

質問いいですか？( ・ω・)∩ｼﾂﾓｰﾝ

1000

： Name_Not_Found [sage] 2019/03/04(月) 21:08:29.71ID:???

どうぞどうぞ

1001

： 1001 [] Over 1000Thread

このスレッドは１０００を超えました。
新しいスレッドを立ててください。
life time: 32日 19時間 46分 13秒

1002

： 1002 [] Over 1000Thread

5ちゃんねるの運営はプレミアム会員の皆さまに支えられています。
運営にご協力お願いいたします。


───────────────────
《プレミアム会員の主な特典》
★ 5ちゃんねる専用ブラウザからの広告除去
★ 5ちゃんねるの過去ログを取得
★ 書き込み規制の緩和
───────────────────

会員登録には個人情報は一切必要ありません。
月300円から匿名でご購入いただけます。

▼ プレミアム会員登録はこちら ▼
ttps://premium.5ch.net/

▼ 浪人ログインはこちら ▼
ttps://login.5ch.net/login.php