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

2025/01/24(金) 14:07:40.93ID:???
ここは初心者からベテランまで、全ての人を対象に必ず優しく答えるスレです

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

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

■次スレについて
基本的にレスナンバー>>980を取った人(立てられない場合は次の宣言者)が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい(>>980を取った場合も)
立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう

■前スレ
HTML/CSS のどんな質問に必ず優しく答えるスレ 32
https://mevius.5ch.net/test/read.cgi/hp/1519547237/

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

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

■CSS
Selectors Level 4 日本語訳
https://triple-underscore.github.io/selectors4-ja.html
2025/02/12(水) 01:35:44.01ID:???
rel="noreferrer"じゃなくて?
2025/02/12(水) 02:01:18.64ID:???
ネット上に公開しておきながら知られたくないなんてダサい
2025/02/12(水) 13:10:31.38ID:???
>>32
ありがとうございます
まさしくこれでした

>>33
訴えられることはほぼないとは思いますが、リスクは限りなくゼロにしておきたいです
やっぱり、安全圏から石を投げつけたいじゃないですか
2025/02/12(水) 23:25:26.43ID:???
>>34
死ね
2025/02/13(木) 06:32:52.71ID:???
bot避けもしないと検索されちゃうんじゃね
2025/02/20(木) 20:49:29.27ID:???
初心な質問失礼します!

疑似要素で
p::first-letter
というのがありレイアウト的にいいと思ったのですが、これだと<p>で囲った箇所全てに適用されますよね
それを防ぐためにclassがあると思うのですが、この場合はどのように記述すればよいのでしょうか?
2025/02/21(金) 00:48:42.82ID:???
AIより抜粋

p::first-letter のように、段落全体に適用される疑似要素を特定のクラスに限定して使用する場合は
クラスセレクタを組み合わせて記述します。具体的には、クラス名を段落セレクタの前に追加します。

p.class-name::first-letter {
/* スタイルの定義 */
}
2025/02/21(金) 15:05:16.31ID:???
>>38
ありがとうございます!
普通にクラスを記述する時と同じ感じでやればいいんですね!

あとついでと言ってはなんですが
超初心者な疑問ですいません

p.class-name::first-letter {
/* スタイルの定義 */
}

この記述は

.class-name::first-letter {
/* スタイルの定義 */
}


このようにp(要素?)をとればp以外のhやspanやdivでも使えるというわけですよね?
2025/02/22(土) 17:03:43.18ID:???
>>39
疑問に思った事や思いつきは、質問する前に
こういうWebサービスを使って自分で試してみよう

