+ JavaScript の質問用スレッド vol.121 +

**Name_Not_Found** · 2014/09/13(土) 19:11:44.98

JavaScript に関する何でも質問スレです。
お気軽にどうぞ。

**Name_Not_Found** · 2015/01/21(水) 21:06:27.16

奇数の配列を用意するために必要な処理です

**Name_Not_Found** · 2015/01/21(水) 21:17:04.68

>>599
あっそ？困ってないんだｗ
1から10までのが入った配列固定なんだｗ

じゃあ、答えは
Math.floor(Math.random()*5)*2+1;
これでいいよ。

配列の中に入っている値が関係なくて
固定なら配列を使う理由もない。

ま、あなたに出された宿題の答えとしては
間違ってるんだけどねｗ

**Name_Not_Found** · 2015/01/21(水) 21:19:40.56

>>601
ほれみろ。間違ってたじゃねーか

**Name_Not_Found** · 2015/01/21(水) 21:27:13.17

>>603
配列の値をフィルターすることが主体なのでそれは参考になりません

**Name_Not_Found** · 2015/01/21(水) 21:28:17.36

>>596
lodash使えば簡単

var a = [1,2,3,4,5,6,7,8,9,10];
var b = _.filter(a, function(num){return num % 2});
console.log(_.sample(b));

一行で書くなら

console.log(_.sample(_.filter([1,2,3,4,5,6,7,8,9,10], function(num){return num % 2})));

**606** · 2015/01/21(水) 21:34:03.01

アロー関数を組み合わせれば更に短く

console.log(_.sample(_.filter([1,2,3,4,5,6,7,8,9,10], num => num % 2)));

**606** · 2015/01/21(水) 21:44:15.26

filterの所はEMCAScript5を使ったほうがわずかに短いな。
アロー関数を使えるならばEMCAScript5に対応しているはずなので。

console.log(_.sample(_.filter([1,2,3,4,5,6,7,8,9,10], num => num % 2)));
console.log(_.sample([1,2,3,4,5,6,7,8,9,10].filter(num => num % 2)));

**Name_Not_Found** · 2015/01/22(木) 20:56:05.17

lodash 3.0 リリース間近！

https://github.com/lodash/lodash
3.0-preから-preが外れました！

スレが多すぎてどこに書けばいいかわからないので
関連スレすべてにマルチポストしています。m(__)m

**Name_Not_Found** · 2015/02/09(月) 02:19:58.77

これってできませんでしたっけ？
var test;
test.hoge=0;
昔できたような気がするんだけど

**Name_Not_Found** · 2015/02/09(月) 02:25:55.28

webaudioapiでmp3をソースにした時に時間を指定してエフェクトをかけるとかできませんか？
例えば1:05の時のアナライザデータ取得とか

**Name_Not_Found** · 2015/02/09(月) 12:35:44.68

>>610
var test = {};

**Name_Not_Found** · 2015/02/09(月) 14:48:39.36

>>612
知ってる

**Name_Not_Found** · 2015/02/09(月) 15:00:03.74

昔できたとしても出来る方がおかしいんだから
そんな書き方しなければいい
はい論破

**Name_Not_Found** · 2015/02/09(月) 15:22:10.31

ダンガンロンパ

**Name_Not_Found** · 2015/02/09(月) 16:14:54.10

>>610
ECMAScriptの方言のActionScript1.0だと、その書き方でもエラーにならない

**Name_Not_Found** · 2015/02/09(月) 16:17:52.61

undefinedにプロパティあるのはどう考えてもおかしい
はい論破

**Name_Not_Found** · 2015/02/09(月) 16:24:43.36

var test = {hoge:0};

これで万事解決

**Name_Not_Found** · 2015/02/09(月) 20:44:13.28

くるりんぱ

**Name_Not_Found** · 2015/02/22(日) 04:43:44.14

>>611
kwsk

**Name_Not_Found** · 2015/03/29(日) 11:53:58.89

最近趣味でプログラミング始めようとしてドットインストールやりながらプログラミングの入門本を何冊か読んだ、プログラミング専門外糞雑魚初心者なんですが、何で質問スレこんなに過疎ってるんですか？

