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

**Name_Not_Found** · 2024/02/16(金) 08:22:20.08

bootstrapのmodalで、ページに3つほどボタンがあってクリックするとそれぞれモーダルでvimeo動画（iframe）が開くというのを作ってるんですが
https://getbootstrap.jp/docs/5.3/components/modal/
モーダルを閉じても音声再生が続いて、別のモーダル動画再生すると音が重なるという結果になりました
モーダルを閉じた時に、音声再生を止める（一時停止させる）にはどうすれば良いでしょうか？

閉じるボタンに onclick="location.reload();" としてページを再読み込みして止めることは出来たのですが、この方法は動画を停止した時点がキャッシュに残らないので使用したくありません。

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

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

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

**Name_Not_Found** · 2024/06/17(月) 09:08:09.14

でもサイトとしては20年前のコードだろうが今のコードだろうが問題なく稼働してんだよなw
全産業で日本人は細かいところにこだわりすぎ

**Name_Not_Found** · 2024/06/18(火) 10:50:35.51

>>781
なんで日本だけなの？

**Name_Not_Found** · 2024/06/18(火) 11:10:12.63

>>782
見えない細部にまで拘るのは民族的特性としか言いようないんじゃないの

**Name_Not_Found** · 2024/06/18(火) 11:59:06.29

>>783
そこではなく
なんで日本「だけ」なの？

たとえばアメリカとか
日本よりずっと細かいことこだわるじゃん？

**Name_Not_Found** · 2024/06/18(火) 12:22:26.47

>>784
いやいやアメリカ人は結構大雑把な人が多いぞｗ
日本人は羽織の裏生地に良いの使うとか民族性あるな

**Name_Not_Found** · 2024/06/18(火) 14:04:38.93

>>784
>>781見ても日本だけとは何一つ書かれてない

**Name_Not_Found** · 2024/06/18(火) 14:21:22.28

あっちのStack Overflowとか読んでると、そんなステレオタイプ的な考えは
無意味に思えるけどな
いずれにしろ糞どうでもいい

**Name_Not_Found** · 2024/07/08(月) 20:42:08.46

https://www.ninja.co.jp/omatome/
忍者おまとめボタンてのを使ってるのですが、ボタンがいまだに古いまま
無料または安価で似たようなのありますか？

**Name_Not_Found** · 2024/07/08(月) 20:44:09.02

自作不可、カウント不要です

**Name_Not_Found** · 2024/07/09(火) 00:35:12.75

自作不可って、どこに設置するんだよ

**Name_Not_Found** · 2024/07/09(火) 20:37:48.15

自分のサイトです

**Name_Not_Found** · 2024/07/10(水) 02:18:04.57

その答えだと自作可だけども

**Name_Not_Found** · 2024/07/10(水) 02:18:45.96

ワレらあほなのけ

**Name_Not_Found** · 2024/07/10(水) 09:20:49.38

すごく簡単なHPの作り方を思いついた
ドメインとサーバーを用意したらあとはコード書くだけでしょ
そこらへんの無料でHP作れるサイトでページ作って
そのコードをhtmlファイルにコピペしてうｐする
なんでこれ誰もやらないんだろう

**Name_Not_Found** · 2024/07/10(水) 17:30:45.49

そのまんま無料で続けりゃよくね？

**Name_Not_Found** · 2024/07/10(水) 19:59:42.09

>>792
ボタンデザインと集計システムは出来合い
サイト自体は自作
なぜこの違いがわからないのだろう

**Name_Not_Found** · 2024/07/10(水) 20:26:32.95

そんな事は分かった上で聞いてんだろ

**Name_Not_Found** · 2024/07/10(水) 20:30:08.06

更新されない時代遅れの出来合なんか使わなくたって
各SNSで配布してる最新のものをコピペすりゃ手間なんて
大して変わらんのだが、わざわざ自作不可って書くってことは
それをしたくないってこと？

**Name_Not_Found** · 2024/07/10(水) 21:40:11.24

>>797
わかっててこのアホ質問？
>どこに設置するんだよ
というかどこでもいいがな

**Name_Not_Found** · 2024/07/10(水) 21:54:57.17