https://jsfiddle.net/ukgaf2w3/
2025/02/23(日) 02:08:41.76ID:???
あーあ、みんな思ってても>>1に反するから言わなかったのに
>>39を書いてる時間でメモ帳とブラウザだけでテストできるだろとか言いたくても言えないのがこのスレだよ
2025/02/23(日) 14:53:25.46ID:???
まぁ、https://jsfiddle.net しか教えないなら、そうかもしれんが
便利なサイトを教えた上に、ちゃんと答えも書いてやってるからな
43Name_Not_Found
垢版 |
2025/02/23(日) 21:00:46.29ID:F6JjBGfl
もうHTMLとjavascript程度ならAIに聞けば解決するのか
2025/02/25(火) 16:38:51.46ID:???
>>40
ありがとうございますm(_ _)m
2025/02/25(火) 16:45:24.92ID:???
>>43
ChatGPTでは解決できずにClaudeで解決できた
Claudeのほうがweb屋さんには向いてる?
2025/03/05(水) 15:53:39.17ID:???
スマホのChatgptはバグがありますね
質問した内容の文章が少し表現の違うものに勝手に書き換えられて表示される
47Name_Not_Found
垢版 |
2025/03/09(日) 17:27:49.17ID:P1SJHOqC
質問の仕方が下手なだけでは
2025/03/09(日) 20:31:05.43ID:???
AIは間違いも言うし間違いを指摘すると「はい、確かにそれは間違いですね。正しくは…」ってまた嘘言ってくる
49Name_Not_Found
垢版 |
2025/03/17(月) 11:51:57.96ID:FhDKlT6o
スレ違いかもしれんが助けてほしい・・
htmlでメールフォームを作ったんだけどその後のphpが上手くいかない・・
使ってるテキストエディタはsublime textです。
phpコードはhtmlに埋め込んで直接そのまま書くって形でいいのか
それともcssみたいにphp専用ファイルを作ってそこに書いたらいいのか・・助けてくださいorz
2025/03/17(月) 11:55:12.53ID:???
chatGPTに聞くと正解出るよ
51Name_Not_Found
垢版 |
2025/03/17(月) 12:28:30.24ID:FhDKlT6o
それで正解出たら苦労してないよ!!
2025/03/17(月) 12:59:23.56ID:???
今聞いたら、body内に<?phpで書いてくれたよ
2025/03/17(月) 14:11:28.69ID:???
うまくいかないを具体的に
2025/03/17(月) 14:55:17.08ID:???
初級の初級なのにChatGPTに聞いてもわからんってどういうことだよ
2025/03/17(月) 15:26:32.73ID:???
とりあえずOpenAIのo3-miniに「webサイトに設置するためのPHPで動作するメールフォームのサンプル作って」とか聞いてみ
2025/03/17(月) 16:55:05.81ID:???
答えが「初心者がPHPでメールフォームやお問い合わせフォームに手を出すのはやめましょう、SNS等のDMで代用することをオススメします」
とかだったら好きになっちゃいそう
2025/03/23(日) 17:47:46.58ID:???
>>47
違う
こちらが書いた文章が勝手に別の文言に変わることがある
これはどういう時に起きるかわかったわ
スマホでChatgptのページのショートカットを待ち受け画面に貼ってから待ち受けから起動すると起きやすい
2025/03/26(水) 12:09:07.39ID:???
スレチですがAndroid用の初心者向きのhtml編集アプリでオススメあったら教えてください。
2025/03/26(水) 21:03:13.63ID:???
Webサイト制作初心者用質問スレ part253
https://mevius.5ch.net/test/read.cgi/hp/1626528070/
2025/03/26(水) 21:19:43.07ID:???
オススメのアプリとかって結局、自分が使いやすいと思う物は自分にしか分からないので
人に尋ねるよりも、DL数の多い人気のアプリを上位から順に試すのが一番手っ取り早い
2025/03/27(木) 02:03:04.42ID:???
VScode for Androidとかどうなんだろ使ったことないけど
62Name_Not_Found
垢版 |
2025/04/03(木) 02:36:12.55ID:4bd3AE5q
教えてください!!
xサーバー使ってます、ワードプレスでサイトを作ったのですが、公開の仕方がわかりません!
調べていた感じ、fillezillraをつかいアップロードするそうですが、何をどこから持って来ればいいのかわかりません、、、
2025/04/03(木) 03:48:46.84ID:???
全く状況が分からんのだがスレ違いなので、もうちょっと状況を整理して以下のいずれかでどうぞ

Webサイト制作初心者用質問スレ part253
https://mevius.5ch.net/test/read.cgi/hp/1626528070/
WordPress(ワードプレス)その28
https://mevius.5ch.net/test/read.cgi/blog/1461783816/
WordPressの困った人のスレ 6
https://mevius.5ch.net/test/read.cgi/hp/1706433486/
2025/04/03(木) 06:06:54.02ID:???
>>62
そこから解らないなら
xserverの管理画面にwordpress簡単インストールてのが用意されてるから
それでインストールした後にwordpressの管理画面からインポートしたら?
2025/04/05(土) 22:35:20.40ID:???
作ってるアプリにhtmlで簡単な使い方を
ユーザーに知らせる仕組みを組み込むことをやってる

おおまかにDetailsでクループ分けしていって
プログラム側からDetails.OpenとIDへのジャンプをやるような形

で困ったのは、Detailsの中から外部などに遷移した後
戻ってきたときDetailsがすべて閉じてしまってること