**Name_Not_Found** · 2015/03/29(日) 12:07:05.87

自己解決しました。

**Name_Not_Found** · 2015/03/29(日) 15:04:07.41

みんな自己解決するからです

**Name_Not_Found** · 2015/03/29(日) 19:15:26.13

>>621
ここは荒らしの立てたスレだからです
荒らしは立てるだけ立てて廃れたら放置するので初めから放置しましょう

+ JavaScript の質問用スレッド vol.123 + [転載禁止]©2ch.net
http://peace.2ch.net/test/read.cgi/hp/1423915644/

**Name_Not_Found** · 2015/03/29(日) 19:24:09.13

>>623
ド初心者を脱すればそんなもんですよね

>>624
酷い荒らしですね。そちらのスレに合流させて頂きます。
丁寧に誘導までして頂き有難うございます。

**Name_Not_Found** · 2015/04/09(木) 23:41:45.39

Javaのバージョンって 1.7とか1.8だけど、
JavaEEのバージョンとの関係が全然解らない。
JavaEE7 はJava 1.7と言う認識で良いの？

**Name_Not_Found** · 2015/04/25(土) 12:03:45.83

はい現行スレ

+ JavaScript の質問用スレッド vol.124 + [転載禁止]©2ch.net
http://peace.2ch.net/test/read.cgi/hp/1429873274/l50

**age** · 2015/08/09(日) 22:47:03.30

age

**Name_Not_Found** · 2015/08/09(日) 22:58:59.31

>>626
JavaはJavaScriptではありません。

**Name_Not_Found** · 2015/08/10(月) 08:18:29.94

本スレ

+ JavaScript の質問用スレッド vol.125 + [転載禁止]©2ch.net
http://peace.2ch.net/test/read.cgi/hp/1436910657/

**Name_Not_Found** · 2015/11/07(土) 17:21:17.61

(´･ω･｀)

**Name_Not_Found** · 2016/02/23(火) 19:00:05.52

.
.
板違い（？）の上に、話をさえぎってしまいゴメンナサイ！(*_ _)人
でも、この板のユーザーさんにも有意義な告知かと思うのでカキコませてください。

★ 謝礼は十分いたします ★　アメブロなどのサイト制作ができる方！！　

アメブロなどを使用してのサイト制作のできる方を早急に求めています！
私はリケジョやPC女子からはほど遠く、サイト作成にはまったく疎いのでとても不自由しています…(> <；)
そこで私に代わりサイトを作成してくださる方を求めてこの場をお借りしました。

■サイトの内容…
アダルト系、違法性、その他公序良俗に反するものではありませんのでご安心ください。

■サイト制作の仕様ベース…
アメーバブログで十分です。願わくばwordpressなどのブログ形式のサイトを希望します。
それに準ずるもので使い慣れたものがあれば別のものでも構いません。

■条件はありません…
技術さえお持ちでしたら、学歴・職歴等は一切問いません。
フリーター、ニート、高齢ニート、コミュニケーション障害をお持ちの方、引きこもりの方、中年失業者、長期無職等、歓迎！

■作業形態…
作業は在宅でやって頂くことになりますので、時間の指定は一切ありません。別のお仕事の傍らに…でもOKです。

■詳細をお知りになりたい方は…
下記メールアドレスまでご連絡ください。詳しく書いた返信文を差し上げます。

※真剣な告知です。冷やかしはご遠慮ください。

井上
inoue1952w★gmail.com
迷惑メール対策のため＠部分を★にしてあります。
実際に送信する際には★を＠マークに変えてください。
.
.

**Name_Not_Found** · 2016/02/24(水) 02:41:50.62

age

**Name_Not_Found** · 2016/03/03(木) 14:30:01.44

【超絶】SEO対策済ホームページテンプレート
http://www.infocart.jp/e/34707/58078/

**Name_Not_Found** · 2017/01/24(火) 20:20:21.55

age

**Name_Not_Found** · 2017/01/24(火) 20:26:42.45

age

**Name_Not_Found** · 2017/12/12(火) 05:37:24.41

ホームページで友達が稼げるようになった情報とか

