[過去ﾛｸﾞ] JavaScript の質問用スレッド vol.125 (1002ﾚｽ)
上下前次1-新
このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索 歴削→次ｽﾚ 栞削→次ｽﾚ 過去ﾛｸﾞﾒﾆｭｰ
1(4): (ﾜｯﾁｮｲ 1301-RMnj [36.240.123.227]) 2022/08/07(日)15:57 ID:TS5TGpUB0(1/5) AAS
!extend:checked:vvvvvv:1000:512
JavaScript を自ら学ぶ人のための質問スレッドです。
>>2-5のテンプレを読んだ上で質問してください。次スレは>>950が>>2の「次スレの立て方」を元に立ててください
■質問を書く上で
(1) 煽り、コード制作依頼等、人を不快にさせる投稿はご遠慮下さい。公序良俗を守った応対を心がけてください。
(2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。
(ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など)
省15
2(5): (ﾜｯﾁｮｲ 3f01-RMnj [36.240.123.227]) 2022/08/07(日)15:59 ID:TS5TGpUB0(2/5) AAS
■質問テンプレート
【環境】OS, ブラウザをバージョンと共に記入してください。(ex: IE8, Firefox4)
【何をしたのか】何をしたら問題の現象が発生するのか。再現手順を具体的に書いてください。
【エラーメッセージ】エラーメッセージがあれば正確に書き写してください。(Windows なら「コピット」を活用)
【期待する結果】最終的にどういう結果を望んでいるのか、を書いてください。
【サンプルコード】現象を再現可能な最小限のコードを書いてください。
1レスに収まらないならコード投稿サイトを利用してください。
省7
3(5): (ﾜｯﾁｮｲ 3f01-RMnj [36.240.123.227]) 2022/08/07(日)16:02 ID:TS5TGpUB0(3/5) AAS
■関連スレ(Web制作板)
JavaScript の質問用スレッド vol.126 (重複スレの消化)
2chｽﾚ:hp
JavaScript ライブラリ総合質問所 vol.5
2chｽﾚ:hp
jQuery 質問用スレッド vol.7
2chｽﾚ:hp
省10
4(3): (ﾜｯﾁｮｲ 3f01-RMnj [36.240.123.227]) 2022/08/07(日)16:05 ID:TS5TGpUB0(4/5) AAS
テンプレここまで。
テンプレは前スレ、前々スレを元に、よくある議論(Web制作板へ誘導云々)を独断で追加した。
問題があれば、修正案を提案して頂ければ。
5(3): (ﾜｯﾁｮｲ 6f5f-RyWk [14.11.194.224]) 2022/08/07(日)16:08 ID:GMB7hjKM0(1) AAS
乙
6(2): (ﾜｯﾁｮｲ ff01-qy/x [126.242.196.185]) 2022/08/07(日)17:10 ID:r7YsBDkd0(1) AAS
> Javascript はweb制作管理板、CGI はWEBプログラミング板へ。
これは？
7: (ﾜｯﾁｮｲ 3f01-RMnj [36.240.123.227]) 2022/08/07(日)17:57 ID:TS5TGpUB0(5/5) AAS
>>6
プログラム板のローカルルールか
「今ではNode.jsもあるし、JavaScriptはWeb制作言語に限定されないよね」を理由にプログラム板に立てられた、と記憶してる
Node.jsスレを関連スレに入れるべきだった
【非同期】node.js part.1【javascript】
2chｽﾚ:tech
8(2): (ﾜｯﾁｮｲ 4690-Htvk [153.207.71.13]) 2022/08/08(月)23:23 ID:RzP/TMnO0(1) AAS
この板のJavaScript スレは、
web制作管理板が荒らされた時に、緊急避難用として立てられたもの
もう、この板でやる必要はない。
web制作管理板の方へ移動すべし！
全く、HTML, jQuery などに関係ない、
Node.js でも扱うなら、この板でも良いけど、
基本、Ruby on Rails などのフレームワークは、WEBプログラミング板
9: (ﾜｯﾁｮｲ 3f01-RMnj [36.240.56.30]) 2022/08/10(水)07:14 ID:vRPAjQH+0(1) AAS
>>8
本スレがなく、ライブラリ信者が健在なWeb制作板に移動する理由はないと思う
10(1): (ｵｯﾍﾟｹ Srff-RMnj [126.254.209.13]) 2022/08/10(水)10:46 ID:j9H+Z2W1r(1) AAS
>>8はRubyを引き合いに出す件の荒らしだから気にしなくていい
11: (ﾜｯﾁｮｲ ab01-adHA [126.80.253.234]) 2022/08/14(日)02:20 ID:/Eqen91K0(1) AAS
🦏
12: (ﾜｯﾁｮｲ 3b68-PvqU [112.70.179.16]) 2022/08/18(木)14:56 ID:ZVXdu8CF0(1) AAS
ローカルのhtmlファイル内に記載してるjsで位置情報取得するコードを書いてるのですが、
毎回位置情報を尋ねられてしまいます。
webサイトのページなら位置情報の使用許可を一度設定すれば、そのサイトでは次から尋ねられなくなりますが、
ローカルのhtmlファイルを開いても同様に永続的に位置情報の使用を尋ねられないようにする方法はありますか？
ブラウザはchrome使ってます。
13: (ｱｳｱｳｳｰ Sa0f-oUG4 [106.181.217.92]) 2022/08/18(木)15:27 ID:qt1eMpHHa(1/2) AAS
外部ﾘﾝｸ:support.google.com
外部ﾘﾝｸ:support.google.com
14: (ｱｳｱｳｳｰ Sa0f-oUG4 [106.181.217.92]) 2022/08/18(木)15:28 ID:qt1eMpHHa(2/2) AAS
あとは https にしてみたらどうか
atmarkit.itmedia.co.jp/ait/articles/1605/13/news038.html
15: (ﾗｸｯﾍﾟﾍﾟ MM7f-RehR [133.106.93.27]) 2022/08/18(木)15:37 ID:P/iDblewM(1) AAS
file:はともかくhttp:にも機能制限かけるのは逆効果だと思う
クラウド売りたい一心なのだろうけどオレオレ証明書が増えてかなわんよ
16: (ﾜｯﾁｮｲ 9f7c-5Ix7 [43.235.241.201]) 2022/08/18(木)19:42 ID:FZFlEvPV0(1) AAS
そもそもwebアプリ作るなら仮想環境なり、dockerなりで開発環境を作った方が良いかと
17(1): (ﾜｯﾁｮｲ cb01-gduT [60.151.253.164]) 2022/08/18(木)21:17 ID:R8T3nWKo0(1) AAS
すんませんjQueryの質問なんやけど
eachでliタグの子要素のimgタグを取得してalt属性を追加して値はliタグの子要素のemタグのテキストにしたいんだが
全部のliタグの子要素のemタグのテキストを追加してしまう
対応するliタグの子要素のemタグのテキストをそれぞれ追加したいんや！
おせーてくれ！！たのんます！！
18: (ﾜｯﾁｮｲ cb01-7Kul [60.87.221.16]) 2022/08/18(木)21:48 ID:J6oxun4X0(1) AAS
>>17
スレ違い
>>3のjQueryスレへ誘導
19: (ﾜｯﾁｮｲ 6b2c-O3lh [180.52.202.152]) 2022/08/19(金)12:26 ID:l81SyMmZ0(1) AAS
jQuery の質問は、web制作管理板の方へ書き込んでください
確か、jQueryのスレがあったと思う。
無ければ、JavaScript のスレへ
20: (ﾜｯﾁｮｲ ef02-Gxju [175.108.193.88]) 2022/08/19(金)13:26 ID:v8JNzl630(1) AAS
japascriptは難しい。
初心者はまずはRubyから始めること
そしてRuby on Railsを習得する
javascriptｙとjQueryはその後で良い。
こっちのスレで質問すれば親切な達人プログラマーがどんな質問にも懇切丁寧に答えてくれる。
↓
Ruby 初心者スレッド Part 67
省1
21(1): (ﾜｯﾁｮｲ 6b10-vj0F [180.12.82.129]) 2022/08/19(金)18:14 ID:KbHvsoqL0(1/2) AAS
clickのタイミングについて
<input type="button" value="クリック" id="bt">
let aaa=0;
setInterval(
function(){
aaa=100;aaa=200;aaa=300;aaa=400;aaa=500;
},0
省7
22(1): (ﾜｯﾁｮｲ cb01-6z5t [60.74.210.62]) 2022/08/19(金)18:41 ID:hN4Icouo0(1) AAS
>>21
タイマー処理の関数呼び出しの途中でイベントハンドラが処理されることはない
23(1): (ﾜｯﾁｮｲ 6b10-vj0F [180.12.82.129]) 2022/08/19(金)18:53 ID:KbHvsoqL0(2/2) AAS
>>22
どうもです
タイマー以外のfunctionでもfunctionの途中でイベントハンドラが呼び出されることはないってことですか？
24: (ﾜｯﾁｮｲ cb01-6z5t [60.74.223.30]) 2022/08/19(金)21:41 ID:PiTy7UnQ0(1) AAS
JavaScriptは基本シングルスレッド
関数の実行途中に別の関数の処理が割り込んでくるようなことはない
25: (ﾜｯﾁｮｲ cb01-7Kul [60.87.221.16]) 2022/08/19(金)23:29 ID:icsyH/kW0(1) AAS
>>23
非同期処理が混在していなければ、ない
26(1): (ﾜｯﾁｮｲ 75b1-GYjw [118.105.228.94]) 2022/08/20(土)10:52 ID:y/gx0kbE0(1/2) AAS
Wan、Lanどちらからもアクセス可能なWebサーバーで
アクセス元がどっちなのかを判断する方法はありますか？
27: (ﾜｯﾁｮｲ 2301-cac/ [219.204.123.70]) 2022/08/20(土)11:45 ID:ThG9yriU0(1) AAS
>>26
送信元アドレス見ればよくね？
28: (ﾜｯﾁｮｲ 75e5-s78Y [118.4.80.52]) 2022/08/20(土)12:02 ID:tDO3e6hW0(1) AAS
サーバーで判断すべきだろう
クライアントで知りたいならサーバーに聞けばいい
29: (ﾜｯﾁｮｲ 75b1-GYjw [118.105.228.94]) 2022/08/20(土)12:48 ID:y/gx0kbE0(2/2) AAS
確かにそうですよね
サーバー側で何とかしてみます
30(3): (ｽｯﾌﾟ Sd43-PAk+ [49.97.96.68]) 2022/08/21(日)00:53 ID:aTZvlMved(1) AAS
ナンセンスな質問かもしれませんが、JavaScriptにおいて関数はデータ型としてオブジェクトであり、一方でオブジェクトはプロパティとメソッドの集まりであると説明されています。
関数とオブジェクトはどちらが先に定義されているのでしょうか？
31(1): (ﾜｯﾁｮｲ d501-Nnom [60.87.221.16]) 2022/08/21(日)07:04 ID:D11cwWL50(1/2) AAS
>>30
「先に定義」とは、どのような意味？
32(1): (ｽｯﾌﾟ Sd03-PAk+ [1.66.101.132]) 2022/08/21(日)10:31 ID:3ESrn3ezd(1) AAS
>>31
先に存在しているとか先に実装されている(?)というようなイメージです
33(1): (ﾜｯﾁｮｲ a37c-QAb4 [221.241.223.58]) 2022/08/21(日)10:42 ID:KqCcLvyW0(1) AAS
>>30
定義が無限循環してると言いたいんだろうけど広辞苑にだってそういうのはあるし、関数ノットイコールメソッドと考えれば矛盾はしてない
たぶんオブジェクトが先だろうけどね
34(1): (ｽｯﾌﾟ Sd43-PAk+ [49.97.98.169]) 2022/08/21(日)11:25 ID:df/SIE01d(1) AAS
>>33
ありがとうございます
もう少し調べてみると、 外部ﾘﾝｸ[html]:tc39.es でTerms and Definitionsのところに、関数はオブジェクトであってプロパティの他に実行可能なコードと状態を持つもの、という感じのことが書かれてて、メソッドはオブジェクトのプロパティの値である関数のことと書かれていました
こちらの説明で一旦納得できました
35: (ｱｳｱｳｳｰ Sad9-dbST [106.181.223.3]) 2022/08/21(日)11:46 ID:j3ukytx2a(1) AAS
v8のソースでも読んでみれば
36: (ﾌﾞｰｲﾓ MM8b-mKyu [133.159.148.135]) 2022/08/21(日)12:32 ID:IBDK1msSM(1) AAS
オブジェクトが先
オブジェクトはプロパティのコレクション
プロパティとはkey/valueのペアのこと
keyはStringでvalueはプリミティブかオブジェクト
37: (ﾌﾞｰｲﾓ MM8b-mKyu [133.159.149.74]) 2022/08/21(日)12:39 ID:ZOLz03eMM(1) AAS
オブジェクトを定義するのにオブジェクトを使ったりStringという別のオブジェクト使えるの？
と疑問に思うのかもしれないけど
定義が存在する(名前解決可能である)ことを確認するフェーズと
定義の中身を検証するフェーズを分けることで可能
foo関数の中でbar関数を呼び出しつつ
bar関数の中でfoo関数を呼び出すような関数定義ができるのと同じこと
38(2): (ﾜｯﾁｮｲ d501-dbST [60.87.221.16]) 2022/08/21(日)15:06 ID:D11cwWL50(2/2) AAS
>>32
「実装」というが、「仕様」上で両方とも存在しているなら、同時に「実装」されるのでは？
>>34
ES3には「オブジェクト」の定義はあるが、「関数」の定義はない
故に「歴史的にはオブジェクトが先に定義された」といえなくもないが、そんな回答を望んでいるようにも見えない
外部ﾘﾝｸ[html]:www2u.biglobe.ne.jp
参考になるかわからないが、typeof演算子は「[[Call]] を持つObject型」の場合に "function" を返す
省1
39(2): (ｽｯﾌﾟ Sdc3-JVFl [1.72.7.185]) 2022/09/02(金)16:08 ID:anBQQFEld(1) AAS
ブックマークレットのスレッドかこちらか悩みましたが質問なのでこちらでご相談させていただきます。
他者のWebサイトを閲覧する際、JavaScriptを用いて作成されている場合、リンクを新しいタブで開けない場面があります。
頻繁にページを進んだり戻ったりする場面、可能であればリンク先を別タブで開くようにしたいです。
ブックマークレットを用いて、現在ページのJavaScriptのリンクを別タブで開くように書き換える処理をすることは可能でしょうか？
40(1): (ﾜｯﾁｮｲ a3b7-83Bc [211.124.165.35]) 2022/09/02(金)16:38 ID:avuNeQJi0(1) AAS
>>39
そのサイト次第かな
クリックした後の画面を一発で開けるURLが用意されてたら基本的に実装できると思う
41(4): (ﾜｯﾁｮｲ a52d-bBdM [220.100.64.9]) 2022/09/03(土)00:11 ID:8AM/s+hA0(1) AAS
連想配列から特定のキーを検索して、重複がないもののみ取り出した配列を取得したいのですが、
このコードだと速度的に問題がありました。何か良い方法があったら教えていただけないでしょうか
const a= [
{'id': 1, 'category': 'animal', 'kind': 'dog'},
{'id': 2, 'category': 'fruit', 'kind': 'apple'},
{'id': 3, 'category': 'fruit', 'kind': 'orange'},
{'id': 4, 'category': 'animal', 'kind': 'dog'},
省5
42(1): (ﾜｯﾁｮｲ ad5f-wuTS [106.185.148.64]) 2022/09/03(土)02:15 ID:Wm/0iruN0(1) AAS
>>41
const buckets = a.reduce((buckets, current) => {
if (!buckets[current.kind]) {
buckets[current.kind] = [current];
} else {
buckets[current.kind].push(current);
}
省6
43: (ｽﾌﾟｯｯ Sd03-5GnA [1.75.244.51]) 2022/09/03(土)03:34 ID:E5gjC2rTd(1) AAS
Mapで似たようなこと考えてた
44(2): (ﾜｯﾁｮｲ 3501-bBdM [126.94.243.226]) 2022/09/03(土)10:05 ID:RJZpwhgn0(1/6) AAS
>>41
要素数や重複要素のばらつき具合によって結果は変わるが、最終的には力業が最速な事が多い
外部ﾘﾝｸ:jsfiddle.net
極端な結果になっているのは重複要素がすぐそばにあり、while文による検索ですぐに見つかる為だ
重複要素が遠い位置にあるなら、while文による検索が遅くなるケースも十分にある
>>41のコードが比較的高速なのも重複要素が比較的近くにある為だ
Object.valuesやArray#filterによる変換コストが検索コストより高くついているので、他のコードが比較的遅い
省2
45: (ﾜｯﾁｮｲ 3501-bBdM [126.94.243.226]) 2022/09/03(土)10:08 ID:RJZpwhgn0(2/6) AAS
>>44の補足
jsfiddleのconsoleはconsole.time()を実装していないようだ
ベンチマーク結果はブラウザのコンソールで確認する必要がある
46(1): (ﾜｯﾁｮｲ 3501-bBdM [126.94.243.226]) 2022/09/03(土)10:28 ID:RJZpwhgn0(3/6) AAS
すまん
>>44のwhile_loopは期待通りに動かないので忘れてほしい(console.assert()のコードをミスって気づかなかった)
重複要素のばらつき具合によるが、(>>41の配列においては)暫定最速は>>41
47(1): (ﾜｯﾁｮｲ 3501-bBdM [126.94.243.226]) 2022/09/03(土)10:46 ID:RJZpwhgn0(4/6) AAS
>>46
console.assert()の修正、重複チェックをkindのみに修正したら、mapが最速になった
外部ﾘﾝｸ:jsfiddle.net
48: (ﾜｯﾁｮｲ 3501-bBdM [126.94.243.226]) 2022/09/03(土)11:16 ID:RJZpwhgn0(5/6) AAS
>>47
高速化で考えるべきは「ループ回数の削減」と「変換回数の削減」
>>41 source
>>42 reduce
>>47 map
reduceはループ回数は削減されているが、変換回数がsourceよりも多い
要素数6では「変換コスト > 検索コスト」になってしまい、sourceよりも遅い
省6
49(1): (ﾜｯﾁｮｲ 3501-bBdM [126.94.243.226]) 2022/09/03(土)11:42 ID:RJZpwhgn0(6/6) AAS
>>39
a要素でマークアップされているなら、難しくはない
for (let a of document.querySelectorAll('a[href]')) a.target = '_blank';
window.open()などでリンクを開く挙動もJavaScriptで制御しているなら、コードを読んでリンク先を得る手段を考える必要がある
50(3): (ﾜｯﾁｮｲ 9534-9i1j [14.14.181.44]) 2022/09/04(日)09:22 ID:eAq4eNQY0(1) AAS
>>40
>>49
ありがとうございます。
テーブルの表示となっていて、行全体にリンクが設定されているようです。
以下のような記載が複数並んでおり、通常は左クリックでリンク先に移動しかできず、新しいタブで開くことができません。
<tr class=”〇〇〇” data-href=”★リンク先アドレス★” data-target=”〇〇〇”>
<td class=”〇〇〇”></td>
省4
51(1): (ﾜｯﾁｮｲ d510-bEl6 [180.12.82.129]) 2022/09/04(日)12:38 ID:FoFuUBY00(1/2) AAS
<div style="width:100%;height:200px;border:Solid 3px #0000ff" id="test"></div>
これのcss初期設定を取得したいのでstyle="○○"の○○部分を抽出したいんだけどやり方がわかりません。
element.style.widthみたいに取得すると途中で値を書き換えられると初期設定が得られないので
最初にタグに埋め込んであるものを取得したいんです。
52(1): (ﾜｯﾁｮｲ 955f-EB17 [14.8.104.32]) 2022/09/04(日)20:07 ID:KWOOnIlI0(1) AAS
getAttributeとか？
53(1): (ﾜｯﾁｮｲ 7561-rTOP [222.144.116.143]) 2022/09/04(日)20:23 ID:FTTWPGH/0(1) AAS
element.style.hoge=fugaしたらstyle属性値も連動するんだから
書き換える前に取得しとくしかなくね？
54(1): (ﾜｯﾁｮｲ 3501-vbgY [126.94.243.226]) 2022/09/04(日)21:15 ID:SMoCQy1h0(1) AAS
>>51
・直後にscript書いて書き換え前にstyleを取得しておく
・Fetch APIでhtmlをGETしてCSPでscript無効化してparseしてstyleを得る
55: (ﾜｯﾁｮｲ d510-bBdM [180.12.82.129]) 2022/09/04(日)22:38 ID:FoFuUBY00(2/2) AAS
>>52-54
ありがとうございました
56(1): (ﾜｯﾁｮｲ d52c-6nWD [180.52.202.152]) 2022/09/04(日)23:03 ID:9ocqxCfk0(1/2) AAS
>>50
開発者が、どのフレームワークを使っているのか分からないけど、
例えば、Ruby on Rails, Stimulus を使っているなら、
[Rails]Stimulusを使ってtableの行全体<tr>をリンクにする(jQuery不要)
外部ﾘﾝｸ:zenn.dev
これのhref_controller.js に、
export default class extends Controller {
省9
57: 56 (ﾜｯﾁｮｲ d52c-6nWD [180.52.202.152]) 2022/09/04(日)23:14 ID:9ocqxCfk0(2/2) AAS
>>56
// URL を設定する
window.location.href = href
みたいに直接、window.location.href に設定しているけど、
この場合、Ctrl + クリックや、
右クリックメニューから新しいタブで開くことは出来ないのかな？
58(1): (ﾜｯﾁｮｲ e3b7-9TNW [211.124.165.35]) 2022/09/04(日)23:26 ID:RdtW7bNN0(1) AAS
>>50
遷移する時にdata-targetが使われることを見込んでこれでいけるかもね
for (let tr of document.querySelectorAll('tr.〇〇〇')) tr.dataset.target = '_blank'
※〇〇〇はtrのクラス名で
59(1): (JP 0H93-Dk2f [103.163.220.88]) 2022/09/05(月)18:27 ID:XvLqNcU6H(1) AAS
document内の要素で、textContentに'xxx'を持つクラスを取得するにはどうしたらいいですか？
全部の要素総当たりでtextContent調べるしかないんでしょうか？
60: (ﾜｯﾁｮｲ 3501-bBdM [126.94.243.226]) 2022/09/05(月)18:51 ID:ng2JfbNn0(1/3) AAS
>>50
JavaScriptコードが不明なので正確な回答は不可能
>>58の想定通りなら、おそらくその実装が一番楽
tr要素ノードにclickイベントハンドラでwindow.openする実装と仮定して、下記実装が考えられる
1. elementdataset.hrefでリンク先アドレスを得る
2. createElementでa要素ノード生成
3. replaceChildで(A)のDOMになるよう調節
省8
61(1): (ﾜｯﾁｮｲ 3501-bBdM [126.94.243.226]) 2022/09/05(月)19:18 ID:ng2JfbNn0(2/3) AAS
>>59
XPath式を使えば、textContentを使わなくて済む
外部ﾘﾝｸ:jsfiddle.net
62: (ﾜｯﾁｮｲ 3501-bBdM [126.94.243.226]) 2022/09/05(月)19:25 ID:ng2JfbNn0(3/3) AAS
>>61
テキストノードを子に持つ要素ノードを捕捉するコードにすればよかった
外部ﾘﾝｸ:jsfiddle.net
63(2): (ｱｳｱｳｳｰ Sa69-QaXK [106.129.180.164]) 2022/09/07(水)17:04 ID:zBxXyTwva(1) AAS
プログラミング初心者でJavaScriptを勉強してます。
メンバ変数A、メソッドBを持つクラスがあり、メソッドBの中で変数Aを活用（Aを用いた処理やAの変更）したいのですが、
Aを引数としてBに渡して返り値として受け取るのと、Bの中で直接this.Aと記述して処理するのは何か違いがありますか？
メソッドBに別の変数を渡す可能性があるなら前者でないといけないのでしょうが、そうでなければ後者の書き方でよいでしょうか？
64(2): (ﾜｯﾁｮｲ 6501-vbgY [60.85.61.123]) 2022/09/07(水)18:23 ID:LU0OXBc/0(1/2) AAS
>>63
this.Aは全てのインスタンスメソッドで参照できる
this.Aはインスタンスを参照可能なスコープ上で参照可能
仮引数AはメソッドBの関数スコープ外から参照不可能
上下前次1-新書関写板覧索設栞歴
あと 938 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.027s