たぶん遷移する時点でdetailsの開閉状態を保存して
戻ってきたことを検知して、Detailsの開閉状態を復元すること?

ここに書いてあるよ的なものでもいいので教えてください
2025/04/05(土) 23:45:27.98ID:???
こういう話?

ページ遷移してもdetailsを開きっぱなしにするJS #JavaScript - Qiita
https://qiita.com/mai_ne__/items/6e58d8a1df94a829e67f
2025/04/06(日) 01:27:33.26ID:???
>>66
ありがとう

状態をSessionStorageってとこに保存して置くってのは分かった
戻ったってことを検出する方法はちょっと分からなかったけど
この方法を検索すると方法が多すぎて逆に分からなかった

window.addEventListener('pageshow',()=>{
var flg=window.performance.navigation.type; // 0-2
とか?
68Name_Not_Found
垢版 |
2025/04/27(日) 13:03:14.87ID:tTTQMSBF
※XXXXX-visibility-controlとdivが同列であるとき
例えば XXXXX-visibility-control>div>div>div>div:nth-of-type(n+2):nth-of-type(-n+3)
で最終divの二番目と三番目を恒久的に除去するコードとなります

これを[class*=""]のような条件付けを用いて-visibility-controlが含まれるもの全てを指定したいです
XXXXX-visibility-controlはclassやidなどが無いため上記コードではエラーが生じます

皆様の知恵をお貸しくださいm(vv)m
2025/04/28(月) 04:09:11.29ID:???
adblock関連スレでどうぞ
70Name_Not_Found
垢版 |
2025/05/03(土) 16:15:31.90ID:PHIqpzgY
<style>
#aaa{
width:200px;
height:200px;
background:#ffff00;
}

#bbb{
position:relative;
top:0px;
left:50px;
background:#00ff00;
font-size:12pt;
}
</style>

<div id="aaa">
<span id="bbb">あああああああああああああああああああ</span>
</div>

文字の部分のみに緑色の背景色が表示され、文字が黄色い領域からはみ出ないように折り返しされるようにするにはどうすればいいんですか?
#bbbをブロック要素にすると領域全体が緑色になるのでうまくできませんでした。
ただし#aaaの幅や高さ、#bbbのleftやtop、文字サイズはそのまんまとします。
2025/05/03(土) 17:08:39.96ID:???
#bbbに
display:inline-block;
width:calc(100% - 50px);
を追記
2025/05/03(土) 17:43:36.18ID:???
ただし#aaaの幅や高さ、#bbbのleftやtop、文字サイズはそのまんまとします。

この一行で察した
73Name_Not_Found
垢版 |
2025/05/03(土) 21:29:08.98ID:PHIqpzgY
>>71
それらを追加して試してみたけど
文字の折り返しはされていたけど文字がない空白部分も緑色になっていました。
74Name_Not_Found
垢版 |
2025/05/03(土) 23:32:59.83ID:WWWBLpi2
wrapのどれか
2025/05/05(月) 15:36:30.85ID:???
#bbbの幅は親の幅で決まるから、#bbbをブロックで囲んで
そのブロックに>>71でいいだろ
76Name_Not_Found
垢版 |
2025/05/06(火) 16:09:10.86ID:YmIbbjCR
初心者ですがよろしくお願いします。tableについてわからなくなりました。
<table border="1">
<tr><td colspan="3" rowspan="2">
セル1
</td><td colspan="3" rowspan="2">
セル2
</td></tr>
<tr><td colspan="2" rowspan="1">
セル3
</td><td colspan="2" rowspan="1">
セル5
</td><td colspan="2" rowspan="1">
セル6
</td></tr></table>