⇒　http://asaswq3wq.sblo.jp/article/181819223.html

興味がある人だけ見てください。

PJXZX1EV6W

**Name_Not_Found** · 2018/02/18(日) 19:08:00.08

☆ 日本の、改憲を行いましょう。現在、衆議員と参議院の
両院で、改憲議員が３分の２を超えております。
『憲法改正国民投票法』、でググってみてください。国会の発議は
すでに可能です。平和は勝ち取るものです。お願い致します。☆☆

**Name_Not_Found** · 2018/05/01(火) 20:45:37.75

誰でもできる在宅ワーク儲かる方法
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい鎌野介メソッド』

FHO84

**Name_Not_Found** · 2018/10/02(火) 21:20:04.46

【アフィ】元宇宙人のスピリチュアルブログ【詐欺】
https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q12193781232

**Name_Not_Found** · 2021/01/22(金) 14:36:11.61

**Name_Not_Found** · 2021/02/18(木) 16:55:01.06

今javascriptとnode.jsを勉強してるんですがこの2つだけじゃ身につけにくいプログラミング言語の特徴みたいなのありますか？
型とかポインタ？とかかなと思うんですが

**Name_Not_Found** · 2021/04/27(火) 08:13:41.48

>>1
+ JavaScript の質問用スレッド vol.141 +
https://mevius.5ch.net/test/read.cgi/hp/1559474974/

**Name_Not_Found** · 2021/04/29(木) 11:20:02.03

本スレはこっちに移動しました

+ JavaScript の質問用スレッド vol.123 +
https://mevius.5ch.net/test/read.cgi/tech/1491143438/

**Name_Not_Found** · 2021/04/29(木) 11:21:47.39

>>644
移動してないよ

**Name_Not_Found** · 2021/04/29(木) 11:44:05.43

古すぎるスレを再利用するな無能
昔は賑わってたから分散を防ぐために１つ１つ潰していく必要があったし
それが美学だったが、もう死んでるスレを掘り起こす意味は無いだろ
さっさと新しく作れ

**Name_Not_Found** · 2021/04/29(木) 12:15:52.87

>>646
別に死んでないよ
君はこのスレが使われると何か都合が悪いの？

**Name_Not_Found** · 2021/04/29(木) 12:30:01.29

立てるべきと思うなら立てりゃいい
前スレも再利用だしなんで今更言い出すのか知らんけど

**Name_Not_Found** · 2021/04/29(木) 12:41:32.35

馬鹿か
１つ、２つ前のスレならまだしも
2014年に建てられたスレをわざわざ掘り起こして再利用するヤツが居るかよ
テンプレだって腐ってんじゃねーか
ここに初めて質問した人にテンプレをまず確認しろという
超超超基本的なことも言えないだろ
下痢カス野郎

**Name_Not_Found** · 2021/04/29(木) 12:48:48.95

いや立てりゃいいじゃん
前スレ1000行く前に立てりゃ良かったのに

**Name_Not_Found** · 2021/04/29(木) 14:22:42.34

天才か
そりゃお前の言う通りだよ
オマケに次スレに案内したというところは超評価してるんだよ
でも案内先が地獄じゃねーかって文句一点だろ
いい加減理解しろよトンカチ頭

**Name_Not_Found** · 2021/04/29(木) 14:26:08.42

いやここで愚痴る間に立てりゃいいじゃん
誰も禁止してない

**Name_Not_Found** · 2021/04/29(木) 15:47:01.68

NO
俺は建てない
お前は国に不満があったら国を作るのか？
この親不孝者め！

**Name_Not_Found** · 2021/06/06(日) 01:19:25.65

Chromeブラウザの機能拡張についてはここで大丈夫でしょうか
自作の機能拡張を作りました。
ローカルから機能拡張をあててローカルに保存されたhtmlに対してだとエラーがでないのですが
ストアに登録して機能拡張あててローカルに保存されたhtmlだとエラーがでます。
manifestは
"permissions": [
"activeTab",
],
です。これだけだと足りないみたいなので"file://*/"を足そうと思うのですが
この対策で妥当ですか？

エラーは
lastError: Cannot access contents of the page. Extension manifest must request permission to access the respective host.
です

