Webサイト制作初心者用質問スレ part253

**Name_Not_Found** · 2021/07/17(土) 22:21:10.88

初心者だろうが誰だろうが、
まず >>>■ 検索してから ■<<< 質問すること
ネタ・煽り・自演・荒らしは完全放置

【質問時の注意】
　 1. 質問する前に >>2 にも目を通すこと
　 2. メール欄に何も入れないことを推奨（IDを出して騙りを防止するため）
　 3. 質問者が返信する際は「最初に質問したレス番号」を名前欄に入れること
　 4. ブログについてはブログ板で質問すること
　　　●ブログ板 http://mevius.5ch.net/blog/
　 5. SEO、アドセンス、検索サイトに登録しても検索結果に引っかからないといったことは SEO関連スレで質問すること
　　　http://find.5ch.net/search?q=seo
　 6. アクセス解析については該当スレで質問すること
　　　http://find.5ch.net/search?q=%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B9%E8%A7%A3%E6%9E%90
　 7. 製作ソフト（Dreamweaver DW、ホームページビルダー、等）を使用した場合の質問は該当スレで質問すること
　 8. CGI、PHP, Perl, Ruby 等のプログラミング関連や CMS, Wiki は Webprog板、またはこの板の該当スレで質問すること
　　　●WEBプログラミング板 http://medaka.5ch.net/php/
　 9. JavaScript はこの板の該当スレで質問すること
　10. 画像作成ソフト（Photoshop 、Illustrator、等）については該当スレで質問すること
　11. HTML, CSS, CGI, 制作ソフトなどのどんな本を買えばいい？といったことは書籍についての質問スレで質問すること
　　　http://find.5ch.net/search?q=%E5%BD%B9%E3%81%AB%E7%AB%8B%E3%81%A4%E6%9B%B8%E7%B1%8D%E3%81%AF
　12. 質問内容を吟味して、正しい日本語で第三者が読んでも分かるように質問を書くこと
　13. 間違った回答をする人もいることに注意

【前スレ】
Webサイト制作初心者用質問スレ part252
https://mevius.5ch.net/test/read.cgi/hp/1595561376/

**Name_Not_Found** · 2024/02/17(土) 14:12:22.69

>>677
id がplayer なら、# を付けて、#player じゃないの？

>const myPlayer = document.querySelector('player')
player -> #player

**Name_Not_Found** · 2024/02/18(日) 20:53:06.41

>>681
長文書いたおっさんですがその通り！
やっぱ脳内コーディングはいかんね…

**Name_Not_Found** · 2024/02/19(月) 13:33:11.55

CSSのflexについて質問です
うまく伝えられるか不安だったので図を描きました
https://i.imgur.com/7sZSaKE.png

flexアイテムの幅が可変で
flex-wrap: wrap としたときの
右の空きを詰めることは出来るのでしょうか？

出来るならやり方を教えてください！

**Name_Not_Found** · 2024/02/19(月) 16:51:28.67

そりゃできるだろ
flexの定義は入れ子で設定できるからな

**Name_Not_Found** · 2024/02/20(火) 09:45:32.40

>>684
具体的なやり方を教えてください！

**Name_Not_Found** · 2024/02/20(火) 10:05:11.78

ここのやつら具体的に教えることを嫌がる役立たず老害ばかりだから
chatGPTにでも聞いたほうが早いよ

**Name_Not_Found** · 2024/02/20(火) 11:13:24.02

そうなんだね老害

**Name_Not_Found** · 2024/02/20(火) 14:10:24.09

そもそも親コンテナの幅は子アイテムの幅の合計で計算されてるからなぁ
JavaScript使わないとCSSだけじゃ無理じゃね？
自分ならlast-child以外にflex-grow: 1;指定するとかで妥協する

**Name_Not_Found** · 2024/02/21(水) 03:48:08.67

グリッド使えで終わりや

**Name_Not_Found** · 2024/02/21(水) 03:53:52.40

教えてクレクレ厨って生きてる意味ないよね、馬鹿親の顔が見たいわ

**Name_Not_Found** · 2024/02/21(水) 05:08:06.27

flex-direction: row-reverse;

**Name_Not_Found** · 2024/02/21(水) 14:13:17.39