こうすると一行目が縦長のセルが2つ、二行目が普通の縦幅のセルが3つ並ぶと思ったのに、改行されず一行になってしまいます
すみませんがどこが間違っているのか教えてもらえますか
2025/05/06(火) 16:16:13.51ID:???
横方向が
1行目 2つのセル
2行目 3つのセル
ってことなら
rowspanは全部いらないです
Safariだと幅が均等にならないかもなので
適宜cssで調整
2025/05/06(火) 17:51:50.95ID:???
>>76
rowspanはセル内の行数ではなく、そのセルがtrいくつ分にまたがるかという意味です
7976
垢版 |
2025/05/06(火) 18:50:30.89ID:YmIbbjCR
>>77 >>78
rowspanを全部やめて、縦長にしたいセルにサイズを指定したらすっきりきれいにできました
うれしい
ありがとうございました
2025/05/07(水) 01:27:01.38ID:???
LibreのCalcとかセルの結合状態もTable構造でコピーしてくれるから楽だよ
EXCELも同じことができるかは知らない
最近使うこともないけど豆知識
81ペンギン
垢版 |
2025/05/07(水) 02:59:10.94ID:JNNpDwXB
マジで丸投げしたいんだけど、今日の朝までに学校の課題の架空のウェブサイト作らないといけなくて、
代わりに書いてくれないか?
HTMLとCSSだけで科学教室のサイトだわ
テンプレ化するだけでもいいからそれっぽいの誰か作ってくれないか??
82ペンギン
垢版 |
2025/05/07(水) 03:04:40.27ID:JNNpDwXB
作ってほしい項目が何個かあって、
科学教室で学べる事(3つ画像付き)
教室一覧1〜3月まで(1〜12月は別ページ)(画像、物理・化学などのタグ、文章のセット)
開催している大学への誘導
お問い合わせフォーム
他必要そうなものがあれば書いてほしい。
全体的に青ベースで子供向けなポップな感じにしたい
2025/05/07(水) 03:54:31.64ID:???
copilotかgeminiに頼めばいいと思う
84ペンギン(上の人と同一人物)
垢版 |
2025/05/07(水) 04:14:01.60ID:JNNpDwXB
なるほどAIか使ってみるか
6割くらいは自分で頑張った
85Name_Not_Found
垢版 |
2025/05/12(月) 13:07:16.24ID:iOl0qRci
サイト側の都合でheightが付与されており、それで強制的に無駄な余白を生じている場合
max-heightと!important;で上限を設けるのが一番楽なのですが、併用されるページの多さに使用できず

このheightプロパティ効果そのものを削除することは出来ませんかねえ
長年の悩みです^^;
86Name_Not_Found
垢版 |
2025/05/12(月) 13:18:18.89ID:iOl0qRci
autoの差し込みで削除=解除出来ました!!!
お騒がせしましたm(vv)m
autoはmarginなどの左右位置調整で良い思い出がなく(便利ではあるが)盲点でした
コラージュ的な発想ですなw
自己解決すみません
2025/05/12(月) 20:55:42.17ID:???
そもそもheightの初期値がauto
値が指定されてないプロパティは、全て初期値が設定されている
値が指定されていない状態を作り出したければ今回のように
初期値を指定すればいいので、削除するって発想が間違い
2025/05/20(火) 12:26:44.19ID:???
css変数ってsassのfunctionと併用できない?
--headerheight:px2vw(88)
みたいなことやるとpx2vw(88)がそのまま展開されてしまう?
2025/05/20(火) 22:47:38.22ID:???
CSS変数(カスタムプロパティ)とSassの関数は、併用することができますが、いくつかの注意点があります。

1. スコープの違い: CSS変数はブラウザで解釈されるもので、Sassはコンパイル時に処理されます。そのため、Sassの関数で生成した値をCSS変数に代入することはできますが、逆にCSS変数をSassの関数に渡すことはできません。
2. 使用例:
・ Sassの変数を使ってCSS変数を定義することができます。
・ 例えば、Sassの変数を使って色を定義し、それをCSS変数に代入することができます。
 -----
$primary-color: #3498db;

:root {
--main-color: #{$primary-color}; // Sassの変数をCSS変数に代入
}

.example {
color: var(--main-color);
}
 -----
3. 動的な値: CSS変数は動的に変更可能ですが、Sassの関数はコンパイル時に値を決定します。したがって、CSS変数を使うことで、JavaScriptなどで動的にスタイルを変更することが可能です。

