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

**Name_Not_Found** · 2019/02/17(日) 02:12:57.04

JavaScript を自ら学ぶ人のための質問スレッドです。
次スレは>>950が(本スレで改善案があれば考慮して)立ててください

■規則/推奨ルール
・メール欄を空欄にし、名前にレス番を入れることを強く推奨(なりすまし防止)
・質問内容は具体的に。言葉だけでなく、出来る限り再現性を確認したサンプルコードの掲示。
・質問テンプレートの利用推奨。
・質問への「答え」から解離した議論はよそでやること。
■禁止行為
・丸投げ質問
・迷惑スクリプトの質問
・オレオレ用語の使用(一般的な用語を使用する事)
・煽り、批判等の他人を不快にさせる行為(批判の代わりに「AよりBが良い」のような代案を出す事)
■質問テンプレート
【環境】OS, ブラウザをバージョンと共に記入してください。
【条件】期待する回答の条件を書いてください。
【何をしたのか】何をしたら問題の現象が発生するのか。再現手順を具体的に書いてください。
【エラーメッセージ】エラーメッセージがあれば正確に書き写してください。
【期待する結果】最終的にどういう結果を望んでいるのか、を書いてください。
【サンプルコード】現象を再現可能な最小限のコードを書いてください。
　1レスに収まらないならコード投稿サイトを利用してください。
　http://jsdo.it/　http://jsbin.com/　http://jsfiddle.net/　http://ideone.com/
■回答者へ
・回答には多様性があります。他人の回答を尊重してください
・動作ブラウザや環境が限られる場合は、それを明記してください
・他人の回答を批判する代わりに、自分ならこう書くという例を示してください
・質問者がJavaScriptでなければ実現できないと勘違いしてるなら、その否定としてHTMLとCSSで実装しても良い
・他人の回答を見たくないのであれば、文句をつける代わりにNGにして見えないようにしてください。文句をつける＝荒らしです

※前スレ
+ JavaScript の質問用スレッド vol.137 +
https://mevius.5ch.net/test/read.cgi/hp/1546773073/

**Name_Not_Found** · 2019/02/17(日) 02:13:12.65

■テンプレ案
https://fiddle.jshell.net/6ksf2087/show/light/

■参考URL
ダウンロード、CDN
http://jquery.com/download/
ブラウザサポート
http://jquery.com/browser-support/
jQuery UI
http://jqueryui.com/
jQuery UI ダウンロ－ド
http://jqueryui.com/download/
リファレンス等
http://alphasis.info/
http://www.jquerystudy.info/
http://js.studio-kingdom.com/
【翻訳まとめ】jQuery 3.0 アップグレードガイド - Qiita
http://qiita.com/fmy/items/345a264a1cf2e2a73f62

**Name_Not_Found** · 2019/02/17(日) 02:13:28.21

■JavaScript主要ライブラリ・フレームワーク

jQuery
http://jquery.com/
jQuery UI
http://jqueryui.com/
jQuery Mobile
http://jquerymobile.com/
Lo-Dash
https://lodash.com/
Backbone.js
http://backbonejs.org/
Underscore.js
http://underscorejs.org/
AngularJS
https://angularjs.org/
Knockoutjs
http://knockoutjs.com/
RequireJS
http://requirejs.org/
D3.js
http://d3js.org/
threejs
http://threejs.org/

**Name_Not_Found** · 2019/02/17(日) 02:13:44.56