>>689
幅が可変でgridイケる？

**Name_Not_Found** · 2024/02/21(水) 16:00:10.71

>>689
そもそもgridだと図のようには並ばんだろ

>>691
それだと結局同じことになるんじゃね？
コンテナの幅が足りなくなった所で
アイテムが折れてwrapするんだから

**Name_Not_Found** · 2024/02/21(水) 16:12:33.72

flex使わずにfloatではできないのかな？

**Name_Not_Found** · 2024/02/21(水) 16:35:40.65

floatは絶対使わないより
ここぞという時に使ってもいいと思うの

**Name_Not_Found** · 2024/02/21(水) 17:13:34.46

おーいけそう
なんか、万策尽きた終盤に
初期機体が出てきた感じだなw

**Name_Not_Found** · 2024/02/21(水) 17:34:04.80

floatしか使わんけどあかんの？
サイトなんて出力されればなんでもいいだろテーブルレイアウトですら見てる人には関係ないし

**Name_Not_Found** · 2024/02/21(水) 18:12:47.78

>>697
いかんことなんて何もないよ

ただ多くのシーンにおいては
flexの方が使いやすいってだけ
そもそもが、ボックスを並べるために作ららたプロパティだから

**Name_Not_Found** · 2024/02/21(水) 18:17:54.14

flexとgrid以前のCSSには
物を並べるための仕様がなかったので
なんとか用を果たせる程度だったんよ、floatとかも

あるひとつのレイアウト単体でなら問題なくても
現行のアトミックなページの作り方だと
後々面倒くさくなる

なので、結果として横に並ぶことには
何を使っても何も問題ない

でも、その結果に至る過程
つまり我々が制作するシーンにおいては
あまり多用しない方が、得るものが多い

みたいな感じ

**Name_Not_Found** · 2024/02/21(水) 18:20:21.66

自分のサイトを、自分の作りたいように作って
自分で妥協点を決めてよければ、あんまり関係ない話

でもそうではなく

請け負いで無数のサイトを作っていたり
コンポーネントとして万人向けに配る物を作る
みたいな人には刺さる話だ

**Name_Not_Found** · 2024/02/21(水) 18:20:45.93

いかん
今日は飲んでないのにまた沢山書いてしまった…

**Name_Not_Found** · 2024/02/21(水) 19:14:21.25

>>701
ADHDスレにおいで

**Name_Not_Found** · 2024/02/22(木) 02:13:58.72

>>701
誰もなんも書かないよりずっといいっす

**683** · 2024/02/22(木) 14:18:53.51

>>683の質問をしたものです
結局floatでもダメでした

でも、アドバイス頂いたものを自分で調べた過程で
CSSが内部でどのような計算を行なっているのかを
学ぶことができました

今まで、経験的に出来るかな？と思う程度だったのが
これで、原理的に出来ない！とわかるようになりました

ありがとうございました

**Name_Not_Found** · 2024/02/22(木) 15:27:06.21

青のBOXをfloat:rightにしてmax-width設定すればいいだけじゃないの？

**683** · 2024/02/22(木) 15:28:10.57

>>705
max-widthになんと書けば良いですか？

**Name_Not_Found** · 2024/02/22(木) 15:29:47.46

>>706
固定幅の親BOXの幅 - 固定幅の赤ボックスの幅

**Name_Not_Found** · 2024/02/22(木) 16:36:26.44

クラスは1点、IDは10点
昔、戦争の頃にはそうじゃったと婆ちゃんがつぶやいていたなぁ

**Name_Not_Found** · 2024/02/22(木) 17:16:39.27

試しもしないで皆、適当な事言っておるな

**683** · 2024/02/22(木) 17:38:55.69

>>707
先に貼った図ですが
https://i.imgur.com/7sZSaKE.png

それだと上図の3つ目になるだけではありませんかね？

**Name_Not_Found** · 2024/02/22(木) 17:44:29.45

>>699
そうそう後々の保守運用後に
ここあーしてくれ、こーしてくれ
ナビなくなりまーすみたいなことが多々あるからな

**Name_Not_Found** · 2024/02/22(木) 18:54:24.17

