HTML/CSS のどんな質問にも優しく答えるｽﾚ 40
■ このスレッドは過去ログ倉庫に格納されています
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです
類似質問、重複質問、丸投げ大いに結構。HTML / CSS 関係の事なら何でもOK
分からない人は何回聞いても結構。質問するときはIDを出すためにメール欄を
age にすることをおすすめします。
回答してくれる方は優しい人のみ！ 質問者に対して暴言を吐く人はこのスレを見るな！！
終わった話を蒸し返すやつは このスレにくるな！！！
自分で調べろという回答も禁止！！回答するかさもなくば何も書き込むな！！
質問側も節度あるレスで！質問前にスレ内を検索しましょう
■次スレについて
基本的にレスナンバー>>980を取った人（立てられない場合は次の宣言者）が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい（>>980を取った場合も）
立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう
■前スレ
HTML/CSS のどんな質問にも優しく答えるｽﾚ 39 ﾐｯｸﾐｸ
https://mevius.5ch.net/test/read.cgi/hp/1559446058/
■関連スレ
Webサイト制作初心者用質問スレ part251
https://mevius.5ch.net/test/read.cgi/hp/1564414228/
■HTML
HTML Living Standard 日本語訳
https://momdo.github.io/html/index.html
■CSS
Selectors Level 4 日本語訳
https://triple-underscore.github.io/selectors4-ja.html devだらけになるよりsectionで区切ってる方が可読性良いよね。
main, cuticle, menu, asideとかもちゃんと使い分けてあるとすごい読みやすい。 セクショニング要素にCSS設定するなって言われても実際しちゃうよね DB探ったらセクションの中身が無かった場合に、無駄なpadding/marginやbackgroundが生まれるから？ >>743
天下のGoogle様からのお達しじゃなかったっけ？
sectionの中にsectionとか入れてると、sectionにcss 指定すると全部のsectionに同じ指定がかかるからややこしくて使ってない
まあワイ初心者やからよくわからんけど http://www.htmq.com/html5/section.shtml
「レイアウト目的のコンテナ要素として用いるなら、
<section>ではなく、<div>を使用してください。」
sectionタグはコンテナ要素ではないから
要素を包んでCSSで弄るなら<div>で囲むべきってことなんか・・・
なんや難しいな >>746
日本語大丈夫か？
レイアウト目的ならdivを使えって言ってるだけで
sectionにレイアウトするな。なんて言ってないんだが まああれだな、タグの意味を理解しないで
レイアウトしたい、何のタグを使えばーなんて思ってるから
divやcssを適用するときは全部divなんや
なんて意味不明なことを言い出す。
えとなぁ、タグを使うときはレイアウトのことなんて
考えずに使えや、アホども ヘッダーに必要な情報ってこれで必要十分ですか？
<meta charset="UTF-8" />
<meta name="description" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content=" " />
<meta property="og:url" content=" " />
<meta property="og:type" content="website" />
<meta property="og:title" content=" " />
<meta property="og:site_name" content=" " />
<meta property="og:description" content=" " />
<meta property="og:author" content=" " />
<meta property="og:image" content=" " />
<title> </title> ぅあ…divを減らせばリアルで痩せる説を信じて今日から頑張ります…はぁ、はぁ… >>746
<body>があるのにわざわざ<div>を使う意味がよく分からない。 >>751
VSCode で、HTML ファイル上で、! と入力すると、
Emmet の入力補完で、下のように表示される
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body></body>
</html> 初歩的な質問なのだけど
フロントエンドのフレームワークっていうと、reactみたいなJSのフレームワークとbootstrapみたいなcssのフレームワークがあるわけだけど
違いというか使い分けって言うのはどうなってるのかな？ bracketsから流行りのvscodeに乗り換えてみた
流石に流行っているだけあってよく出来ているなと思うんだけど
bracketsのリアルタイムプレビューが俺には合ってたみたいでbracketsと同じようなリアルタイムプレビューできる拡張機能を探し中
だけどなかなかしっくりこない
みなさんvscodeでのリアルタイムプレビューどうしてますか？ >>758
react・・・HTMLとCSSというウェブ標準は捨て去りましょう。
javaScriptで全部やるんです。
bootstrap・・・HTMLとCSSというウェブ標準でいきましょう
jQuery・・・HTMLとCSSというウェブ標準でいきましょう >>758
①jsは主に機能を制御するもの
②cssは主に見た目やレイアウトを制御するもの
③htmlは主に表記や要素を構成するもの
react→①と②
bootstrap→②
それぞれ畑が違うので比較対象にはならない。 reactの比較対象はvue.js、AngularJSや
phpのテンプレートエンジンとかだろな atomで編集したフォルダーをgoogle chromeで読み込む時や更新するときに5秒くらいかかるのは普通ですか？他のサイトを開くときは普通に開けてます
使っているpcのスペックはcore i7で8gbです。
デスクトップでフォルダ新規作成→atomで開く→html/cssで編集する→デスクトップでフォルダ開く→プログラムで開く(google chrome)の順に開いてます phpもjsも使わずに
ブラウザキャッシュさせない方法ないですかね？
cssファイル、img、iframeをchromeで表示する時。
ちなみに
<meta http-equiv="Pragma" content="no-cache">
などのmeta関連は効かないようです・・ CGIを使ってランダムなクエリをつけたリンクに置き換える >>773
CGIもSSIもperlもjavaもphyson、rubyその他プログラム系はダメっす そんなゴミサーバーで無理難題押し付けてくるクライアントをキャッシュしない >>776
まあそうなんだが、ヤフショや楽天、ポンパレなどのECプラットフォームはみんなセキュリティ厳しいから
こうなってんだよ >>778
じゃあ「セキュリティ厳しくて無理です」でいいじゃん
てか楽天が「セキュリティ厳しい」とか笑えるわ
だったら抜け穴みたいな編集テクを黙認してるのはなんでだ？誰も幸せにならないゴミシステム >>780
そこをクライアントに求められてるわけじゃないんだわ
確認時に誤解が出ないように予め対策しておきたいんだ
てか楽天の事よく知ってるじゃん
侮ってたわ >>758
CSSフレームワーク Bootstrap入門、掌田津耶乃、2018
Bootstrap 4 の本 >>769
VSCode の拡張機能で、同じ作者が作っている、
Live Server, Live Sass Compiler を使うと、
HTML, SASS ファイルを変更して保存すると、自動的にブラウザに反映される！
VSCodeのスレは、プログラム板にあります スマホからなので見づらいかもしれません。
各部署がそれぞれのページをブログ形式で更新しています。
トップページには新着情報として、タイトル(リンクあり)が表示される形式になっています。
ここに更に、最も最新のブログ記事の中身(一部で構わない)を表示したいのですが、どうすれば良いのか教えてください。
調べたらフレームタグで出来そうと思いましたが、URLが各部署のページで異なるため、リンク先の設定で行き詰まりました。 >>785
なんのブログシステムでやってるかによってやり方がバラバラだよ。
例えばWordPressならトップページの新着情報を出力しているソース（ループ部分）を編集する必要があるけど
そういうの大丈夫？
こういう構文突っ込んだろとか。
<?php if (strlen($post->post_content) > 40) {
echo mb_substr(the_content('...'; } else {
the_content();
} ?> >>785
これの回答をjQueryでやったろうかと一瞬考えたが
別ページの本文テキストを動的に引っ張ってくる方法がわからんな 最も最新のブログ記事だけ（ループ処理1回目のみ）に処理を行う場合はこんな感じ
<?php if ($wp_query->current_post == 0) { ?> 最近の中小企業は社内でHPくらい改変・運用できるだろって考えなのかね
DB周りとかフォーム周りを素人がいじくって情報漏洩したり、ウイルス仕込まれたりとかされても
気が付かなそうだな 皆さん返信ありがとうございます。
ハード面で詳しいからという理由だけで９月よりＨＰの更新を任せられました。
基本的なＨＴＭＬくらいしか分からないので、ソースを見ても何がどこに影響しているのか・・・
変にいじると大変なことになりそうなので、しばらく勉強してからまた聞きに来ます。 何度もすみません。
ＨＰ管理のためには何を学べばいいか、もし宜しければ教えてください。
HTML CSS Javascript PHP はこの機会に一通りやってみようと思います。 素直に外注に任せるべき
お前はその会社で何を期待されてるのか知らないが
本業の合間程度にできるような業務内容を超えている
勉強したり作業するのに使う時間を他のことに回して、外注費用を捻出したほうがよっぽど効率的 ハード詳しいからとかアホなのかその会社
Web制作を仕事として結構な金取ってとこもあるんだぞ
フライパン作ってる職人はレストランのシェフ並みに料理上手だとでもいうのか まずはhtmlとcssだな
次にとっつきやすさで言えばphp
そんでJavaScriptだが
JavaScriptよりjQueryを優先して
書けなくてもだいたい読める
フリーで配布されてるjQueryをサイトに導入できる
くらいになるのが汎用性高そう
でも外部に頼んだ方がいいよ
俺はhtmlだけちょっと分かる程度の知識から始めて
半年間職業訓練で終日勉強して覚えた
仕事しながらとか年単位で時間かかるんじゃね？ こうやってサイトが属人化して
勝手につくったPHPやJSバニラ＆スパゲティで
その人が辞めたら何もできなくなって
制作会社に泣きついてめちゃくちゃ高額取られるオチな >>785をテキトウにjQueryでクソコード書いてみたw
var getFile = $('#news-area li:first a').attr('href');
$.ajax({
type: 'GET',
url: getFile,
dataType: 'html',
success: function(data) {
var contentsText = $(data).find('.contentsText');
$('#news-area li:first').html(contentsText);
$(this).each(function(){
var txt = $(this).text();
if(txt.length > 40){/*文字数*/
txt = txt.substr(0, 10);
$(this).text(txt + "...");
}
});
}
}); >>797
>>785のバックエンドがどういう状況になっているのか理解もしないで適当なajaxをここに貼ってもクソの役にも立たん
あとそのゴミはここに直接直接書くんじゃなくてJSbin等の外部サービスに記述してからURLを貼れ >>799
へ？出力後のDOM操作なんだからバックエンド関係ないやん
まあ自分では何もせずいきなり人に命令するようなやつに絡むとは嫌な予感しかしないが また？ではないけど、
やはりそういう感じで絡んできましたかｗ
まず、俺が上で書いたphpとjQueryのどこをどうすべきか答えようね。
それ以外の煽りとか付き合いたくないんで。 >>800
バカだろお前
「新着が表示されているトップページ」というのがサーバー側で動的に生成しているページだったならバックエンドがどういう状況なのか大いに関係あるだろう
今はタイトル（リンク）を一覧にしているが、そこに記事内容の一部も加えるとなれば、サーバー側のコードの書き換えの可能性もある。
今どういう状況になっているのか考慮しないで適当なajax貼り付けてやっつけ仕事で片付ける話じゃないの >>802
お前の役に立つかもわからないゴミを一々ここで推敲するなんてただの時間の無駄だよ jQueryくんはすぐに脳内で妄想Webシステムを組み上げてjQueryですべて解決しちゃうから仕方ないｗ >>803
はあ？？
おまえjsもサーバーサイドも両方とも弱いだろ？
上で書いてるajaxが何してるかすら内容理解できてないようだが・・・。
>>805
jQueryくんじゃないし、最初にphpでのソースかてますが？
何で書いたら満足なの？vue.js?node.jsでごきぼうでつか？ そもそも
CMSがなにかわからない
サーバーサイドが何のプログラムで書かれてるかもわからない
↓
残された方法としてクライアントサイド（js）の上書き（DOM操作）
↓
しかしHTMLの構造もわからない
↓
これで解決方法をやっつけ以外でどうやって書くんだよ。
手法としてこういう方法が取れるって例を書いてるのになんで基地外みたいに絡むの？
jQuery君て誰だよｗ jQuery君の何が一番迷惑かバカな君に教えてあげよう
めちゃめちゃスレチだということ 実際の仕様が異なるのなら例外処理を書いたり、修正すりゃいい
・各新着情報にはリンクがついている前提である（無い可能性もゼロではない）
・そのリンクはその投稿ページへのリンクである前提（外部サイトへ直接飛ばす可能性もゼロではない）
・投稿ページとトップページの関係はクロスドメインではない
・トップページの新着情報はliタグの前提である
・各IDやクラスはわからないので仮でつけたものである >>811
あれだけ馬鹿みたいにこのスレ荒しておいてとぼけなくて良いよ これだけ文章の特徴も似てるのに他人は無いわな
どう見ても>>319,331のjQueryくんじゃん >>814
俺がそいつではない事が証明できるまで質問などに答えてやっても構わないが
それやっても俺に何のメリットもないし、仮にjQuery君であると勘違いされたままのデメリットもそんなにないんだよね。 >>815
あ、おまえjQueryくんだろ？
はい。違うって証明できますか？ >>816
お前はアスペだから理解できないんだろうけど、
お前もjQueryくんもスレチだからここから消え失せろって遠回しに言われているんだよ。 >>818
おまえ、さんざんスレ荒らしておいてまだいたのかよjQueryくんよぉ >>816
質問に答えなくていいし大して役にも立ってないからレスするのやめてくれ
マジでただの嵐だろお前 誰も頼んでないコード書き始めたり、絡んでくるなとか言いながらも一々反論しないと気が済まないところを見ると、
無駄にプライドだけは高いか子供なんだろうね。
んで今回もおもちゃになったと。 お、今日も$(".hoge")祭りですか？ｗｗｗｗｗｗｗｗｗｗ そのコードも未だにvarと$.ajaxだもんな
そりゃ役立たずだわ >>827
jQueryくんはなんで今来たみたいな雰囲気でレスしたの？ｗ >>828
はい批判じゃなくて、具体的な修正案を書こうね？
絶対逃げないでね☆ >>830
お前が自信満々にこのアホなコード書かないのが一番の修正案だよ $(".hoge")は具体性も無い話なのにコード書いちゃうｗｗｗｗｗｗｗｗｗ >>831
そういうのいいから制作者なら具体的な修正案を書こうね？
期待してるから絶対逃げないでね☆ >>832
具体的なHTMLが欲しいなら書いてやろうか？
その代わり逃げられなくなるぞ？
いいか？ >>833
ここそういう話するスレじゃないんで
本当に迷惑なのでやめてもらえませんか？ >>834
さっさと書いて自己満して消え失せてくれ 具体的な修正案を求めてる奴なんていないのに勝手に話進めるのがすごいよな
やっぱアスペってすげぇ >>835
jQueryくんは黙っててよ。
まさかここまでケンカ吹っ掛けておいて
今更そんな逃げ方するようなヤツじゃないでしょ
きっと、プライド持ってちゃんと書いてくれるのまってるんだから。 クソみたいなプライド抱えて荒らしｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ >>837
俺：質問の回答を書いた
↓
おまえ：そのコードも未だにvarと$.ajaxだもんな
↓
俺：じゃあ具体的におまえならどう書くの？
何がおかしいの？おかしくないよね？
冷静に見てよ ■ このスレッドは過去ログ倉庫に格納されています