よろしくお願いします

**Name_Not_Found** · 2021/06/10(木) 01:14:17.45

自己解決
"file://*/"の追加はいらない。機能拡張の設定からファイルへのアクセスを許可をONにするでいけました。
ローカルでの機能拡張の場合はデフォルトでＯＮになってる。

**Name_Not_Found** · 2021/06/12(土) 08:16:12.41

jsで配列等の初期値は未定義ですか？
配列作成後、各要素にどのような値が入っているか仕様上の保証はありますか？

**Name_Not_Found** · 2021/06/12(土) 09:15:32.60

あ、やっぱりいいです

**Name_Not_Found** · 2021/06/12(土) 10:50:43.79

JSで初期値があるのは宣言された変数のみ
たとえ長さ100のArrayを作ったところで
実際に空の箱が１００個用意されるという仕様はない
ただlengthが100に設定された配列オブジェクトができるだけ
それぞれの要素に初期値などは設定されない
オブジェクトの未定義のプロパティにアクセスするとundefinedが帰るという仕様はある
ただしそれはundefinedが入っていることとはベつ

**Name_Not_Found** · 2021/06/21(月) 01:24:09.81

簡単なアプリを作ったんですがiphoneのみ画像やアイコンが表示されません
windowsやlinuxの色々なブラウザでは問題無しです
よくある原因は何になりますか？

**Name_Not_Found** · 2021/06/23(水) 06:28:14.29

iPhoneのSafariはmanifest.jsonまだ対応してないの？（クソデカため息）
>>659
これ使え
https://github.com/GoogleChromeLabs/pwacompat

**Name_Not_Found** · 2021/06/24(木) 00:36:30.85

【環境】Firefox 89.0.2, Chrome 91.0.4472.114
【何をしたのか】具材の一部を選択した後、フォームをリセットする
【エラーメッセージ】なし（input.curryのindeterminateプロパティがtrueのままになる）
【期待する結果】全てのチェックボックスのcheckedプロパティとindeterminateプロパティがfalseになる
【サンプルコード】https://jsfiddle.net/rhyutmL8/

**Name_Not_Found** · 2021/06/24(木) 01:57:47.41

リセットボタンクリック時に関数実行してクリアすればよくね？

**659** · 2021/06/30(水) 05:33:19.39

>>660
遅くなりましたがありがとうございます！

**Name_Not_Found** · 2021/07/03(土) 23:36:16.44

>> 661
formのresetイベントでindeterminateをfalseにすればええんちゃう

**Name_Not_Found** · 2021/07/08(木) 19:19:50.57

既出でしたらすみません。
slice()やcharAt()などの文字列メソッドの用途があまり想像できません…。
業務や趣味で使用したことある方いましたらどのように使用したのか教えていただけますでしょうか。

**Name_Not_Found** · 2021/07/08(木) 19:55:29.27

https://searchfox.org/mozilla-central/search?q=.slice%28&;path=
https://searchfox.org/mozilla-central/search?q=.charAt%28&;path=

**Name_Not_Found** · 2021/07/08(木) 23:18:56.24

パース処理するとき使うよ

**Name_Not_Found** · 2021/07/09(金) 01:13:27.56

Ruby でも同じだけど、文字列処理で使う

**Name_Not_Found** · 2021/07/09(金) 21:57:45.16

料金シミュレーションができるサイトで、
リストを選択すると金額がかわるものがあります。

ソースを見ると
<select name="item">
<option data-price="1000" value="1">商品名</option>

のような感じになっており、
選択するとJavascriptでdata-priceの値を取得して
金額を計算する形が多いのですが、
こういう仕組みってセキュリティ的に問題ないのでしょうか？

外部からの送信で金額が書き換わるとか・・・

**Name_Not_Found** · 2021/07/09(金) 22:22:41.95

>>669
書き換えた結果を誰が見るのかな？

**Name_Not_Found** · 2021/07/09(金) 22:35:34.36

>>670
安く買いたい人が金額を書き換えるとか、そういう問題起きないですかね？
フォームに金額を設定するタイプの仕様って危険な香りがして・・・