>>710
すまない。。あなた様の言う通りでございます。。。

**Name_Not_Found** · 2024/02/23(金) 00:19:48.92

分かったらええんじゃボケ

**Name_Not_Found** · 2024/02/23(金) 14:37:12.09

>>708
戦前はのう
要素が1点、classが10点、IDが100点
と言われておったんじゃ

そんで要素11個とclass1個で比べる天邪鬼な奴がいると
「要素もclassも10個以上は無効！と
無茶苦茶なこと言われておったんじゃよ

**Name_Not_Found** · 2024/02/23(金) 14:40:00.94

>>699
>なので、結果として横に並ぶことには
>何を使っても何も問題ない
>
>でも、その結果に至る過程
>つまり我々が制作するシーンにおいては
>あまり多用しない方が、得るものが多い

これ至言ですな
floatに限らず何ごとも

**Name_Not_Found** · 2024/02/23(金) 14:45:36.72

tableで何の問題もないワケだからな

**Name_Not_Found** · 2024/02/23(金) 16:45:28.44

>>714
「耐え難きを…耐え、忍び難きを…忍び」
あぁ玉音放送とCSS1ドラフトの始まりを思い出すわ

**Name_Not_Found** · 2024/02/24(土) 02:43:16.88

テーブルって便利だったよなぁ
ガイドむずいよ

**Name_Not_Found** · 2024/02/24(土) 14:19:55.80

もう20年以上も前になるなあ
テーブルレイアウトさせたら俺は町内イチ！
と意気込んでいたものだ
何もかも懐かしい…

**Name_Not_Found** · 2024/03/03(日) 22:11:38.74

rowspanやcolspanで結合されたセルがあるテーブルで
x行目x列目のセルを一発で取るAPIってまだ存在しませんか。

tr tdタグを順番になめる方法だと自分で結合されているセル数をカウントする必要があってしんどい

**Name_Not_Found** · 2024/03/04(月) 14:37:39.96

>>720
なさそうだなあ
俺含め、同じ要望持ってる人は一定数いるのに

俺は要素舐めて配列化するのを
ずっと前に書いて使い続けてる

**Name_Not_Found** · 2024/03/04(月) 16:00:53.78

>>720
>結合されているセル数
EXCELはよく言われるけどセルの結合はダメってことか？！

**Name_Not_Found** · 2024/03/04(月) 22:42:37.19

>>721
やっぱ無いか
じゃあ自作しますかね…。

**Name_Not_Found** · 2024/03/05(火) 10:32:14.90

>>722
データとしての再利用性が
今のところ著しく下がるだけであって

人間が見やすくデータを並べるという
表という表現方法としてはなんも間違ってない

**Name_Not_Found** · 2024/03/13(水) 08:47:37.86

wordpressでテーブルの中の複数のセルを選択して、文字色を一括で変更する方法ないですか？

**Name_Not_Found** · 2024/03/13(水) 14:08:13.08

マルチはアカンよ

**Name_Not_Found** · 2024/03/13(水) 18:52:37.17

ネズミやマルチやマルチまがい

**Name_Not_Found** · 2024/03/13(水) 18:52:44.51

チューチュー

**Name_Not_Found** · 2024/03/15(金) 01:02:48.69

なんでブラウザの拡大率変えるんだよおおおお
小さくすると云々じゃねえよおおお

**Name_Not_Found** · 2024/03/15(金) 01:03:17.92

誤爆ですすみません…

**Name_Not_Found** · 2024/03/15(金) 08:24:12.21

wordpressでパスワードページを作ってそこには会員しか入れません
そのページに会員向けのPDF等を掲載します
その際にパスワードページ内の人しかダウンロードできなくすることは可能でしょうか？
ファイルの直リンクURLを知っていてもページ内に入っている人しかダウンロードできなくしたいです
可能ならどのようにすれば良いでしょうか？

**Name_Not_Found** · 2024/03/15(金) 12:18:17.60

>>731
WordPressだけで頑張ろうとしない方が
もっと言えば自力だけでやらん方がいいんじゃないかな

ID/PWがないと
ダウンロード出来ないストレージサービス使うとか

**Name_Not_Found** · 2024/03/15(金) 12:19:07.71