このように、CSS変数とSassの関数は併用できますが、それぞれの特性を理解して使うことが重要です。
2025/05/20(火) 23:53:40.23ID:???
>>88
--headerheight: #{px2vw(88)};
9188
垢版 |
2025/05/21(水) 01:18:30.27ID:???
ありがちょー
2025/05/22(木) 00:59:04.77ID:???
失礼いたします。
.htaccessについて質問です。

サイト内のhtmlへのアクセスを全て同名のphpページにリダイレクトさせたいのですが、どのように記述すればよいでしょうか。

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME}.php -f
RewriteRule ^(.*)\.html$ \$1.php [R=301,L]

このようにしてもうまくいきません。
どなたかよろしくご教示お願いします。
93Name_Not_Found
垢版 |
2025/05/22(木) 01:02:54.09ID:FZEBnU+W
いまどきそのレベルのことはAIに聞けばいいのでは⋯
94age
垢版 |
2025/05/22(木) 01:13:43.38ID:RPNbd5QB
申し訳ございません。聞いたうえで上の記述を指定されたのですが、聴き方が悪いのか正しい答えが引き出せない、または正しい答えなのに何か勘違いしてしまっているのか、効果がありません。
個別ファイルのリダイレクト自体は成功するのですが一括化したくて・・
9594
垢版 |
2025/05/23(金) 06:40:59.89ID:MXitAezH
解決しました。ありがとうございました。
96Name_Not_Found
垢版 |
2025/05/26(月) 18:10:44.85ID:bqSFH3hB
borderの指定した範囲だけ線を表示しないようにするにはどうやればいいんですか?
何がやりたいかと言うと、タブ切り替えを作るときタブのラベル部分と下のボックス部分の重なった境界線だけ線が表示されないようにしたいんです。
position:absoluteでラベル部分をボックスの線の上に重ねればいいと思うかもしれないけど、これだと半透明にするとボックスの線が目立っちゃうので
2025/05/26(月) 18:30:48.17ID:???
divを入れ子にして
消したい線の部分だけグラデーションってのはどう?

* {
box-sizing: border-box;
}
.box_wrap {
border: solid 10px blue;
border-radius: 30px 30px 0 0;
border-bottom: none;
height: 80px;
}
.box {
border-image: linear-gradient(90deg, blue 50%, transparent 50%, transparent) 1;
border-bottom: solid 10px;
height: 70px;
}
2025/05/26(月) 20:29:33.13ID:???
>>97
やってみたけどうまくできませんでした。
borderのaピクセル目からbピクセル目までを透明にするコマンドはないのかな?
2025/05/26(月) 20:44:57.50ID:???
何がうまくいかなかったかわからないけど
border-image: linear-gradient(90deg, blue 50px, transparent 50px, transparent) 1;
とすればpx刻みもいけます

https://jsfiddle.net/f3e61yu5/
100Name_Not_Found
垢版 |
2025/05/30(金) 10:07:21.65ID:CVKrP99a
初心者ですがよろしくお願いします
cssのclassに関する質問です

例えば自分用のurl控えブックマーク集みたいなリンク集を作っている場合、リンク先のIPで記録した物があるとします

・<a href="IP/index.html
・<a href="IP/admin/setup_html
・<a href="IP/syslog.html

3つともIPの部分は同じです
リンク先のIPが変わった時、3つを個別に修正するのは手間なので、cssのclassを使ってIP部分だけをcssに登録し、IPが変わった時はcssを修正したら全てに反映するかなと思いやってみたのですが、どうやって記述するのか調べてもよくわかりませんでした
すみませんがよろしくお願いします
101Name_Not_Found
垢版 |
2025/05/30(金) 10:43:33.09ID:OS6xa6Tu
サイト埋め込んだXが表示されずに
Tweets by ○○○_info
とリンクテキスト表示だけになったのですが原因わかりますか?
サイトは変更してないので
Xの仕様が変わったのでしょうか?
102Name_Not_Found
垢版 |
2025/05/30(金) 12:27:55.94ID:eH0Xcxxj
>>100
属性セレクターは試した?
https://developer.mozilla.org/ja/docs/Web/CSS/Attribute_selectors
2025/05/30(金) 16:14:10.73ID:???
>>100
javascript案件?
2025/05/30(金) 16:21:29.75ID:???
> 3つを個別に修正するのは手間なので