■質問を書く上で
(1) 煽り、コード制作依頼等、人を不快にさせる投稿はご遠慮下さい。公序良俗を守った応対を心がけてください。
(2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。
　　(ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など)
(3) 質問者及び議論を行う人はメール欄を空欄にし、名前にレス番を入れることを強く推奨します。回答者はなりすましを判断できませんので、なりすましが現れても自己責任となります。
(4) 常に自発的に調べる心構えを持ってください。
　　具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。
　　わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。
(5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。
(6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。
　　※必ず「問題の事象が再現されること」を確認してください。
　　　必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。
(7) サンプルコードに HTML が含まれる場合は http://validator.w3.org/ で [Check] してみてください。
(8) 質問を具体的かつ詳細に書くと回答を得られやすいです。>>2の質問テンプレートを活用してみてください。
(9) 時にはあなたが望む「答え」だけでなく、「意見」などが寄せられる場合もあります。

**Name_Not_Found** · 2019/02/17(日) 02:14:34.72

■JavaScript主要ライブラリ・フレームワーク利用率

https://w3techs.com/technologies/overview/javascript_library/all

**Name_Not_Found** · 2019/02/17(日) 02:15:54.20

前スレまとめ

> カンマ演算子につき、
> A, Bと書くとき、Aに期待できるのは副作用のみである。
a = 1, b = a のような書き方ができるので間違い

単に A, B で Aの部分で再代入なしの代入（束縛）ができることに気づいてないマヌケってだけ

**Name_Not_Found** · 2019/02/17(日) 03:18:40.96

だよな！こうすればいいんだよな！
[1,2,3].map(v => (const w = v + 2, w * w))
あ、あれ？(TдT)

**Name_Not_Found** · 2019/02/17(日) 03:20:58.84

まとめ
カンマ演算子につき、
A, Bと書くとき、Aに期待できるのは副作用のみである。
カンマ演算子が取れるのは式(Expression)のみである。
変数宣言(VariableStatement)は宣言であって式ではない。
すなわち、
const a = 1, b = 2
は変数宣言であり、
またこのカンマはカンマ演算子ではない。
[1,2,3].map(v => (v += 2, v * v));
のv += 2は仮引数vを書き換える副作用である。
カンマ演算子は式(Expression)しか取れないので、副作用なく
[1,2,3].map(v => (const w = v + 2, w * w))
などと書くことはできない。
なぜならconst w = v + 2は変数宣言(Statement)であって式(Expression)ではないからである。
カンマ演算子を使わず
[1,2,3].map(v => {
const w = v + 2;
return w * w;
})
と書いたときはどこにも副作用がない。カンマ演算子もどこにもない。

**Name_Not_Found** · 2019/02/17(日) 03:22:36.35

>>8
いい加減にしろよ？
https://mevius.5ch.net/test/read.cgi/tech/1548720347/160
で決着ついただろ！

**Name_Not_Found** · 2019/02/17(日) 03:30:39.19

>>9
恥ずかしいからやめて…

**Name_Not_Found** · 2019/02/17(日) 03:39:12.16

テンプレだけどさ、
jQueryはいいとしてさすがに今どきjQuery UIはなくね？

**Name_Not_Found** · 2019/02/17(日) 03:40:32.49

Backbone.js、Knockoutjsも。

**Name_Not_Found** · 2019/02/17(日) 04:00:32.14

jQuery偏重テンプレがあからさますぎ

**Name_Not_Found** · 2019/02/17(日) 04:12:03.83

>>6-8
面白いジョークをありがとう。朝からみんな笑ってスレに活気が生まれたよ。

**Name_Not_Found** · 2019/02/17(日) 12:46:19.32

>>11
>1と>4だけでいいかもね

**Name_Not_Found** · 2019/02/17(日) 12:48:19.46

というか質問テンプレートを使った質問を
ここしばらく見たことがないなｗ

**Name_Not_Found** · 2019/02/17(日) 13:00:12.21

>>16
回答側にも問題有
是正する人がいないから、無意味と化してる

**Name_Not_Found** · 2019/02/17(日) 16:43:30.99

コールバック関数を登録する処理などで、
登録されたコールバックの引数がどんなもんかを
チェックする方法ってありますか？

たとえば、引数に int ひとつだけの関数が登録されることを前提にしてるのに
引数が文字列な関数を登録したら、登録時にエラーにしたいんだ

**Name_Not_Found** · 2019/02/17(日) 16:55:24.53

typescript使うかflow使うか、変換挟まないで素のjsのままやりたいならbabelparser

**Name_Not_Found** · 2019/02/17(日) 16:56:53.21

あbabelparserはこの要件に合わないな。忘れてくれ

**Name_Not_Found** · 2019/02/17(日) 17:00:25.52

>>18
コールバックを呼び出すのがあなたが作成している関数ならtypeof演算子で調べられる

**Name_Not_Found** · 2019/02/17(日) 17:41:48.66

>>18
function sample (i, f) {
if (typeof i !== 'number') {
throw new TypeError;
}

f(i);
}

**Name_Not_Found** · 2019/02/17(日) 18:09:43.19

>>19
あーそうか、型がそもそも無いんだから無理だね。
typescript使うしかないか
ありがとう

**Name_Not_Found** · 2019/02/17(日) 18:14:15.83

function sample (o, f) {
if (typeof o !== 'object') {
throw new TypeError;
}

f(o);
}

function samplecb (obj) {
obj.newprop = 'new!';
}

sample(null, samplecb);

なるほど。

**Name_Not_Found** · 2019/02/17(日) 18:36:36.73

>>24
それは全Object型を判定できてないぞ
Int型が欲しいなら、Int32準拠で作るなら自前実装すれば良い
整数判定なんてたいして難しくはあるまい

**Name_Not_Found** · 2019/02/18(月) 18:01:06.31

マンガで分かるjavascriptプログラミング講座
ttps://crocro.com/write/manga_javascript/wiki.cgiというサイトを見て分かりやすいと思ったんですが、ちょっと昔のものをやっても大丈夫なんですか？

また、他に初心者にオススメの学習サイトってありませんか？
Progateは分かりやすく初級編は一周しましたが、クレジットカード持ってなく会員登録できないのでやめました。
ドットインストールはテキストエディタが白くて目が疲れて集中出来ないのでやめました。
なので、なるべく無料で初心者向けの学習サイトがあったら教えてください。お願いします...

**Name_Not_Found** · 2019/02/18(月) 19:29:51.47

>>26
そのサイトは確度に問題があると思うがなあ

**Name_Not_Found** · 2019/02/18(月) 19:41:40.89

>>27
まじっすか...
使うのやめます...

**Name_Not_Found** · 2019/02/19(火) 09:23:58.72

>>26
とりあえずMDNでいいんじゃね。
初心者用チュートリアルとかあるし

**Name_Not_Found** · 2019/02/19(火) 13:07:52.04

スレを未読に戻す機能ってありますか？
レス代行しているのですが、後でと思って放置してしまう時があります
未読に戻せれば忘れないのですが

**Name_Not_Found** · 2019/02/19(火) 13:08:10.51

すいません、スレを間違えました

**Name_Not_Found** · 2019/02/19(火) 13:11:03.39

※このスレはレス代行業者に監視されています

**Name_Not_Found** · 2019/02/19(火) 19:14:39.12

JavaScriptの勉強始めたいんだけど、練習環境ってどうすればいいの?
FireFoxのやつとか使うのが一般的?

できればpythonのjupyter notebookみたいな学習ノートとしての機能もしっかりついてるような
環境が欲しいんだけど。

**Name_Not_Found** · 2019/02/19(火) 19:24:48.69

Chrome以上の環境なんてあるんか

**Name_Not_Found** · 2019/02/19(火) 19:25:31.13

htmlファイルにjs書いてchromeで開いたらソレでいいと思うけど
テキストエディタはatom辺りでええやろ

**Name_Not_Found** · 2019/02/19(火) 19:27:59.99

ノート機能が欲しいならjupyter notebookにjsカーネル入れるだけだろ。
とっくにpython専用じゃないんだがあれ。

**Name_Not_Found** · 2019/02/19(火) 19:28:42.28

runkit使えrunkit

**Name_Not_Found** · 2019/02/19(火) 19:29:50.84

いやvscodeにlive-serverだろ

**Name_Not_Found** · 2019/02/19(火) 19:35:52.24

jsの勉強って言っても要素作成、属性変更、無名関数とバインドにifとforぐらいやれば十分で
後は設計する力を高めたほうが良いと思う

**Name_Not_Found** · 2019/02/19(火) 19:46:44.53

>>29
見たところ自分に合ってそうです！
やってみます！
ありがとうございます！

**Name_Not_Found** · 2019/02/19(火) 22:28:44.70

jupyter notebookでできるし、jupyterlabでもできるんだ...
知らなかった！サンクス

ちなみにnode.jsのnodebrewとnpmは、pythonだとpyenvとpipに相当するという理解でOK？

**Name_Not_Found** · 2019/02/20(水) 06:23:39.09

VSCode, Node.js をインストールする

コマンドプロンプトで、where node と打つと、
C:\Program Files\nodejs\node.exe

後は、VSCode のスレへ行って、お勧め拡張機能を、10個ぐらい入れる

ただし時刻は、Node.js を直接実行すると、UTC となり、9時間ずれる。
timeZone を指定すれば、ローカルタイムになる

同じソースコードをブラウザや、拡張機能のQuokka.js で実行すると、ローカルタイムになる

// 1970年01月01日 00:00:00 UTC (Unix エポック)
var dt3 = new Date( 1970, 0, 1, 0, 0, 0 );

// 上は、1969-12-31T15:00:00.000Z, 下は、1/1/1970, 00:00:00
console.log ( dt3 );
console.log ( dt3.toLocaleString( 'en-US', { timeZone: 'Asia/Tokyo', hour12: false } ) );

**Name_Not_Found** · 2019/02/20(水) 06:39:25.66

>>41
node.js のnpm, yarn は、Ruby のBundler と同じ

パッケージをグローバルにインストールすると、すべてのプロジェクトで共通となる

逆に、プロジェクトフォルダに設定ファイルを置いて、
プロジェクト固有にインストールすると、そのプロジェクトのみに適用できる

Ruby では例えば、sqlite3 のgem(パッケージ)を、グローバルにインストールすると、
自分は、Ruby2.4 を使っているのに、2.0～2.4 のすべてが入る！

最新版のバージョン指定をしなかったからかな？
npm, yarn では、どうなるのか、わからないけど

C:\Ruby24-x64 以下に、
./lib/ruby/gems/2.4.0/gems/sqlite3-1.3.13-x64-mingw32/lib/sqlite3/2.0/sqlite3_native.so
./lib/ruby/gems/2.4.0/gems/sqlite3-1.3.13-x64-mingw32/lib/sqlite3/2.1/sqlite3_native.so
./lib/ruby/gems/2.4.0/gems/sqlite3-1.3.13-x64-mingw32/lib/sqlite3/2.2/sqlite3_native.so
./lib/ruby/gems/2.4.0/gems/sqlite3-1.3.13-x64-mingw32/lib/sqlite3/2.3/sqlite3_native.so
./lib/ruby/gems/2.4.0/gems/sqlite3-1.3.13-x64-mingw32/lib/sqlite3/2.4/sqlite3_native.so

**Name_Not_Found** · 2019/02/20(水) 07:02:50.87

>>42>>43
死ね

**Name_Not_Found** · 2019/02/20(水) 17:16:50.42

ゲーム用のフレームワークとゲームエンジンでは何が違うんですか？
また、javascriptだけで出来る範囲というのはどこまですか？

**Name_Not_Found** · 2019/02/20(水) 18:29:49.56

>>45
フレームワーク＝　ライブラリ群
エンジン＝ライブラリ
unityぐらいになると、独自のフレームワークになったりする

まぁおｓれらはさておき、超絶おざっぱに言うと
＞、javascriptだけで出来る範囲と
あったりなかったりする
ボタンを配置するのがjs
セーブデータを設定するのがphp

**Name_Not_Found** · 2019/02/20(水) 20:15:49.10

wikipediaより
> ライブラリ（英: Library）は、汎用性の高い複数のプログラムを再利用可能な形でひとまとまりにしたものである。

ライブラリ群は、汎用性の高い複数のプログラムを、ひとまとまりにしたものを、ひとまとまりにしたものである？？？

まあ「フレームワーク＝ライブラリ群」という説明が間違ってるから
意味不明になるんだけどねｗ

**Name_Not_Found** · 2019/02/20(水) 20:17:42.69

フレームワーク・・・俺（フレームワーク）が呼び出すから、お前は中身を書いてくれ
ライブラリ・・・俺（ライブラリ）が中身を書いたから、お前は便利に使ってくれ

**Name_Not_Found** · 2019/02/20(水) 20:18:32.86

それはIoCの説明では？

**Name_Not_Found** · 2019/02/20(水) 20:24:33.95

全く違う

**Name_Not_Found** · 2019/02/20(水) 20:40:09.61

>>47
申し訳ない、飲みながら適当ｎ書きました！

**Name_Not_Found** · 2019/02/20(水) 22:59:09.17

ローカルHTMLファイルをChromeで

file:///～.html#aaa
とか
file:///～.html?aaa
のような感じで開こうとすると
#が%23、?が%3Fに置き変わってしまい
htmlファイルそのものが見つからなかったような感じになってしまうんですが
このようにURLにhashなりsearchなりを含めた形で開くのはローカルでは無理なのでしょうか？

**Name_Not_Found** · 2019/02/21(木) 00:21:00.12

>>52
へぇ、知らなかった
その辺は限界かと思うので、xamppなどを導入すると良いと思う
hostsファイルの編集と組み合わせるとメチャクチャ強力だぞ
詳細はこの辺
https://15g.jp/post-770/

**Name_Not_Found** · 2019/02/21(木) 04:34:50.79

node js とは実行環境のことですか？vs code使うときに必要なようですが

**Name_Not_Found** · 2019/02/21(木) 06:54:03.52

>>52
file:///は通信を発生させないから

**Name_Not_Found** · 2019/02/21(木) 08:48:49.50

vs codeなんですが　nodejsとどうやって関連付けするか教えてください
add configurationの部分に候補が出てこないです
node jsはインストールしてます

**Name_Not_Found** · 2019/02/21(木) 08:56:26.44

>>56
https://code.visualstudio.com/docs/nodejs/nodejs-tutorial

**Name_Not_Found** · 2019/02/21(木) 09:57:14.66

連想配列のキーに使えない文字ってありますか？
また、連想配列のキーの長さの最大値って何文字ですか？
ちょっと重複のカウントとかに連想配列を使いたいので知りたいです。
よろしくお願いします。

**Name_Not_Found** · 2019/02/21(木) 10:55:03.20

> 重複のカウントとか

どんな要件か教えろ
そんなくだらないこと考える必要のない素晴らしい実装を見せてやんよｼｭｯｼｭｯ

**Name_Not_Found** · 2019/02/21(木) 12:48:18.44

>>58
[[Prototype]]をnullにしたなら、文字列リテラルの仕様に準ずる

60 · 2019/02/21(木) 12:51:28.22

値を捨てるぐらいなら、new Set()を使えばいいのに、とは思う

**Name_Not_Found** · 2019/02/22(金) 06:51:51.53

関数単位で見た場合副作用が無いとは言えないね

**Name_Not_Found** · 2019/02/22(金) 07:02:11.35

オブジェクトを連想配列に使う場合に、
たまたま、__proto__ というキーに値を設定すると、ハマる

var obj = { __proto__: 1 };

var obj = { };
obj[ '__proto__' ] = "a";

だから、Haxe では内部的に、文字列の前に、@ を連結して、
@__proto__ のようにして、元からあるプロパティを上書きしないようにしている

確か、ES6 だったかな？のmap みたいなライブラリを使うとか、
Object.assign() とかかな？

**Name_Not_Found** · 2019/02/22(金) 07:17:57.14

>>56-57
Node.js をインストールしたら、
コマンドプロンプトで、where node と打つと、
C:\Program Files\nodejs\node.exe
と表示されるか、確かめる

右側に表示される、.js ファイル上で、ターミナルを開くと、
そのファイルがあるフォルダ上で、ターミナルが開くので、
node a.js と打てば、実行できる

ターミナルでは、タブで入力補完、上下矢印で履歴をさかのぼれる

拡張機能のCode Runner を入れると、右クリックメニューから、
指定したソースコードの範囲を実行できる。
Ctrl+Shift+P で、Run Code でも同じ

拡張機能のQuokka.js を入れると、Ctrl+Shift+P で、Quokka.js New File でも実行できる。
変数名だけで、その内容をファイル上にも表示してくれる。
console.log( 変数名 ); と書かなくてもよい！

**Name_Not_Found** · 2019/02/22(金) 07:34:11.54

>>63
>>60でnullにするよう指摘済
文字列のままならそれでよいが、Mapがより有用
値が不要ならSet

**Name_Not_Found** · 2019/02/22(金) 08:45:47.99

>>64
質問に対する答えになってないね。
分かんねーなら黙ってろクズ。

**Name_Not_Found** · 2019/02/22(金) 12:05:23.48

オンラインのエディタでもいいの？
VS　codeの設定がわからん

**Name_Not_Found** · 2019/02/22(金) 18:44:08.29

https://playcode.io/
というオンラインエディタ使ってるんですが、どこからダウンロードできますかね
ファイルを

**Name_Not_Found** · 2019/02/22(金) 23:36:56.20

たまたま__proto__というキーが来ることなんてクライアントサイドで考える必要はまったくない
そんなことを言い出したらたまたま1GBのキーが来ることなども考えないといけない
隕石が怖いとかそんなレベルな話は止めよう

**Name_Not_Found** · 2019/02/23(土) 03:15:24.82

__proto__はプロトタイプ汚染攻撃に使われるらしい。
しかしこれ攻撃側も結構大変みたいだな。
目隠ししたまま迷路を解くみたいだ。

**Name_Not_Found** · 2019/02/23(土) 05:49:15.68

デバッグって、ブラウザの更新しながらやるもんですか？
なにかツールがあるんでしょうか。

**Name_Not_Found** · 2019/02/23(土) 08:58:24.54

>>69
かいひするほうほうがるなら、対策した方が良くね？

**Name_Not_Found** · 2019/02/23(土) 11:09:41.05

beginpathはjavascriptではないのですか？

**Name_Not_Found** · 2019/02/23(土) 11:21:40.61

>>72
さあ
俺はできることなら全てやるべきとは考えないけどね
著名なライブラリとかだとどこでどう使われるか分かんないから気にするのは分かるけど

**Name_Not_Found** · 2019/02/23(土) 11:26:12.72

>>72
キリないぞ

**Name_Not_Found** · 2019/02/23(土) 11:27:58.98

ユーザー操作が前提なら対策せざるを得ないというかセキュリティの問題になる
手元で使う分には注意するだけで済む事もあるんじゃない

63 · 2019/02/23(土) 11:57:11.59

例えば、英単語を登録して、使用回数を数える場合、
オブジェクトを連想配列に使うと、

たまたま、__proto__ という単語を登録しようとして、ハマる

var obj = { };
obj[ '__proto__' ] = 1;

**Name_Not_Found** · 2019/02/23(土) 11:59:59.17

>>77
死ね。お前がハマってんのはクソ言語の改行コードだろｗｗｗ
https://mevius.5ch.net/test/read.cgi/tech/1545421414/166

**Name_Not_Found** · 2019/02/23(土) 15:04:25.52

jQueryでメソッドに引数として渡したいものがちょっと複雑なとき、即時関数で

$('#aaa').text((()=>{
～略～
～略～
～略～
return bbb;
})());

とするのがよいのでしょうか？
なんかずいぶん括弧が多いですが…
即時関数を使わずおとなしく外で

～略～
～略～
const bbb = ～略～;
$('#aaa').text(bbb);

とする場合との使い分けがどうもわからず…
前者（即時関数）のほうが、まとまった一連の処理って感じでわかりやすい＆変数名が重複しづらいので良さげな気もしますが

**Name_Not_Found** · 2019/02/23(土) 17:34:48.52

>>79
なんで即時関数を使わないといけないだ？

$('#aaa').text(function() {
　～略～
　～略～
　～略～
　return bbb;
});

ってすりゃいいじゃん

**Name_Not_Found** · 2019/02/23(土) 17:46:31.56

へー1.4から関数も受けつけてくれるようになってたんだ？
http://js.studio-kingdom.com/jquery/manipulation/text

**Name_Not_Found** · 2019/02/23(土) 21:05:11.52

ドットインストールで独学で勉強中で超基礎的な質問なんですが

const o = {
a:1,
b:2,
};

Object.keys(o).forEach(key => {
console.log(`${key}${o.key}`);
});
このo.keyの部分がundefinedになってしまうんですが
なんで1って表示されないんでしょうか

**Name_Not_Found** · 2019/02/23(土) 21:22:26.62

>>82
o.key → o[key]
変数名とプロパティ名がごっちゃになってる

**Name_Not_Found** · 2019/02/23(土) 21:44:06.76

>>83
ああそうか、わかりました
o.keyだとkeyが変数でアクセスできるわけないですね
[]だと中が変数でも中身の文字列に変換されるからアクセスできるってわけですね
ありがとうございました

**Name_Not_Found** · 2019/02/23(土) 21:53:11.02

質問です
sinが-cosが-だったらπ～2πの角度で返してくれる関数って存在しますか？
asinとacosが別々なのでどっちも-π/2～π/2または0～πで返ってしまうので

**Name_Not_Found** · 2019/02/23(土) 22:16:01.99

>>85
Mathクラス
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Math

Math.cos(Math.PI)
は-1が返る

**Name_Not_Found** · 2019/02/23(土) 23:09:20.62

>>77
ようは、オブジェクト初期化子を使うのが問題なだけだな

**Name_Not_Found** · 2019/02/24(日) 04:48:44.92

javascriptのゲームエンジンは何がおすすめですか？
更新されていないものが多いのですか・

**Name_Not_Found** · 2019/02/24(日) 09:38:59.56

>>88
好み

**Name_Not_Found** · 2019/02/24(日) 09:50:29.43

ふつうにPhaserでいいだろ。

**Name_Not_Found** · 2019/02/24(日) 10:00:38.98

enchant jsってのは古いのですか？

**Name_Not_Found** · 2019/02/24(日) 10:04:26.94

無条件に「お勧め」を選ぶんだから好みだろ
古いとか気にせず、好きに選べばよい

**Name_Not_Found** · 2019/02/24(日) 10:43:52.63

Unity

**Name_Not_Found** · 2019/02/24(日) 10:49:43.35

>>91
https://github.com/wise9/enchant.js

**Name_Not_Found** · 2019/02/24(日) 11:23:35.25

PIXI.jsはいいぞ

**Name_Not_Found** · 2019/02/24(日) 11:54:55.71

フレームワーク使うならゲームエンジンで良いのでは　と思うのですが

**Name_Not_Found** · 2019/02/24(日) 12:52:13.90

>>96
自己判断できるなら他人に尋ねる必要はないと思うのですが

**Name_Not_Found** · 2019/02/24(日) 12:54:32.46

昔jsでゲーム作ったらチートやりたい放題になって泣いた
サーバーでデータ持たせればいいんだけど、それはそれで面倒すぎる

**Name_Not_Found** · 2019/02/24(日) 13:20:17.32

>>98
1人遊び用にすればいい

**Name_Not_Found** · 2019/02/24(日) 13:36:40.96

>>99
それならDXライブラリで作るんだ・・・
webの特色、サーバーサイドの処理はやっぱり活かしたかった
まぁもう作ることもないだろうけどね

79 · 2019/02/24(日) 20:02:21.10

>>80
あー関数を渡せば勝手に実行してくれるんですね、そういえばやったことあったような

でもjQueryでなく例えば配列へのpushとかだとエラーになるので、そういったときはやっぱり

array.push((()=>{
～略～
～略～
～略～
return bbb;
})());
のような形になるんですかね…？

**Name_Not_Found** · 2019/02/24(日) 20:17:17.98

関数の戻り値で配列のpushにする場面が良く分からん

**Name_Not_Found** · 2019/02/24(日) 21:49:09.66

こんなことしたい意図が超わからん過ぎてどうにもアドバイスしようがない。

**Name_Not_Found** · 2019/02/24(日) 22:02:57.43

ゲームのイベントなら

**Name_Not_Found** · 2019/02/25(月) 06:42:26.73

JavaScript版Cocos2d-x かんたんゲーム開発、2015
原題：Learning Cocos2d-JS Game Development

この本の著者、Emanuele Feronato
italian geek and PROgrammer
http://www.emanueleferonato.com/

このイタリア人、最近は、Phaser ばっかり！

他には、Haxe とか

**Name_Not_Found** · 2019/02/25(月) 07:48:47.91

vs codeでどうやってjavascriptのでバッグをするんでしょうか？
チュート通りにやるのですが、うまくいきません
https://i.imgur.com/wfkEtt0.jpg

**Name_Not_Found** · 2019/02/25(月) 08:05:44.50

最近の質問、投げっぱなしばかりだけど、全員同じ人なのかな？

**Name_Not_Found** · 2019/02/25(月) 11:14:35.32

>>107
解決しました

**Name_Not_Found** · 2019/02/25(月) 11:14:52.43

ゲームエンジンを使わないでゲーム作るメリットはなんですか？

**Name_Not_Found** · 2019/02/25(月) 11:54:30.46

仕組みの勉強とかじゃね
あと新しい言語学ぶときとかの題材にいい。俺の場合直接数学とか題材にしちゃうと眠くなるので…

**Name_Not_Found** · 2019/02/25(月) 12:11:37.27

>>108
何が解決？

**Name_Not_Found** · 2019/02/25(月) 12:14:42.42

食料問題

**Name_Not_Found** · 2019/02/25(月) 12:25:28.92

>>112
良かったね
もう報告しなくていいよ

**114** · 2019/02/26(火) 00:21:29.84

質問したいことがあります。
とても困っています。

どなたか起きてらっしゃる方おられますか？

**Name_Not_Found** · 2019/02/26(火) 00:51:16.93

はい

**Name_Not_Found** · 2019/02/26(火) 01:06:17.21

おるで

**Name_Not_Found** · 2019/02/26(火) 01:07:06.16

寝ました

**114** · 2019/02/26(火) 01:15:38.08

ありがとうございます！ちょっと質問テンプレ埋めるのでお待ちください

**114** · 2019/02/26(火) 01:18:37.30

【環境】OS/Windows10 Android iOS ブラウザ/ChromeとSafari最新版
【条件】

出勤可能時間を提出する画面を作成している。
終日可、時間指定出勤可、出勤不可、未提出でボタンが切り替わる方式。

【何をしたのか】
各種ボタンが切り替わる機構と時間指定のときのみ
時間を入力できるフォームが生成される条件式を開発

【エラーメッセージ】なし

【期待する結果】デフォルトが終日可、かつ、７日以内の場合、ボタンを切り替えられなくしたい。（終日可のまま変更できないこと）
【サンプルコード】

https://ideone.com/63JYMf

７日以内の操作制御自体はできているのですが
制御を上手くコントロールできません。

是非とも宜しくお願い致します。

**Name_Not_Found** · 2019/02/26(火) 05:33:04.82

おすすめオンラインエディタ教えてください

**Name_Not_Found** · 2019/02/26(火) 07:00:35.59

>>119
そういう依頼は他所で有料でやると良いよ

**114** · 2019/02/26(火) 07:11:33.13

>>121
わかりました！ありがとうございます。
オススメのサービスなどございますか？

**Name_Not_Found** · 2019/02/26(火) 07:23:54.49

>>120
ぐぐれ

**Name_Not_Found** · 2019/02/26(火) 10:08:49.89

>デフォルトが終日可、かつ、７日以内の場合、ボタンを切り替えられなくしたい

このスレでは、その部分のやり方だけを聞いてくれ。
条件など、if 文で書けばよいだけ

ポイントに関係ない部分のソースコードが多いほど、回答者の理解コストが高くなる。
特殊な事が多いから、業務の仕様を理解するのが、最も困る。
だから質問を、業務の仕様から切り離して、例題を作って質問してくれ

ボタンを切り替えられないようにするには、disabled 属性とかだろ？
「html button 押せない」で検索！

**Name_Not_Found** · 2019/02/26(火) 10:49:32.77

画像のキャラクターを生のjavascirptだけで移動させることはできますか？
フレームワーク使わずにです

**Name_Not_Found** · 2019/02/26(火) 10:51:13.78

>>125
「画像のキャラクター」
が何を指すか分からない
例を出して

**Name_Not_Found** · 2019/02/26(火) 11:23:32.44

２ｄのスプライトですね
パラパラ漫画のように、スプライトを切り替えながらアニメーションさせていく感じです
勉強のためにフレームワークなしでやってるんですが

**Name_Not_Found** · 2019/02/26(火) 11:51:50.82

>>125
個人的な意見だけど、そここそ逆にライブラリに頼るべき場所と思うが・・・
・ダントツで手っ取り早いのはアニメーションgifを置くだけ
・軽いのはcssスプライトで画像を切替える方法。移動はtopとleftを増減させる
https://qiita.com/takumifukasawa/items/7463d9fa48aced1cf3cb
・画像の差し替えが楽なのはimgを複数用意し、予め全て読み込ませておいて、display:noneなどで切り替えつつtop・leftで移動
か？

アニメーションはあっという間に重くなる
動いてハイ終わり、なら何とでも鳴るけど、すぐにパフォーマンスを考える必要が出てくる
できるだけcss使う方法を考えてみて

**Name_Not_Found** · 2019/02/26(火) 17:40:56.14

↑cssかフレームワークかなんですね、、、
フレームワークってどれがいいんですか？
古いの多くて

**Name_Not_Found** · 2019/02/26(火) 21:57:53.04

SVGアニメにすればJSからコントロールできる

**Name_Not_Found** · 2019/02/27(水) 03:22:56.18

>>129
jquery不要の奴が良いと思うけど、
やりたいことが変なので色々と探す事になると思う
https://grow-group.jp/archives/1214/

>>130
その手があったか
ただ俺には良く分からん

**Name_Not_Found** · 2019/02/27(水) 05:28:07.90

javascript初心者です
開発環境は秀丸エディタとchromeで十分でしょうか？

**Name_Not_Found** · 2019/02/27(水) 07:09:06.15

秀丸じゃ無理

**Name_Not_Found** · 2019/02/27(水) 09:11:16.25

>>132
VSCodeやSublimeTextのがよい。

**132** · 2019/02/27(水) 09:22:43.38

>>133,134
ありがとうございます
VSCodeをインストールしようと思います

42 · 2019/02/27(水) 09:39:37.79

VSCode, Node.js をインストールする

>>42-43
に書いてある

**Name_Not_Found** · 2019/02/27(水) 09:51:05.31

>>136
死ね

**Name_Not_Found** · 2019/02/27(水) 12:23:13.23

arcのエンドアングル引数がよくわからないのですが、どういう仕組みかわかりやすい図はないでしょうか？

**Name_Not_Found** · 2019/02/28(木) 06:53:05.98

描画してみれば一発で分かるでしょ
エンド　アングル　なんだから

**Name_Not_Found** · 2019/02/28(木) 12:24:10.30

phaserってxampp必須なんですか？
ブラウザでも動作確認できませんか？

**Name_Not_Found** · 2019/02/28(木) 12:43:22.44

>>140
https://chrome.google.com/webstore/detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb?hl=ja

**Name_Not_Found** · 2019/02/28(木) 17:13:39.46

↑いえ、サーバにうｐする意味ってなんなのかなと思って
RPGなどだとPHPなどを使うことになるからでしょうか？

**Name_Not_Found** · 2019/02/28(木) 17:41:45.45

多分同一生成元ポリシーに引っかかるんじゃない
ローカルだとそれでCanvasに画像を読み込めないとかあるから

**Name_Not_Found** · 2019/02/28(木) 17:46:50.64

初めて知った概念でした
よくわからないけど、サーバを分けるってことですよね
ローカルもサーバだし

**Name_Not_Found** · 2019/02/28(木) 18:46:52.13

xamppは全面的には信頼できないって事だけ覚えておけばたいていの場合は大丈夫

**Name_Not_Found** · 2019/03/01(金) 05:59:50.12

はい

**Name_Not_Found** · 2019/03/01(金) 06:00:26.79

javascriptのゲームのフレームワークで資料の多いものはなんですか？
phaserは英語はありますが、日本語はほとんどないです
環境設定もまともにできない

**Name_Not_Found** · 2019/03/01(金) 06:18:38.59

>>147
>>88でお勧めを聞いておいて、条件後出しで追加質問多過ぎ
初めから全ての要件を書いて質問しなさい

**Name_Not_Found** · 2019/03/01(金) 06:27:27.69

>>143
生成元が違ってもCanvasには描画できる
Canvasがdirtyになるだけ

**Name_Not_Found** · 2019/03/01(金) 07:01:29.37

xamppってhtdocs配下ならどこにおいてもいいんですか？
それでアップロードされた状態になっているんでしょうか？

**Name_Not_Found** · 2019/03/01(金) 07:14:53.47

chromeなら--allow-file-access -from-filesするだけじゃねぇの

**Name_Not_Found** · 2019/03/01(金) 07:29:08.47

xamppよりシンプルなものあります？

**Name_Not_Found** · 2019/03/01(金) 07:29:58.82

apache

**Name_Not_Found** · 2019/03/01(金) 08:06:58.41

>>147
RPGツクールMV
JavaScriptのゲームエンジンで比較的新しくてネット上に日本語資料とっても多い
エディタをインストールすれば環境設定いらない

**Name_Not_Found** · 2019/03/01(金) 09:05:32.87

RPGに限定する必要はないんじゃない？
何も書いてないということは、何でもいいってことだ

**Name_Not_Found** · 2019/03/01(金) 09:05:45.32

関係ないけどそれの一般ゲーム機向けのRPGツクールMV Trinityはバグ・不具合祭りで大炎上の後まだ延焼中だなワロタｗ
【Switch/PS4/XboxOne】RPGツクールMV Trinity★part19
https://rosie.5ch.net/test/read.cgi/gamerpg/1550321689/
●バグ・不具合
あらゆる場面での読み込みがフリーズと見紛うほど長い
(マップの大きさ・データベースの項目数などによって５～１０秒以上)
他、不具合の種類が多いので修正されるまで別項参照

**Name_Not_Found** · 2019/03/01(金) 10:11:30.63

>>152
MAMP

**Name_Not_Found** · 2019/03/01(金) 12:38:46.82

xamppの使い方やっと理解しました
phaserがんばります
英語しかないけど

**Name_Not_Found** · 2019/03/01(金) 16:42:23.82

>>140-144
実行環境がブラウザだけだと、
CORS(オリジン間リソース共有、Cross-Origin Resource Sharing)で、エラーになる事が多い

そういう場合に、自分のPC にサーバーを立てて、サーバー経由にして回避する。
開発中は、Ruby のSinatra(Webrick)などの遅いサーバーでも良い。
JavaScript のNode.js でも良いけど、Rubyほど簡単じゃないから

Ruby なら、PowerShell から、1-liner で、
Rubyで作られた遅いウェブサーバー、WEBrick が起動する

ruby -run -e httpd . -p 8080

そのフォルダに、index.html があれば、
何も考えなくても、これでブラウザからアクセスできる

http://localhost:8080

**Name_Not_Found** · 2019/03/01(金) 16:58:40.11

>>159
クソ言語の紹介やめろ

**Name_Not_Found** · 2019/03/01(金) 18:05:05.36

nodeだと
npx serve .

**Name_Not_Found** · 2019/03/01(金) 18:06:36.76

>>161
ワロタｗｗ
こっちのほうが簡単じゃねーかｗｗｗ

**Name_Not_Found** · 2019/03/01(金) 18:10:05.23

npxはワンタイム実行だから常用するなら
npm i -g serve
でインストールしといた方がいいな
これでどこでも
serve .
でカレントディレクトリがhttp://localhost:8080でアクセスできる

**159** · 2019/03/01(金) 18:33:54.37

コマンドプロンプトで、where npx

C:\Program Files\nodejs\npx
C:\Program Files\nodejs\npx.cmd

node.js のインストールで、そういうコマンドも入っていたのか

**Name_Not_Found** · 2019/03/01(金) 19:03:09.98

ruby使いがなにか書く度に良い情報が上がるようになってて草

**159** · 2019/03/01(金) 20:28:34.10

そりゃ漏れは、10言語以上やってるから。
埋め込みSQL, PLC, HDL、電気電子回路とか、ゲームから産業機械まで、何でも作るから

この間、新幹線のチケット予約で、バグったとか、
漏れも大昔、それをプログラミングしてたし、

漏れが見れば、原因がわかるんだがなw

**Name_Not_Found** · 2019/03/01(金) 20:48:59.64

>>166
で、>>161に完全敗北してると
何の意味もない人生だな

**Name_Not_Found** · 2019/03/01(金) 20:50:20.46

>>166
ほーんｗ
で、改行コードは原因分かったのか？ｗｗｗ
お前がruby『初心者』スレで『質問』してたｗｗｗｗｗ
https://mevius.5ch.net/test/read.cgi/tech/1545421414/166

**Name_Not_Found** · 2019/03/01(金) 20:57:06.52

rubyキチガイにエサを与えないで下さい
住人は迷惑してます

**Name_Not_Found** · 2019/03/01(金) 22:40:00.68

jQueryでCSSのメディアクエリを書き換える方法はありますか？

例えばCSSで

@media only screen and (max-width: 768px)

となっている箇所のmax-widthの値をjQueryで書き換える方法はありますか？

**Name_Not_Found** · 2019/03/01(金) 23:02:41.96

>>170
https://uhyohyo.net/javascript/5_2.html

**Name_Not_Found** · 2019/03/02(土) 07:00:01.64

>>139
startangle0でendangleは360で円だと思うんですが、endangle３５０にしたら少し欠けた円になるかと思っていました
しかし結果が違いします
コレラはどういう意味なんでしょうか

**Name_Not_Found** · 2019/03/02(土) 07:18:30.28

単位はラジアン

**Name_Not_Found** · 2019/03/02(土) 10:48:05.55

ラジアンですね　調べます

**Name_Not_Found** · 2019/03/02(土) 11:36:51.40

https://phaser.io/docs/2.6.2/index
javascriptってclassがないのではないのですか？
フレームワークまでjavascriptというわけではないのですかね

**Name_Not_Found** · 2019/03/02(土) 12:03:15.29

僕ホイミン悪いスライムじゃないよ

**Name_Not_Found** · 2019/03/02(土) 12:04:14.24

>>175
JavaScriptには他の言語の機能はなんでもあると
言えるぐらい言語仕様は進化している。

**Name_Not_Found** · 2019/03/02(土) 12:39:15.78

ほんとにそうならTypeScriptは存在しない

**Name_Not_Found** · 2019/03/02(土) 13:21:12.68

>>177
ないというのは昔の話ですか
どうも

**Name_Not_Found** · 2019/03/02(土) 13:22:10.26

javascriptでゲーム作るメリットってなんですか？
steamにうｐできるんですか？

**Name_Not_Found** · 2019/03/02(土) 14:03:48.59

>>180
ブラウザ上で動かせる＝端末による差が少ない
その代り重いし誰もプレイしないしデメリットの方が大きい
steamは知らん
C#とunityでええやろ

**Name_Not_Found** · 2019/03/02(土) 15:39:28.83

>>180
・マルチプラットフォームへの展開
・支配的なストア(高額なロイヤリティ、コンテンツ制限)からの脱却
・プレイ前(ダウンロード、インストール)の心理的障壁の緩和
ガワネイティブにすりゃsteamもあるだろうけどあんまメリット感ないな

**Name_Not_Found** · 2019/03/02(土) 16:22:39.59

>>181
誰もプレイしないとはなんのことですか？

**Name_Not_Found** · 2019/03/02(土) 16:27:14.13

jsで作ったブラゲはチート対策が大変

**Name_Not_Found** · 2019/03/02(土) 16:53:37.41

バックエンドがjsじゃいけないんですか？

**Name_Not_Found** · 2019/03/02(土) 16:57:14.55

そういうのはjsとは言わずnodeと言う

**Name_Not_Found** · 2019/03/02(土) 17:10:54.80

バックエンドなら別にいいよ
ただ、あんまりゲームには向いてなかった気がする
理由は忘れた

**Name_Not_Found** · 2019/03/02(土) 19:14:33.14

phaserのインテリセンスって使えないんでしょうか
海外のフォーラムで質問してきたんですが、できない

**Name_Not_Found** · 2019/03/02(土) 20:23:32.29

音楽とか、各プラットフォーム毎に、変換するのは大変だろ

その点、ブラウザゲームではブラウザが実行環境だから、楽

**Name_Not_Found** · 2019/03/02(土) 20:43:48.66

>>189
音楽を変換って何？
もう今はmp4なら大体okだよ

**Name_Not_Found** · 2019/03/02(土) 21:34:12.90

<option>の個数が都度変動するため、<select>タグの中身が定まっていない場合
例えば<select>タグの中の3番目にある<option>を選択したいときって
どうすればいいですか？
<select>のvalueでvalueの値を直接指定する方法しかわからなくて

**Name_Not_Found** · 2019/03/02(土) 22:02:08.46

>>191
<select id='s'>
<option>First</option>
<option>Second</option>
<option>Third</option>
</select>

const select = document.getElementById('s'); console.log(select.options[2].value)

**Name_Not_Found** · 2019/03/02(土) 22:03:34.18

>>191
querySelectorでもjQueryでも'select > option:nth-of-type(3)'で取れなかったっけ

**Name_Not_Found** · 2019/03/03(日) 00:33:39.31

jsがブラウザでキャッシュされずにページ開くと毎回ロードされるんだけどなんでだろ？

・WebPackでビルドしたjsファイルのみキャッシュされない。他のビルドしないファイルはキャッシュされる
・scriptタグでjsファイル指定してるが、ファイル名はbundle.js?v=1.0.0みたいにパラメータも固定のままにしてる
・ChromeDeveloperToolの設定でキャッシュ無効化にはしていない（もし有効なら全ファイルがキャッシュされないはず）

あと考えられることはなんだろう？

**191** · 2019/03/03(日) 01:24:45.99

ありがとうございます

>>192
あーそういう配列に格納されてるんですね！
思ったより簡単だった…

>>193
そういえば記憶の中にうっすらあったような気がしますがoptionでも可能…？
やってみようと思います

**Name_Not_Found** · 2019/03/03(日) 04:13:18.30

vs codeがメモリバカ食いなのですが、いいエディタ教えてください

**Name_Not_Found** · 2019/03/03(日) 04:50:58.55

メモリを増設するかPCを買い換えましょう
いや、割とガチで

**Name_Not_Found** · 2019/03/03(日) 05:42:04.82

javasriptでゲームを作るのは良くないのですか？
何使ったらいいですか
ちょっとしたパズルです

フレームワークも日本語がないし

>>.197
8gbです

**Name_Not_Found** · 2019/03/03(日) 08:10:58.21

>>198
君前からずっと質問してるよね
パズル要素は今初めて出たけど、どうせ他の条件も後出しして質問し直すんでしょ？
Phaser英語だけだけど、頑張るんじゃなかったの？

**Name_Not_Found** · 2019/03/03(日) 11:22:48.27

英語だけだとやっぱり辛いなって