手作り出来ないわけじゃないけど
それはWordPressの枠ではなく
普通にPHPの開発になる

**Name_Not_Found** · 2024/03/15(金) 13:20:19.43

ファイルの直リンクを禁止！.htaccessを使ってアクセス制御する方法
ttps://info-con.co.jp/tips/htaccess-01-access_referer/

**Name_Not_Found** · 2024/03/15(金) 13:58:48.54

>>732
それだとページ入るのとファイルダウンロードで2回パスワードの入力が必要になるので。。

>>733
PHP分かりません、素人がやると大事故が起きそうで怖い

>>734
すごい！けっこう簡単にできそうですね
ダウンロードファイルを入れたフォルダに置けばwordpressでもいけそうです
ありがとうございます！！

**Name_Not_Found** · 2024/03/15(金) 19:35:38.10

>>735
パスワード2回はダメだと自分で書いてるのに…

あとWordPressもPHPですよ？
なぜ区別するん？

**Name_Not_Found** · 2024/03/17(日) 06:41:20.52

>>735
>>736も書いてるけど
BASIC認証でもID/PW必要になるじゃん

>>731の書きっぷりからすると
既にログイン認証はできてるわけじゃろ？

それに便乗してPHP書いたらいいんじゃね？
初心者を免罪符にするのは感心しないけど
初心者でも簡単だよ

そのログイン認証やってるとこのコードから
session startして認証するところパクってきて

あとはreadfileでファイルの中身を読み出して
header関数でapplication/octet-srteam付けて
echoでファイルの中身吐き出して終わり

20行程度だよ

**Name_Not_Found** · 2024/03/17(日) 16:14:39.30

さすがにその書き方で初心者が分かる訳が無いだろ
丁寧に説明するつもりがないなら、解説サイトのリンクでも貼ってやれよ
初心者ナメ過ぎ

**Name_Not_Found** · 2024/03/17(日) 17:00:05.43

＞wordpressでパスワードページを作ってそこには会員しか入れません
そもそもこれがいらないんじゃね
2回認証させたくないってんならBASIC認証だけにすりゃいいじゃん

**Name_Not_Found** · 2024/03/17(日) 18:32:22.35

つーか、質問者の目的は取り敢えず達成してそうなのに
初心者の言葉尻を捉えて何をネチネチ、グダグダ言ってるんだっていうね

**Name_Not_Found** · 2024/03/18(月) 08:47:43.88

wordpressの場合、IDとPASSの認証はプラグインがたくさんあるのです
そこができてるからと言ってPHPが書けるワケではない
そういうプラグインが多数あってもファイルの保護までできるやつはないのですよ
あとBASIC認証はwordpressでは使いにくい
ポップアップするのもダサいしログインできなかったら変な画面になるし

**Name_Not_Found** · 2024/03/18(月) 11:42:49.63

ダウンロード許可用のセッションCookie食わせて、httpdの.htaccessや.confでCookieの有無でアクセス制御すればいいんでね？

**Name_Not_Found** · 2024/03/19(火) 20:48:41.47

WordPressって固定ページで
HTML吐かないでPHPが動くだけって出来たっけ？

出来るなら
今使ってるログイン認証枠の中の1ページとして
ダウンロードさせたいファイルに該当するページを用意して
中身は、PHPで

header('application/octet-stream');
readfile(パス);

ってすれば、なんとかならんじゃろか？
これなら素人でも難しくなかろ

**Name_Not_Found** · 2024/03/19(火) 22:02:10.92

まだやってんの？

**Name_Not_Found** · 2024/03/29(金) 19:56:31.39

さくらインターネットのレンタルでエラーログ見たら各ディレクトリのinputs.phpにアクセスしに来てるbotらしいのがいるけど何探ってるんだろう？

**Name_Not_Found** · 2024/03/30(土) 13:04:42.41

知らんがな
情報少なすぎ

**Name_Not_Found** · 2024/03/31(日) 01:33:58.52

穴を探して必死なやついっぱいいるから
気にしてたらキリがないというか

**Name_Not_Found** · 2024/03/31(日) 20:40:37.49