>>798
リンク先くらい見ようよ

**Name_Not_Found** · 2024/07/10(水) 23:07:22.12

アホなツッコミしてる暇があったら
質問に答えてあげたら？

**Name_Not_Found** · 2024/07/10(水) 23:16:09.03

>>794
そういうのはコピペしても、そのまんま使えるようにはなってないのが殆どだし
むしろ余計なコードが山のように出力されてるので逆に手間が掛かるし
それ以前に利用規約がどうとか著作権がどうとか色々あるので誰もやらない

**Name_Not_Found** · 2024/07/11(木) 19:20:59.12

>>801
そういう自分は答えないスタイルなのね

**Name_Not_Found** · 2024/07/11(木) 21:28:53.63

ただ煽りたいだけか

**Name_Not_Found** · 2024/07/11(木) 21:35:00.84

うるせーハゲー

**Name_Not_Found** · 2024/07/12(金) 02:16:00.60

　　　　　　　　　　　|
　　　　　　　　　　 |　　彡⌒ミ
　　　　　　　　　　　＼ (´･ω･`)また髪の話してる
　　　　　　　　　　　　　(|　　　|)::::
　　　　　　　　　　　　　(γ　/:::::::
　　　　　　　　　　　　　　し＼:::
　　　　　　　　　　　　　　　　　＼

**Name_Not_Found** · 2024/07/12(金) 10:56:24.98

答えないスタイルかもしれんが答えられないだけかも

**Name_Not_Found** · 2024/07/12(金) 21:58:01.25

>>798
↑全然理解してなくて草

**Name_Not_Found** · 2024/07/12(金) 22:56:09.88

これは質問者が荒らしてるパターン？

**Name_Not_Found** · 2024/07/13(土) 16:46:12.43

そんなん知らんがな

**Name_Not_Found** · 2024/07/13(土) 16:56:11.39

専門スレは質問者がいなくなっても勝手に妄想と持論を語り始めるなんてよくあること

**Name_Not_Found** · 2024/07/13(土) 20:04:31.32

どちらかと言うとつまらん突っ込みばかりで荒らしてるのは回答者
あ、回答してないかｗ

**Name_Not_Found** · 2024/07/14(日) 02:03:35.74

>>1
>>初心者だろうが誰だろうが、
>>まず >>>■ 検索してから ■<<< 質問すること

検索してもそんなサービス無かったってことだろ？自分で無いって答えを出してる
そのうえで「自作不可」と誰も回答できなくしてるのは質問者

汎用ボタンは余計なコードを入れられるから普通は自作するんだけど
そんな簡単なことすらできない上に覚える気もない初心者レベルにも達していないみたいだし
汎用ボタンがどうしても使いたいなら金払って依頼してみれば

**Name_Not_Found** · 2024/07/14(日) 12:00:59.64

まぁ、自作といってもコピペで済む話だから自作とは言えないけどな

尚、ググればスクリプト程度のものなら出てくるけど、古いのばっかりだし
ざっくりとしか見てないが、質問者の条件に合致しそうなサービスは無さげ

**Name_Not_Found** · 2024/07/14(日) 12:12:11.03

あと、いつのまにか勝手にサイト自体が自作って話にはなってるが
自分のサイトに設置といっても、鯖借りて自作してるのではなく
どっかのブログサービス使ってましたって話になってくると
利用するスクリプトやサービスによっては設置できないところもあるから
設置場所はどこでもいいわけではない

だから野良スクリプトをコピペするにしろ、どこかのサービス使うにしろ
どういうサイトに設置するのか、先ずその辺りの確認は必要だが
ここまでで詳細無しなので、回答しにくいわな

**Name_Not_Found** · 2024/07/14(日) 19:34:25.05

>サイト自体が自作

それ前提アホすぎ
普通に読めばサイト自体ではなくボタンとリンクなどだろ
どうせ自分で書いたらと言う人出てくるから>>813

**Name_Not_Found** · 2024/07/14(日) 21:25:35.85

＞誰も回答できなくしてる
＞できない上に覚える気もない初心者レベル

も変だしな。勝手に決めつけて自己解決か優越感に浸りたいのか。

**Name_Not_Found** · 2024/07/14(日) 23:24:04.13

>>816
>>814-815だが（≠>>813）それが>>815へのレスと判断して言うけど

> 普通に読めばサイト自体ではなくボタンとリンクなどだろ

そこはそんなツッコミを入れるような話じゃない
最初から質問者が設置したいのがボタンとリンクであるという前提で話をしている

先ず初めに「（質問者の）サイト自体が自作」とか勝手に言い出したのは>>796
しかし、もし質問者のサイトが自作ではなくブログサービス等の可能性があるなら
そこを確認しないと、ボタンやリンクのを設置する代替サービスにしろスクリプトにしろ
設置できるかどうか分からないから、何も勧められないだろ？って話

それとは別に813が言ってる自作とはボタンとリンクの話であると理解しているし
815ではそこに対する意見は述べていない

**Name_Not_Found** · 2024/07/15(月) 01:40:52.92

<a><img></a>すら難しいのかな？cssが難しいのかな？
何が分からないのかが分からんｗ

**Name_Not_Found** · 2024/07/15(月) 20:09:38.59

>ボタンやリンクのを設置する代替サービスにしろスクリプトにしろ
設置できるかどうか分からないから、何も勧められないだろ？

言い訳すぎ

>自分のサイトです
とその目に答えが書いてある
設置できるかどうかは質問者が判断すること

**Name_Not_Found** · 2024/07/15(月) 20:10:40.74

というかいつまでやってんだよ
答えられない、もしくは無いでいいだろ

**Name_Not_Found** · 2024/07/15(月) 21:02:53.05

> 設置できるかどうかは質問者が判断すること

そう言うんだったら、糞みたいなイチャモンつけてないで
お前自身が適当にググって出てきた、役に立つかどうか分からないものでも
貼り付けてさっさと教えてやればいいだろｗ
ググれば山ほど出てくるぞ？

**Name_Not_Found** · 2024/07/15(月) 21:28:40.82

> ググれば山ほど出てくるぞ？

ならそれを書けばいいのに
なんでごちゃごちゃ言ってんだろね

**Name_Not_Found** · 2024/07/15(月) 22:08:00.89

> ならそれを書けばいいのに

馬鹿かこいつ

**Name_Not_Found** · 2024/07/15(月) 22:37:02.95

まるで話が通じて無くて草ｗ

荒しは相手にするだけ無駄
お次の質問者さん、どうぞ

**Name_Not_Found** · 2024/07/16(火) 01:38:32.15

>>1
＞初心者だろうが誰だろうが、まず >>>■ 検索してから ■<<< 質問すること

とりあえずぐぐれ
それすらしたくないなら黙れ

**Name_Not_Found** · 2024/07/16(火) 19:08:32.20

ほう、ぐぐって出てくるなら俺も知りたいな
出せるなら出してみ
出せないなら負け認めだぞ

**Name_Not_Found** · 2024/07/16(火) 20:57:01.22

もし検索して簡単に出てくるなら、それすら書かないって相当性格悪いな。

**Name_Not_Found** · 2024/07/17(水) 01:11:50.82

俺は関係ないからググッてないよ
なんで俺がお前のために調べなくちゃいけないんだ？
お前が検索するんだよ

で、検索したのか？
検索して無かったのなら答えは「無い」だよ
それでこの話は終わり
一生初心者未満のミジンコやってろ

ちょっとでもスキルアップ目指すなら各SNSから持ってきたボタンを自分で配置して挙動を確認してみろ

**Name_Not_Found** · 2024/07/17(水) 01:29:32.90

負けってさあ
わけわからん物を欲しがってそれが見つからないお前以外に負けはいねえんだよアホ

**Name_Not_Found** · 2024/07/17(水) 20:22:42.53

出せず逆切れイキリ

>SNSから持ってきたボタンを自分で配置して挙動を確認してみろ

ほらな、リンク先すら見てない
アイコン(img)にリンク先(a)貼るだけと思ってそう

**Name_Not_Found** · 2024/07/17(水) 21:27:45.22

わけわからん物というがそれをビジネスにしてるとこもあるんだよなあ

**Name_Not_Found** · 2024/07/17(水) 23:29:27.52

わけわからん物ｗ

ぐぐったらけっこうな額で販売されてるんだな
法人向けだろう

**Name_Not_Found** · 2024/07/18(木) 01:08:43.32

流入ログとかとるやつだと
自作めんどいな

**Name_Not_Found** · 2024/07/18(木) 16:16:58.52

ロックして足し算するだけの何がめんどくさいのか

**Name_Not_Found** · 2024/07/18(木) 20:51:09.43

>>788
無料の割りになかなかいいシステムではないか
SSLにも対応してるし
ボタン変えれば多少有料でもいいくらいだがこの会社も人手不足なのかね

**Name_Not_Found** · 2024/07/19(金) 10:34:23.73

PCで見たときに中央を細くする以下のサイトのようなレイアウトに名前はありますか？
流行ってるのかなと
https://paypay.ne.jp/event/paypay-matsuri202406/
https://web.tsite.jp/cpn/vpoint/buibui/vfes04/

**Name_Not_Found** · 2024/07/19(金) 12:50:12.90

モバイルファーストな、シングルカラムレイアウト？

**Name_Not_Found** · 2024/07/19(金) 13:37:35.91

丁度これ見てたｗ
https://alinamin-oshinoko2024.jp/

**Name_Not_Found** · 2024/07/19(金) 16:56:39.96

モバイルファーストというよりほぼモバイルだよね
コスト削減にいいんじゃね、PC用は余った左右は強調したいコンテンツ置いておけばいいし

**Name_Not_Found** · 2024/07/20(土) 01:27:31.78

「PC向けUXを悪化させてでもガワアプリに誘導してユーザーアクティビティをまるっとトラッキングしたい魂胆丸見えですがそれが何か？」なレイアウト

**Name_Not_Found** · 2024/07/20(土) 03:00:52.95

PCはwidth:500px固定でむしろ画面幅760pxの方が広く表示される

**Name_Not_Found** · 2024/07/20(土) 19:36:47.43

>>829
>>835
便乗質問ですが、どんな感じでやるのでしょうか？ヒントだけでも
OSなどを集計したいです

**Name_Not_Found** · 2024/07/21(日) 01:37:19.20

そのレベルならヒント出しても無理

**Name_Not_Found** · 2024/07/21(日) 02:00:16.25

ページアクセスに対してなのかDOM等に対してなのか
なんで具体的な質問を書かないんだろう
いまさら後出しされても俺は知らんけど

**Name_Not_Found** · 2024/07/21(日) 04:32:50.21

発端の質問の要件はカウント不要らしいけどな
カウント不要なら自作せずともコピペで楽勝

**Name_Not_Found** · 2024/07/21(日) 20:18:45.67

カウントって何だと思ってる？

**Name_Not_Found** · 2024/07/21(日) 21:29:15.70

楽勝と言いつつ一向に答えもアドバイスも出ないスレ
質問スレであって回答スレではないから意味合ってる

**便乗人** · 2024/07/21(日) 22:46:17.65

質問が悪かったようですので変えます

>>846
コピペできる元を教えてください

**Name_Not_Found** · 2024/07/21(日) 22:46:53.55

各公式からコピペするのも”自作”扱いみたいだから
忍者ツールズに依頼して画像を新しくしてもらう以外は無理だろｗ

**Name_Not_Found** · 2024/07/21(日) 22:48:09.05

画像のURLを変えるだけでも別にいいのにね

**Name_Not_Found** · 2024/07/22(月) 02:09:01.78

それも自作だからNGです

**Name_Not_Found** · 2024/07/22(月) 10:36:55.99

>各公式からコピペするのも”自作”扱い
どこにもそんなこと書いてないがまた妄想の始まり？

**Name_Not_Found** · 2024/07/22(月) 13:03:18.13

質問させてください。
各サイトをブックマークした際に表示されるアイコンの情報はどこにありますか？
たとえばヤフーのサイトなら赤い「Y!」のことです。
よろしくお願いします。

**Name_Not_Found** · 2024/07/22(月) 14:53:55.47

faviconでmeta情報として登録する

**Name_Not_Found** · 2024/07/22(月) 18:52:53.78

>>853
どこかに書いてたよ
バカバカしくて振り返るのもめんどくさいから気になるなら自分で探してね

**Name_Not_Found** · 2024/07/22(月) 21:59:44.85

各公式からコピペする方法がわからんのやろ
分かってたらこんなところで質問するわけない

**Name_Not_Found** · 2024/07/23(火) 02:10:26.80

>>854
こういうの？
https://developer.yahoo.co.jp/yconnect/loginbuttons.html

**Name_Not_Found** · 2024/07/24(水) 14:26:16.75

こっちやろ

2024年版、ファビコン画像の作成方法と設置方法、さまざまなデバイスに対応させるには6種類のファイルが必要 | コリス
ttps://coliss.com/articles/build-websites/operation/work/how-to-favicon.html

**Name_Not_Found** · 2024/07/24(水) 15:21:03.22

検索もろくに出来ず煽るだけしか能が無い馬鹿がイチャモン付けてきそうだが
それ以外の情弱のために俺様が貼っておいてやろう
自作不可？そんなもん知るかボケ

ShareThis ウェブサイトツール
ttps://sharethis.com/ja/platform/
主要SNS(ソーシャル)のボタンをまとめて設置できるスクリプトの無料ダウンロード
ttps://www.1-firststep.com/archives/1226
コードジェネレータを使用してWEBサイトにSNSシェアボタンを実装してみた #Twitter - Qiita
ttps://qiita.com/nanin/items/f58b0719f437952d2746

**Name_Not_Found** · 2024/08/26(月) 10:29:36.11

西暦日時のデジタル数字だけを表示するサイトを作りたいです
理由はファイル名を付けるときに同じ名前の衝突が起こらないように西暦日時をファイル名にする為
なので、ファイル名に使えない記号（：など）も使わないし改行もしない一行だけのデジタル数字です
サイトを作った事が無い人間がこれを作る為にはどのようなサービスを使うのがいいでしょうか？
ワードプレスと独自ドメインという言葉は知ってますが
自分しか見ないので無料で作りたいです。

**Name_Not_Found** · 2024/08/26(月) 11:09:35.82

わざわざサイトにしなくても・・・
とりあえずローカルのHTMLファイルででも作れば？

IMEでもATOKとかならある程度カスタマイズしたフォーマットの
日時文字列を候補として出せるようにできる

**Name_Not_Found** · 2024/08/27(火) 03:58:43.05

"きょう"で変換すれば"2024-08-27"が出る
-は嫌だとかいうなら適当にJavaScriptでローカルファイル作ってブラウザで表示させればいい

**Name_Not_Found** · 2024/09/01(日) 16:31:37.51

百度にサイト登録したいんだけど日本人が登録する方法てあります？
なんとか中国の電話番号は入手したんだけど公民身分番号の実名検証ができなくて困ってます

**Name_Not_Found** · 2024/09/02(月) 21:16:07.48

chatgptにログインしようとしても、白っぽい画面のままグルグル回るのが5分以上表示されて認証されない
他のサイトとは通信できて読み書きできるのに、chatgptのログインだけグルグル
違反行為とかしたことないし料金も払ってるのに先月途中から毎回認証で止まるし問い合わせ先もないし解約もできない

**Name_Not_Found** · 2024/09/03(火) 14:01:22.08

>>865
How can I contact support?

If you don't have an account or can't login, you can still reach us by selecting the chat bubble icon in the bottom right of help.openai.com.

**Name_Not_Found** · 2024/09/17(火) 21:54:08.80

>>865
Cookie許可してんのか

**Name_Not_Found** · 2024/10/05(土) 22:47:41.29

ここで訊いていいのかわかりませんが・・・

GoogleのBloggerを使い始めました。
YouTube動画を記事内に埋め込むと、その記事のアイキャッチ？画像が超巨大なその動画のサムネイル画像になってしまいます。
あまりにも大きすぎるのでリサイズしたいのですが、方法を教えていただけないでしょうか。
アイキャッチは表示されなくても構いません。