**Name_Not_Found** · 2021/07/09(金) 23:00:20.44

>>671
常識的には実際に登録する時にサーバはバリデートする
でないとクルーザー100円で買ったよ！なんて事になるから

**Name_Not_Found** · 2021/07/09(金) 23:47:15.96

自分が書き換えて、自分が見るだけなら、間違っても問題ない。
単に、その人の入力ミスだから

一方、サーバーのデータを書き換えて、大勢の人が見るなら、ヤバイ

サーバー側でもエラーチェックするけど、
例えば、千円を100円に間違ったため、多くの申し込みがあったとかは防げない

サーバー管理者にとって、100円がエラーとは分からないから

**Name_Not_Found** · 2021/07/09(金) 23:52:28.68

よく起こるのは、通貨・株式取引で、1桁間違ったとか

こういうのは商取引でも、プロの取引に認定されているから、間違った人が悪い。
取引を錯誤などで、キャンセルできない。
取引が絶対に確定される

一方、一般消費者の取引では、錯誤でキャンセルできる。
一般消費者は取引のプロではないから

**Name_Not_Found** · 2021/07/10(土) 03:22:04.94

>>671
フォームでsubmitされるのはvalue=“1”のほうであってdata-priceじゃない
確認画面では正しい金額で表示される

確認画面の金額もローカルで変更してから
OKボタンを押したところで支払う金額が変更後のものに変わるわけじゃない

**Name_Not_Found** · 2021/07/10(土) 09:35:58.56

シミュレーションの値段変えて何がしたいの？

**Name_Not_Found** · 2021/07/10(土) 10:16:22.71

>>671
できるかどうかの前に
故意に書き換えて購入しようとしたら犯罪ちゃうの？という素朴な疑問

**Name_Not_Found** · 2021/07/10(土) 11:37:33.72

671です。実際に登録が完了する前にバリデーションしたら問題ない
ってのは分かった上で、表面上の金額が変わることに問題ないのか？
という疑問が起きました。
故意に変えたら犯罪ではありますが、
そういう仕様になっているのは設計する側のミスでもあるので。

とりあえず、「操作している人が金額を変えられたとしても
決済時に金額が代わらないなら問題ない」
という解釈をし、HTMLに金額を書いても問題ないと理解しておきます。

**Name_Not_Found** · 2021/07/10(土) 11:51:27.44

スーパーの値札なんて簡単に入替できるけど
店舗設計者のミスなの？

**Name_Not_Found** · 2021/07/10(土) 12:05:19.54

カスタムデータ属性で何ができるのか調べればいいのに…
目の付け所が糞過ぎて凄い勉強効率悪そう

**Name_Not_Found** · 2021/07/10(土) 12:16:07.44

HTMLに金額書かずにどうやって客に金額を提示するんだよw

**Name_Not_Found** · 2021/07/10(土) 12:48:42.90

書き換えられると困るので、このスーパーではレジのみにて金額の確認をさせていただいております
どうかよろしくご理解ください

**Name_Not_Found** · 2021/07/10(土) 13:46:06.72

>>681
optionにはidだけ記載して、Ajaxで金額を称号して計算すると思ってました
でも、これならいちいちDBにアクセスするため、効率悪いですよね

**Name_Not_Found** · 2021/07/10(土) 14:52:15.79

>>683
ajaxで金額を照合して計算したとしても
計算結果の金額をユーザーに提示する必要があるよね

それは何らかの形でHTMLに書かれるわけだから
data-priceに金額を書いてるのと同じで書き換えが可能

**Name_Not_Found** · 2021/07/10(土) 16:58:48.39

>>684
非同期通信のデータも書き換えることができるんですね
出来ないと思ってました。HTMLに書くわけではないですから。

**Name_Not_Found** · 2021/07/10(土) 18:05:23.78

もう何言ってるんだかって感じ・・・
とりあえずHTTPの基礎を学んで出直してくれ

**Name_Not_Found** · 2021/07/10(土) 18:36:29.65

非同期通信とかを知っていて、なんでそんな思考になるのか理解できない
どんな順番で学んだのかな？

**Name_Not_Found** · 2021/07/10(土) 18:43:06.10