初心者用質問スレで「初心者を免罪符にするのは感心しないけど」とか
一体どんなドヤ顔しながら書き込んでるのが凄い気になるわｗ

**Name_Not_Found** · 2024/04/01(月) 02:22:22.75

しかも、書きぶりからしてWordPressいじったこと無さそうなんだよな
ホントただ初心者相手にドヤ顔しに来たとしか思えないっていう

**Name_Not_Found** · 2024/04/01(月) 05:20:26.01

何も提案できないくせに文句だけつける亀レス無能君より100倍マシ

**Name_Not_Found** · 2024/04/01(月) 11:43:18.66

ミジンコの背比べ

**Name_Not_Found** · 2024/04/01(月) 13:34:20.69

何か提案しても何の役にも立ってないんじゃ糞も味噌も一緒だけどな

**Name_Not_Found** · 2024/04/01(月) 13:50:10.13

いうても初心者だからやらない、とか言い出したら
話にならなくね？
初心者であることはなんも問題ないけど
初心者だから云々って自分で言っちゃうのは
俺もどうかと思う、気がしなくもなくもなくもない

**Name_Not_Found** · 2024/04/01(月) 15:11:56.87

「PHP書けますが初心者です」は「空手黒帯ですが初心者です」と同じなんよ

**Name_Not_Found** · 2024/04/01(月) 15:16:39.04

PHPを勉強し始めました　初心者です
ならいいんか

**Name_Not_Found** · 2024/04/01(月) 15:18:28.85

Web制作全般って意味だとPHP勉強し始めるのは中級者以上だけどな
初心者はPHPなんて弄ってないで基本を覚えろって思う

**Name_Not_Found** · 2024/04/01(月) 16:03:03.04

単純に回答者として無能なだけだろう
中級者向けの回答をしておいて素人には難しいって言われたら
「初心者を理由にするな」とか偉そうに説教垂れる様な奴は
根本的に初心者スレには向いてないんだよ
そんなPHPを1から勉強しろって言ってるのに等しい回答なんか
このスレに来る奴は求めてない

**Name_Not_Found** · 2024/04/01(月) 16:53:32.99

そんな事言いだしたら「それ初心者には無理だから諦めろ」で全てが片付いてしまうじゃん
そこから一歩踏み出す案を出したら「上から目線うぜー」とか舐めすぎだわ
一生初心者やってろとしか言えなくなるわ

**Name_Not_Found** · 2024/04/01(月) 18:00:35.84

いやまさしく「初心者にはまだ無理だから諦めろ」で片付けておけばいいだけの話だぞ

そこから更にステップアップする様なアドバイスをしておきながら
「初心者を免罪符にするな」とか突き放してるからコメディ案件になってるだけで

**Name_Not_Found** · 2024/04/01(月) 18:10:40.27

>>759
そうかあ？
>>737の人はそんなきつい言い方してないというか
そもそも、そういう意味ではないんじゃね？
もはや国語の話になってしまうけど

**Name_Not_Found** · 2024/04/01(月) 20:14:11.38

タスクランナーとbrowserSyncについて質問です

ファイル構成の自由度のためにGulpを使っていて
distフォルダをwatchして
browserSync.reloadしています

サイトがある程度のページ数になってきて
html、css、jsの数が増え、1回のファイル編集で
サイトのファイルの数ぶんリロードするので
鬱陶しくなりました

そこで、gulp.srcのオプションに
sunce: gulp.lastRun(タスク名)
を渡すことで、編集したファイルだけに限定しました

しかしこうすると、pugのパーシャルファイルや
jsのモジュールファイルを編集したときに
本体になるpugファイルやjsファイルを
いちいち変更、保存しないと、タスクが走らなくなり
とても面倒になります

どうしたら良いのでしょうか？

**Name_Not_Found** · 2024/04/02(火) 03:07:25.71

>>761
gulp-changedは？

gulp-changed - npm
https://www.npmjs.com/package/gulp-changed

**Name_Not_Found** · 2024/04/02(火) 16:30:54.10

そう言えば、VSCode のSASS の拡張機能でも、
partial ファイルを保存しても、再ビルドされないものがあった

たぶん、子孫ファイルを保存しても、親ファイルを保存した事にならないのだろう