それだけのためにスクリプトか何かを追加するぐらいなら、個人的にはエディタ使って
当該IP(ドメインじゃなくて?)を新しいものに一括置換だなぁ
2025/05/30(金) 23:12:35.71ID:???
まあ3つくらいの修正なら手動でやったても大した手間じゃねえだろだよなw
106Name_Not_Found
垢版 |
2025/05/31(土) 07:16:05.18ID:Z5RcFYZM
>>100
CSSで解決すべきことではないというのが答え
属性セレクタも属性の内容を書き換えるものではない
エディタで一括置換かスクリプトを使いましょう
107Name_Not_Found
垢版 |
2025/05/31(土) 16:47:27.26ID:t33+NxdX
ここが最新正規スレ?
どこで聞くべき質問か分からんからとりあえずここで聞く。
はてなブログでMathJaxを使用できるようにして、「$m$」と入力してレンダリングしようとしたら、数式として「m」と表示されるのではなく、そのまんま「$m$」と表示される。
これは、はてなブログの仕様のせいで、「$m $」と入力したら、所望の「m」が出力される、というところまでは解明できた。が、こんなその場しのぎの回避方法は嫌。
「$m$」だと駄目になってしまう問題を根源的に解決したい。
どうすればいいか、どこで聞くべか、よろしく。
2025/05/31(土) 18:24:43.35ID:???
ここら辺りで

+ JavaScript の質問用スレッド vol.126 +
https://mevius.5ch.net/test/read.cgi/hp/1439005423/
JavaScript ライブラリ総合質問所 vol.5
https://mevius.5ch.net/test/read.cgi/hp/1465399470/
Webサイト制作初心者用質問スレ part253
https://mevius.5ch.net/test/read.cgi/hp/1626528070/

尚、HTML編集モードとか見たまま編集モードでダメなら慣れる以外に解決方法は無い気が
109Name_Not_Found
垢版 |
2025/05/31(土) 19:12:18.66ID:t33+NxdX
>>107
以下もはてなブログでの例:
上手くレンダリングされない例→「$距離空間$」
普通にレンダリングされる例→「$距離空$」、「$離空間$」

全く意味分からん
110Name_Not_Found
垢版 |
2025/05/31(土) 19:31:37.90ID:t33+NxdX
追加:
レンダリングされない:「$全射$」
レンダリングされる:「$顔射$」

全く意味分からん
111Name_Not_Found
垢版 |
2025/06/01(日) 22:06:01.21ID:XS7uniWn
わからんけど文字コードの問題じゃないかな
2025/06/01(日) 22:16:26.31ID:???
Markdownと競合するとかなんとか
2025/06/02(月) 22:42:50.35ID:???
縁取り文字をこのように作ったけど、なぜか「w」だけ尖ってしまいます。
フォントサイズとフォントタイプはこのまんまでどうすれば「w」を尖らないようにできますか?

<style>
#waku{
background-color:#0000ff;
width:900px;height:200px;
position:relative;
}
#fuchi,#nuri{
position:absolute;
left:0px;top:0px;
font-size:50px;
font-weight:bold;
letter-spacing:20px;
}
#fuchi{
color:#ffffff;
-webkit-text-stroke: 20px #ffffff;
font-family:メイリオ;
}
#nuri{
color:#ff0000;
-webkit-text-stroke: 10px #ff0000;
font-family:メイリオ;
}
</style>