逆です。「もし自分が知らなかったら大変なことになる」と思っての質問です。
完璧に全ての要件を理解しているわけではないので、
自分が知らないことでセキュリティリスクが発生してはいけないと思い、
イレギュラーな質問をした次第です。問題ないのならそれが一番です。

**Name_Not_Found** · 2021/07/10(土) 18:43:40.11

非同期通信のデータも書き換えることができるけど
そうじゃなくてサーバーから受け取ったデータを元にHTMLを更新しないとユーザーは金額見れないじゃん

**Name_Not_Found** · 2021/07/10(土) 19:23:04.57

頓珍漢な考え方がリスクですわ

**Name_Not_Found** · 2021/07/10(土) 21:30:23.47

HTTP理解してない人間がWebアプリ開発に関わるというのが一番のリスク
Webアプリを開発するなら徳丸本レベルのセキュリティ知識は必須

**Name_Not_Found** · 2021/07/11(日) 02:55:05.08

CSRFトークンやらは流石にチームリーダーかベテランが設計して、レビューするのでは？

**Name_Not_Found** · 2021/07/11(日) 08:51:57.44

CSRFトークンとかはフレームワークが用意してる仕組みを使えよ

**Name_Not_Found** · 2021/07/11(日) 21:26:02.13

Ruby on Rails では最初から、

CSRF・Cross Site Request Forgeries 対策されている

**Name_Not_Found** · 2021/07/11(日) 22:22:40.00

ルビ基地はこんなところまで出張してくるのかよw

**Name_Not_Found** · 2021/07/12(月) 00:29:51.71

>>694
ルビ基地さん、マルチポストは禁止ですか？

**Name_Not_Found** · 2021/07/12(月) 22:07:17.75

Web上で動く動画編集ソフトを作っていて、メモリの使用状況を知りたいのですが、
navigator.onmemorypressureがクソ使えません。
タブが落ちるまで発動しないことや、落ちる寸前で発動してどうしようもないときがしばしばあります。
今は代わりにWeakRefを使ってCGの粒度と頻度を監視してメモリの逼迫を予測しているのですが
いつまでも実装内部の微妙な振る舞いに頼った方法を使うわけにもいかないので
もっと良い解決方法はありませんでしょうか？

**Name_Not_Found** · 2021/07/20(火) 11:11:13.43

超初心者です。
今やっている教材で
if(!$('#text').val()){
といった条件式のif文が出てきたのですが
これはなにをもってtrueなのでしょうか……

textは文字を１行入力するinput要素につけられたidだと思います

**Name_Not_Found** · 2021/07/20(火) 13:47:53.58

その要素のvalue属性がfalsyなら条件式がtrue
(!が否定なので)

文字列が空だったりしたらtrueになる

**Name_Not_Found** · 2021/07/21(水) 01:17:28.04

まず、!$('#text').val()、これは、!( $('#text').val() ) と同じ。
.val() は、<input>の内容を取得するので、文字列型

!文字列型は、文字列を否定した真偽値になる。
さらに、その真偽値を否定すると、!!文字列型。肯定に戻る

文字列の真偽値は、空文字列なら偽。
それ以外は真と判定される

だから下の出力は、文字列が存在すれば「あいう true false」、
空文字列なら「false true」

<label>入力文字列<input type="text" id="Text1" value="あいう" autofocus></label><br>
<button id="Button1">押して</button>
<p>出力 : </p><div id="output"></div>

$( "#Button1" ).click( function ( ) {
inputText = $( "#Text1" ).val( ) // 取得
console.log( inputText, !!inputText, !inputText )

$( "#output" ).text( `${ inputText } ${ !!inputText } ${ !inputText }` ); // 設定
} )

**Name_Not_Found** · 2021/07/21(水) 18:21:52.33

下記のような処理を行いたいのですが、「httpresponseに反応し、関数を呼び出す」の実装方法がわかりません。何か方法はありませんでしょうか。初学者の質問で恐縮です。

ページを表示→入力フォームに文字列を入力後送信ボタンをクリック→関数が呼び出され、httpresponseを返す→httpresponseに反応し、関数を呼び出す