だから子孫ファイルから、起点となる親ファイルを割り出して、
そのタイムスタンプを更新すれば？

**761** · 2024/04/02(火) 23:03:44.00

ありがとうございます

>>762
それも試したのですが結局、gulp4のsinceと同じで
pugのパーシャルや、jsのモジュールだけ更新した時に
それをinclude/importしている本体のコンパイルが走らないのです

で、>>763の仰るようにパーシャルを呼んでる親ファイルを探す道を模索してるのですが
毎回全ファイルを舐めると、ファイル数が増えてくると重いな、と

かと言って、webpack.config.entryのような
予めコンパイルすべきファイルのマップを作るのは
運用性下がるから避けたい
というか、これを避けるのを当初の目的として
gulpfileを整備して、ぶち当たった壁が>>761でして…

**Name_Not_Found** · 2024/04/03(水) 18:37:07.19

とりま参考になるか知らんが

Gulpでpugのコンパイルを100倍早くするちょっとしたテク
ttps://marunouchi-tech.i-studio.co.jp/3211/
gulp.watch()でpugのコンパイルをしない方法
ttps://marunouchi-tech.i-studio.co.jp/3245/
gulpでPugのコンパイル環境構築
ttps://hakoirioyaji.com/blog/gulp-pug/

**763** · 2024/04/03(水) 19:33:04.97

import している方の親ファイルを探すには、
ルートフォルダから毎回「import 何々ファイル名」みたいな行を、grep で探す訳でしょ？

これよりも、キー・値が「子ファイル => 親ファイル」の辞書を持つ方が速い

**761** · 2024/04/04(木) 07:54:44.26

>>766
webpack.config.entryと同じ方針ですよね？
それファイルが増えるたびに更新しなきゃならんので
あまりに使い勝手が悪いなと

**Name_Not_Found** · 2024/04/07(日) 22:36:16.92

sassって廃れてしまうのかな？まだしばらくは大丈夫？

**Name_Not_Found** · 2024/04/07(日) 23:39:13.21

>>768
SCSSは今でも支配的だけど

SASSはもう、というか最初から
Rubyファンのような
カッコを書かないためならどんな犠牲も厭わない勢にしか
受けてなかった気がする

**Name_Not_Found** · 2024/06/04(火) 11:22:20.22

**Name_Not_Found** · 2024/06/04(火) 11:22:47.02

質問よろしいですか？

**Name_Not_Found** · 2024/06/04(火) 13:19:20.08

質問よろしいですか？という質問は、質問スレで1番無駄な質問なので
そんな質問してないでさっさと質問して下さい

**Name_Not_Found** · 2024/06/04(火) 16:58:42.65

>>771
質問するってことは…

…わかっているのだね？
何を差し出せば良いのかを

**Name_Not_Found** · 2024/06/05(水) 01:27:48.38

お代官様！娘だけは！娘だけは勘弁してくだせえ！！

**Name_Not_Found** · 2024/06/14(金) 17:17:55.55

皆さんはwidthやheightをやめて
inline-size、block-sizeにしていますか？

**Name_Not_Found** · 2024/06/14(金) 21:06:23.79

>>775
width/heightを代替するものではないんじゃないかな
と思ってる

アトミックな作り方をしていると
原子的な要素の見た目が、その後の使われ方によって
派手に変わるようなことは往往にしてあって

特にwriting-modeまで変わるような場合には
widthとheightでか頑張るより融通がきくよね！
って感じ

margin/paddingにtop/bottom/left/rightだけでなく
start/endが出来た時と同じ感じというか

**Name_Not_Found** · 2024/06/16(日) 04:03:02.70

あとでコード直すとき
初見者が直感的にわからなくなるコーディングはするなって習わなかった？

**Name_Not_Found** · 2024/06/16(日) 17:01:51.79

自分自身が5年ぶりに見て「なにやってんだこのバカ」と思うことはよくある

**Name_Not_Found** · 2024/06/16(日) 18:41:26.05

>>778
20年前のそれをやったことある
あーもう！あーもう！ってなるばかりでしたわ

**Name_Not_Found** · 2024/06/16(日) 18:49:05.51

数年前の自分なんて他人みたいなもんだしな