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/16(金) 14:00:59.20

>>669
それは、モータルを非表示しているだけで
Vimeoのプレーヤーは見えないどこかに残ってるかる

Vimeoに限らず動画扱うときあるあるで
モーダル閉じたらプレーヤーを止めなければならんの

で、Bootstrapのモーダルは
show、hideなどのイベントが用意してあるから
https://getbootstrap.jp/docs/5.3/components/modal/

それに引っ掛けて
VimeoのoEmbed APIを使って
https://developer.vimeo.com/api/oembed

player.api('play');
player.api('pause')

みたいにすればいいと思うよ
このplayerは、Vimeoのインスタンスね

**Name_Not_Found** · 2024/02/16(金) 16:15:09.64

>>670
ありがとうございます
全然分からずw関連キーワードでいろいろ調べているところでございます。。

**Name_Not_Found** · 2024/02/16(金) 17:02:41.62

自作の動画再生モーダルは親の中身をまるごと消してる

**Name_Not_Found** · 2024/02/16(金) 23:54:50.74

>Bootstrapのモーダルは
>show、hideなどのイベントが用意してあるから

そんな事まで考慮されているとは、すごい！

**Name_Not_Found** · 2024/02/17(土) 01:11:43.08

>>671
雑な説明ですまんかった
簡単なHTMLとCSSくらいはわかるか？よな？

モーダルといってもブラウザの中で表示される以上
HTMLとCSSで出来てるわけよ

閉じてる時はdisplay: none
開いてる時はdisplay: blockってしてる

見た目が変わってるだけ ← これ大事

このモーダルの中に動画プレーヤーがあるわけだけど
「動画が再生される」とか「音が鳴る」とかは
見た目とは関係ないことじゃん？

だから一度再生を始めたら
モーダルを閉じる、つまり、見た目だけ非表示にしても
再生が止まることはないわけ

これが、閉じても音が鳴り続ける理由

つづく

**Name_Not_Found** · 2024/02/17(土) 01:24:32.28

>>674 つづき

先述の通り、スタイルのdisplayプロパティの値を
none / blockと切り替えなければならんのだが
HTMLにそんな機能はない

なのでBootstrapは
JavaScriptでそれを行うわけだけど

「開くボタンをクリックしたら、block」
「「閉じるボタンをクリックしたら、none」

というように「クリックした」というきっかけで
none / blockの切り替えをしなければならん

このきっかけのことをイベントって言う

イベントはデフォでいろんな種類が用意されてるけど
自分で作ることもできる

そこでBootstrapはモーダルのJavaScriptに
「モーダルが開いた」「モーダルが閉じた」
というイベントを用意してるから、これを利用して

「モーダルが開いたら、再生」
「モーダルが閉じたら、停止」

というJavaScriptを書いてやればいいわけ

つづく

**Name_Not_Found** · 2024/02/17(土) 01:38:49.26

>>675 つづき

あとはJavaScriptで
Vimeoの「再生」「停止」のやり方がわかればいい

Vimeoに限らず、埋め込み動画プレーヤーは
これもまたHTML/CSS/JavaScriptで作られていて
万人向けに配布されてる

このような一塊で機能するのプログラムのことを
コンポーネントって言う

多くの人が利用するからには、今回のように
「JavaScriptから再生したい、止めたい」
という要望も、少なからず出てくる

それは想定済みなので用意がしてある
コンポーネントが持つ、対外向けの用意のことを
APIって言う

Vimeoは、埋め込みプレーヤーのAPIに
oEmbed APIという名前をつけている模様

これはWebページ埋め込みプレーヤー以外にも
アプリの中で動くプレーヤーのAPIとか
サーバ上にある動画のAPIとか、複数あるからだと思う

つづく

**Name_Not_Found** · 2024/02/17(土) 01:56:59.32

>>676 つづき

JavaScriptでVimeo埋め込みプレーヤーの
APIを叩けば良いことはわかったが
肝心のVimeoにアクセスできなければ意味がない

つまりJavaScriptで
ページ内にある動画プレーヤーを特定する必要がある
ページ内で要素を特定すると言えば、id属性
Vimeoを埋め込んだiframe要素に

<iframe id="player"

のようにid属性を追加すれば
JavaScriptでは

const myPlayer = document.querySelector('player')

とすることで、この要素を取得することができる
このmyPlayerが、iframe要素を参照してる
肝心のVimeoにアクセスできた

あとはVimeoのAPIの使い方だが、先に書いた通りで

再生は
myPlayer.api('play')

停止は
myPlayer.api('pause')

ってすればOK
酔っ払った勢いでアホみたいにたくさん書いたが
すっごい早口で喋ってるように読んでくれ

**Name_Not_Found** · 2024/02/17(土) 04:03:58.90

なんてやさしい、、

**Name_Not_Found** · 2024/02/17(土) 04:20:48.19

いっそ再生位置を取得してページを開き直しても再開できるようにしたれ

**Name_Not_Found** · 2024/02/17(土) 04:53:08.02

慈愛の神だ

**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