<div id="waku">
<div id="fuchi">てすとだよwww</div>
<div id="nuri"> てすとだよwww</div>
</div>
2025/06/03(火) 02:12:54.88ID:???
これはこれでカッコいい
115Name_Not_Found
垢版 |
2025/06/07(土) 08:52:36.20ID:tAB1DCyW
文字と文字の間隔をletter-spacing:30pxで設定しましたが
divの中の文字列が折り返すときの文字(ようするにdivの中の一番右の列の文字)は
letter-spacing:0pxになるようにしたいんですけど、どうやればできますか?無理ですか?
2025/06/07(土) 09:57:22.51ID:???
divのmargin-rightにネガティブマージン-30px
2025/06/13(金) 14:44:45.43ID:???
CSSネストができるようになったのは便利ではあるんだが
スマホだとブラウザ側が対応してないのも少なくなくて結局Sassで継続かな
2025/06/15(日) 16:41:36.38ID:???
>>117
ほんそれ。凄い残念でずっと出来ずにいる
2025/06/15(日) 16:44:25.28ID:???
生成AIについて真っ先に飛びついて調べまくって毎日情報集めてたのに
飽きてしばらく情報集め止めてたら、いつの間にか世間に置いてかれてて悔しい、、
Claude CodeとかCursorとかなんだよ・・

ほんと熱を入れるタイミングって重要だよな 遅くてもダメだが早すぎてもダメ。
2025/06/15(日) 18:38:35.49ID:???
黒い画面こわいよーってAIに泣きついて励ましてもらいながらやってる
2025/06/17(火) 20:47:55.50ID:???
HTML/CSSもだが今からプログラムとか言語覚える意味があまりなくなってきたから
新人は覚えるモチベーションもうわかないんじゃない? かといって基礎や全体像や手順ががわかってないとプロにはなれない

アナログでさんざん経験しておいてよかったわ
2025/06/17(火) 23:45:08.74ID:???
> HTML/CSSもだが今からプログラムとか言語覚える意味があまりなくなってきたから
そういうのは単に勉強したくない言い訳をAIにかぶせてるだけじゃね?w
勉強に遅すぎるということはないんだけどな
2025/06/18(水) 00:28:24.76ID:???
例えるなら今はパソコンもマウスとGUIでクリックだけで操作できる
昔のようにコマンドだけでOS動かす知識を勉強しても将来あまり意味がない
そして世間はさらにPCからスマホへシフトしてしまった

かといって義務教育の算数が不要なわけではない。そろばんは不要
2025/06/18(水) 00:32:13.84ID:???
GASもVBAも全部やってもらえて覚える気失せた
2025/06/18(水) 00:41:10.68ID:???
>>119
ちょっと前まで英語しか対応してなかったのにねえ
2025/06/18(水) 00:48:30.11ID:???
バックエンドや機能の実装についてはAIが得意だが、
デザインカンプから正確なcssを組むのはたぶん一番対応遅くなりそうな気がする
ググったり教科書読んでもそのまま答えにならないほとんどが個別処理だし見た目が絡むと処理が複雑になるのとバックエンドほど金にならんから
テンプレみたいのを作るのは得意でもデザインからCSSを起こすのはまだまだ対応できまいて
2025/06/18(水) 00:59:12.04ID:???
こだわりのいらないサイトならまあ「スタイリッシュなやつで」とかでそれなりのモノは作ってくれるよね
あとは自力でやっててうまくいかないときにすぐ相談にのってくれるのが頼もしい
2025/06/19(木) 12:24:43.83ID:???
イラン ハメネイ師の公式アカウント
@khamenei_ir
2025/06/20(金) 02:14:54.70ID:???
てかAIに書いてもらったコードを確認・検証してたら自然と身に付いていくと思うんだけどな
言うなれば勉強の仕方が効率化するだけのこと
ほんと各地で勉強出来ない系の人が水を得た魚のようにはしゃいでるな最近
2025/06/20(金) 06:22:05.07ID:???
右クリックはできるが文字をコピーしてもコピーできないサイトがある
サイトを保存してhtmlをメモ帖で開いて↑を無効化したいがhtml上のどの文だろう?
2025/06/20(金) 06:50:31.00ID:???
「いいエラー報告ですね!一歩前進した証拠です。この調子で進めましょう」
>>130
ソースコードをメモ帳で開いた時点で必要な部分をコピーすればいいのでは…なんで無効化?
レスを投稿する