+ JavaScript の質問用スレッド vol.126 +
- 1 ：Name_Not_Found：2015/08/08(土) 12:43:43.71 ID:???.net
- JavaScript を自ら学ぶ人のための質問スレッドです。
>>2-4のテンプレを読んだ上で質問してください。
■質問を書く上で
(1) 煽り、コード制作依頼等、人を不快にさせる投稿はご遠慮下さい。公序良俗を守った応対を心がけてください。
(2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。
(ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など)
(3) 質問者及び議論を行う人はメール欄を空欄にし、名前にレス番を入れることを強く推奨します。回答者はなりすましを判断できませんので、なりすましが現れても自己責任となります。
(4) 常に自発的に調べる心構えを持ってください。
具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。
わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。
(5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。
(6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。
※必ず「問題の事象が再現されること」を確認してください。
必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。
(7) サンプルコードに HTML が含まれる場合は http://validator.w3.org/ で [Check] してみてください。
(8) 質問を具体的かつ詳細に書くと回答を得られやすいです。>>2の質問テンプレートを活用してみてください。
(9) 時にはあなたが望む「答え」だけでなく、「意見」などが寄せられる場合もあります。
- 2 ：Name_Not_Found：2015/08/08(土) 12:44:17.76 ID:???.net
- ■質問テンプレート
【環境】OS, ブラウザをバージョンと共に記入してください。(ex: IE8, Firefox4)
【何をしたのか】何をしたら問題の現象が発生するのか。再現手順を具体的に書いてください。
【エラーメッセージ】エラーメッセージがあれば正確に書き写してください。(Windows なら「コピット」を活用)
【期待する結果】最終的にどういう結果を望んでいるのか、を書いてください。
【サンプルコード】現象を再現可能な最小限のコードを書いてください。
1レスに収まらないならコード投稿サイトを利用してください。
http://jsdo.it/ http://jsbin.com/ http://jsfiddle.net/ http://ideone.com/
■前スレ
+ JavaScript の質問用スレッド vol.125 + [転載禁止](c)2ch.net
http://peace.2ch.net/test/read.cgi/hp/1436910657/
■過去スレ全集
http://www2.atpages.jp/mirror/2ch/javascript/
http://usamimi.info/~mirrorhenkan/2ch/javascript/ (閲覧のみ)
■テンプレ案
http://fiddle.jshell.net/fH4cC/168/show/light/
■関連スレ
ECMAScript デス 4
http://peace.2ch.net/test/read.cgi/tech/1325448978/
JavaScript ライブラリ総合質問所 vol.4
http://peace.2ch.net/test/read.cgi/hp/1400834117/
CSS初心者スレッド＝13th＝©2ch.net
http://peace.2ch.net/test/read.cgi/hp/1423959729/
Canvasについて語ろう
http://peace.2ch.net/test/read.cgi/hp/1305093769/
- 3 ：Name_Not_Found：2015/08/08(土) 12:44:48.45 ID:???.net
- ■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/
- 4 ：Name_Not_Found：2015/08/08(土) 12:45:27.16 ID:???.net
- ■FAQ
http://fiddle.jshell.net/vSqKr/43/show/
■開発者ツール(Developer Tools)の基本的な使い方 (全部は http://fiddle.jshell.net/vSqKr/43/show/#Browser-Developer-Tools )
◆諸注意
- 本説明では Google Chrome の開発者ツールの名称に従います。他ブラウザで使う場合は適宜読み替えて下さい。
- IE9- でコンソールを使うには予め開発者ツールを起動しておく必要があります(開発者ツールを起動しないと console.log() が機能しません)
- Safari はデフォルトで開発者ツールが無効な為、有効に設定する必要があります。
https://developer.apple.com/library/safari/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/GettingStarted/GettingStarted.html
◆要素を検証
1. ページ上で右クリックして [要素を検証]
2. [Elements] パネルが開き、対象のDOMノードが選択される(選択対象が目的の要素でなければ [Elements] パネル上で選択し直す)
3. 右側のサイドバーから知りたいステータス名のタブを選択する
- [Styles] タブ … CSSプロパティの指定値を表示 (※カスケードによって上書きされたプロパティは取り消し線で表示される)
- [Computed] タブ … CSSプロパティの算出値を表示("font-size: 1em" を指定していても算出後の "*px" で表示される)
- [Properties] タブ … 選択したDOMノードのプロパティを表示
◆コンソール
1. JavaScript コード上で console.log('Hello, World!'); と入力
2. [Ctrl] + [Shift] + [I] キー(IE は [F12])で開発者ツールを開き、[Console] パネルを開く
3. [Console] パネルに "Hello, World!" と表示される
(※window.alert() は String 型に変換されますが、console.log() は Object 型の中身をそのまま表示してくれます。)
- 5 ：Name_Not_Found：2015/08/08(土) 12:46:07.99 ID:???.net
- ■各種仕様 ( http://fiddle.jshell.net/vSqKr/43/show/#Link も参照 )
◆ Standard ECMA-262
http://bclary.com/2004/11/07/ (ECMAScript 3 HTML版)
https://web.archive.org/web/20140715002617/http://www2u.biglobe.ne.jp/~oz-07ams/prog/ecma262r3/ (ECMAScript 3 和訳)
http://www.ecma-international.org/ecma-262/5.1/ (ECMAScript 5.1 HTML版)
http://tsofthome.appspot.com/ecmascript.html (ECMAScript 5.1 和訳)
http://people.mozilla.org/~jorendorff/es6-draft.html (ECMAScript 6 有志HTML版)
http://kangax.github.io/es5-compat-table/ (ECMAScript 5 compatibility table)
http://kangax.github.io/es5-compat-table/es6/ (ECMAScript 6 compatibility table)
◆ HTML Standard (HTML5)
http://www.whatwg.org/specs/web-apps/current-work/multipage/
http://momdo.s35.xrea.com/web-html-test/spec/WD-html51-20130528/Overview.html (HTML5.1 部分訳)
http://www.hcn.zaq.ne.jp/___/WEB/WebStorage-ja.html (Web Storage 和訳)
◆ Document Object Model (DOM) / CSS Object Model (CSSOM)
http://www.hcn.zaq.ne.jp/___/WEB/DOM4-ja.html (DOM Standard (DOM4) 和訳)
http://www.w3.org/TR/DOM-Level-3-Events/ (DOM3 Events)
http://www.w3.org/TR/uievents/ (UI Events)
http://www.hcn.zaq.ne.jp/___/WEB/cssom-ja.html (CSSOM 和訳)
http://www.hcn.zaq.ne.jp/___/WEB/cssom-view-ja.html (CSSOM View Module 和訳)
◆ その他のWeb関連仕様
http://domparsing.spec.whatwg.org/ (DOM Parsing and Serialization - innerHTML等)
http://www.hcn.zaq.ne.jp/___/WEB/XHR-ja.html (XMLHttpRequest 和訳)
http://www.hcn.zaq.ne.jp/___/WEB/File_API-ja.html (File API 和訳)
http://www.whatwg.org/specs/ (WHATWGの仕様一覧)
◆ MDN (Netscape/Mozilla)
https://developer.mozilla.org/ja/docs
- 6 ：Name_Not_Found：2015/08/08(土) 12:46:59.81 ID:???.net
- ■各種仕様 (続き)
◆ JavaScript Garden (ja)
http://bonsaiden.github.com/JavaScript-Garden/ja/
◆ JSON (JavaScript Object Notation)
http://www.json.org/json-ja.html
以上でテンプレ終わりです
- 7 ：Name_Not_Found：2015/08/08(土) 12:47:32.25 ID:???.net
- >>1-6
乙。
- 8 ：Name_Not_Found：2015/08/08(土) 13:00:07.89 ID:???.net
- >>2
ライブラリ禁止にしたくないのなら前スレのURL間違えてるな
vol.121から消化しろよ
+ JavaScript の質問用スレッド vol.125 + [転載禁止]©2ch.net
http://peace.2ch.net/test/read.cgi/hp/1436400138/
+ JavaScript の質問用スレッド vol.124 + [転載禁止©2ch.net
http://peace.2ch.net/test/read.cgi/hp/1427008867/l50
+ JavaScript の質問用スレッド vol.123 + [転載禁止©2ch.net
http://peace.2ch.net/test/read.cgi/hp/1422084185/l50
+ JavaScript の質問用スレッド vol.123 + [転載禁止©2ch.net
http://peace.2ch.net/test/read.cgi/hp/1423910471/l50
+ JavaScript の質問用スレッド vol.122 + [転載禁止©2ch.net
http://peace.2ch.net/test/read.cgi/hp/1418395948/l50
+ JavaScript の質問用スレッド vol.121 +
http://peace.2ch.net/test/read.cgi/hp/1410603104/l50
- 9 ：age：2015/08/09(日) 22:47:45.06 ID:???.net
- age
- 10 ：Name_Not_Found：2015/08/09(日) 23:02:59.54 ID:j0oC/nR5.net
- AngularJSを使ってる人に聞きたいんだけど、
ダイアログの表示とかどうしてる？
ngDialogって使われてるの？
- 11 ：Name_Not_Found：2015/08/09(日) 23:22:32.43 ID:???.net
- angular-ui/bootstrapを使ってる
- 12 ：Name_Not_Found：2015/08/10(月) 01:22:49.44 ID:???.net
- node.js使ってる
- 13 ：Name_Not_Found：2015/08/10(月) 07:56:10.60 ID:???.net
- 本スレ
+ JavaScript の質問用スレッド vol.125 + [転載禁止]©2ch.net
http://peace.2ch.net/test/read.cgi/hp/1436910657/
- 14 ：Name_Not_Found：2015/08/10(月) 20:49:10.92 ID:4e3qVGRG.net
- 本スレはここです。
- 15 ：Name_Not_Found：2015/08/10(月) 22:00:30.82 ID:???.net
- 前スレが消化されてない乱立スレだけどな
- 16 ：Name_Not_Found：2015/08/11(火) 07:28:19.22 ID:???.net
- 前スレが生きている時点でここが本スレのはずがない
- 17 ：Name_Not_Found：2015/08/18(火) 09:06:19.20 ID:6COwH6NG.net
- ここに統合しよう
- 18 ：Name_Not_Found：2015/08/18(火) 13:43:43.80 ID:???.net
- >>8を消化してから使え
- 19 ：Name_Not_Found：2015/08/29(土) 19:04:03.86 ID:???.net
- 現行スレ
+ JavaScript の質問用スレッド vol.125 + [転載禁止]©2ch.net
http://peace.2ch.net/test/read.cgi/hp/1436910657/
- 20 ：Name_Not_Found：2015/10/06(火) 04:35:11.32 ID:???.net
- age
- 21 ：Name_Not_Found：2015/10/06(火) 11:32:16.29 ID:???.net
- >>8を消化するまでここは使えないな
- 22 ：Name_Not_Found：2015/10/07(水) 10:19:15.21 ID:???.net
- webGL って動くの？
プロジェクトは進んでいるの？
- 23 ：Name_Not_Found：2015/10/07(水) 10:24:49.59 ID:???.net
- 前スレ>>996
> 実際モダンブラウザを要求するサービス／アプリはたくさんある訳でそれらを全て否定する気？
それどれよ？
実験的サイト もしくは 信念があってわざと切り捨ててるサイトを除いて
モダンブラウザを要求するサービスって沢山ってほどあるか？
- 24 ：Name_Not_Found：2015/10/07(水) 11:17:11.71 ID:???.net
- 次スレが経つ前に終わっちゃったのね。
次スレのテンプレ修正案についてまとめた上でまた立てればいいんだろうけど。
- 25 ：Name_Not_Found：2015/10/07(水) 11:39:30.08 ID:???.net
- 荒らしの建てたスレもまあ避難所にはなるんだな
修正案ってなんか出てた？
速度ベンチ丸投げ対策でjsPerf入れとけってくらいか
- 26 ：Name_Not_Found：2015/10/07(水) 13:17:59.51 ID:???.net
- テンプレの>>2でES3, ES6のURLを修正して欲しいな
勿論、リンク集も
http://www2u.biglobe.ne.jp/~oz-07ams/2002/ecma262r3/
http://www.ecma-international.org/ecma-262/6.0/
- 27 ：Name_Not_Found：2015/10/07(水) 13:42:32.87 ID:HPblinHv.net
- >>1-6のテンプレ案を更新した。
http://fiddle.jshell.net/fH4cC/169/show/light/
>>25
テンプレスペース的にどこに加えるか迷ったので意見が欲しい。
>>4-5の間にFAQを追加するのか、>>5のリンク集に加えるに留めるのか。
今日中にもう一度、更新予定。
>>26
反映した。
- 28 ：Name_Not_Found：2015/10/07(水) 15:16:05.29 ID:???.net
- >>27
乙
jsperfはリンク追加だけだと効果がなさそうだし、FAQ追加が無難かな
レスが一つ増えてしまうのは致し方ない
ところで、ES7 compatibility table のリンク追加はどうかな
http://kangax.github.io/compat-table/es7/
RegExp.escape, String.prototype.trimRight 辺りはpolyfillを書けば有用だと思う
- 29 ：Name_Not_Found：2015/10/07(水) 16:07:02.80 ID:???.net
- > RegExp.escape, String.prototype.trimRight 辺りはpolyfillを書けば有用だと思う
これはどうかな？
https://github.com/es-shims/es7-shim
ざっと見た限りescapeとtrimRightはあるように思える。
- 30 ：Name_Not_Found：2015/10/07(水) 16:45:13.49 ID:???.net
- >>29
イイネ！
それテンプレに入れるようにしましょう。
- 31 ：Name_Not_Found：2015/10/07(水) 16:53:32.04 ID:???.net
- >>27
jfperfの追加位置は>>28と同じくFAQに一票
「このサイトでベンチできます」の文言とリンクだけ載っけておくとか
あるいはググると数件出る日本語の解説ブログのリンク載せるとかで
テンプレスペースについては確かに過密気味だと思う
各種仕様の項はぶっちゃけ殆ど目を通されてないだろうし
MDN辺りを残してあとは /show/#Link だけでいいんじゃない
- 32 ：Name_Not_Found：2015/10/07(水) 17:57:34.27 ID:???.net
- >>29
ありがとう
でも、polyfillライブラリが欲しかったわけじゃないんだ
ES7の簡単なメソッドぐらいなら自分でも作れるし、compat-table なら情報として他の人にも有用そうだと思った
es7-shimをテンプレに入れるなら ES5,6 もテンプレにないとおかしいし、ただでさえ圧迫しているスペースをpolyfillで埋めるのはどうかなと
jsperfのFAQを増やしたら>>1-6になって、リンクも増やしたら>>1-7になるよね
http://fiddle.jshell.net/vSqKr/43/show/#Linkに入れるぐらいが妥当じゃないかな
- 33 ：Name_Not_Found：2015/10/07(水) 18:15:09.80 ID:???.net
- 大半はわかってるだろうけど念のため一応横から補足
このスレのテンプレは荒らしによって都合のいいように改変されたものなので
>>26以降のテンプレにアンカーしてるレスはこのスレのテンプレを指しているのではなく
前スレあるいはhttp://fiddle.jshell.net/fH4cC/169/show/light/の内容を指している
- 34 ：Name_Not_Found：2015/10/07(水) 18:16:50.67 ID:???.net
- >>32
いや、自分で作れるのは、上級者なら当たり前だけど、
じゃあここは上級者用ですか？っていったらそうじゃない。
あなたが作れるからといって、他の人がそうとは限らないし、
すでにあるのだから、それを紹介したほうがいいでしょ？
自分で作るよりも完全なものである可能性が高いし、
何より作る時間がらない。同じものを作るぐらいなら
探せるようにリンクがあったほうがいい。
- 35 ：32：2015/10/07(水) 18:22:41.89 ID:???.net
- よく考えたら>>6が少ないからリンクだけはレス数を増やさずに追加できるのね
- 36 ：Name_Not_Found：2015/10/07(水) 18:53:05.28 ID:???.net
- >>22
もうv2.0の策定が進んでるくらいには十二分に動く
- 37 ：Name_Not_Found：2015/10/07(水) 18:54:44.30 ID:???.net
- >>29
使い方が全然分かりませんが、どうやって使うんですか？
教えてください
- 38 ：Name_Not_Found：2015/10/07(水) 19:02:08.29 ID:???.net
- npm install es7-shimでインストールできる。
そしたら、node_modules/es7-shim/distの中にes7-shim.jp
（またはes7-shim.min.js）ってのが入っているからそれを使うだけだよ。
- 39 ：Name_Not_Found：2015/10/07(水) 19:05:22.59 ID:???.net
- あとbowerにもあるみたいだから、こっちでもいいかもね。
http://bower.io/search/?q=es7-shim
- 40 ：Name_Not_Found：2015/10/07(水) 19:10:39.19 ID:???.net
- ついでに、npmわかんなーいって言う人のためにｗ
npm installのログからURLわかったんで、これをダウンロードして
distの中のファイルを使えばいけると思う。
https://registry.npmjs.org/es7-shim/-/es7-shim-4.3.1.tgz
- 41 ：Name_Not_Found：2015/10/07(水) 19:14:23.65 ID:???.net
- 他作だから信頼できるって盲信なんだよね
http://peace.2ch.net/test/read.cgi/tech/1404146244/792n-
本来、信頼できるかどうかは自分の確かな知識で持ってそのライブラリの挙動やソースを確かめて決めるもの
ざっと読んだ程度のライブラリを信頼できるなんて安易にいってはいけない
初心者に勧めるなら尚更にね
- 42 ：Name_Not_Found：2015/10/07(水) 19:15:57.52 ID:???.net
- >>41
ならブラウザから自分で作れば？ｗ
- 43 ：Name_Not_Found：2015/10/07(水) 19:22:10.19 ID:???.net
- >>40
ありがとうございます。ダウンロードできました。
初心者向けなら自分のようにnpmなんて知らない人が大半だと思います。
テンプレにするならリンク貼ってもわからないでしょうね。
- 44 ：Name_Not_Found：2015/10/07(水) 19:26:18.56 ID:???.net
- polyfillの質は千差万別だからなあ
未検証のpolyfillを使うなんて考えられん
- 45 ：Name_Not_Found：2015/10/07(水) 19:29:58.94 ID:???.net
- 検証する時間よりも、自分で作成して
検証するほうが時間がかかるってだけだよｗ
- 46 ：Name_Not_Found：2015/10/07(水) 19:33:41.98 ID:???.net
- ざっと見た限りのpolyfillをテンプレに入れようとする精神が信じられん
- 47 ：Name_Not_Found：2015/10/07(水) 19:37:39.62 ID:???.net
- 今すぐ最新のJavaScriptを使うのに必要だから。
最新のJavaScriptを使用するための情報の一つだから。
何か問題ある？
- 48 ：Name_Not_Found：2015/10/07(水) 19:41:58.72 ID:???.net
- テンプレに入れるだけの重要性を感じない。
時事物をテンプレートとするのに違和感を感じる。
そういうのはWikiかGitHubで管理してそれをリンクすべき。
テンプレには最低数十スレくらいは乗せていくべきことだけを入れるべき。
- 49 ：Name_Not_Found：2015/10/07(水) 19:46:05.15 ID:???.net
- >>47
１スレあたりにその手の質問が１０も２０も出てくるようになったら
１レス割いてまとめを書く必要性があると思うが今はそうじゃないだろう。
それにこの手の情報はスレが消化されるまでの２ヶ月間に大きく動き得るんだから安易に載せるべきじゃない。
- 50 ：Name_Not_Found：2015/10/07(水) 19:47:09.76 ID:???.net
- 質問用スレッドとあるけど結局このスレはどこに向かってるの？
- 51 ：Name_Not_Found：2015/10/07(水) 19:50:06.14 ID:???.net
- 信頼できるか分からん情報ならいくらでも後で追加できるからな
ざっと見ただけのpolyfillのリンクを一つずつ追加していったらきりがない
- 52 ：Name_Not_Found：2015/10/07(水) 19:55:51.01 ID:???.net
- >>50
別に本質は今も昔も変わっていないが、
質問が少なくなった分回答者同士の醜い議論が悪化したな
- 53 ：Name_Not_Found：2015/10/07(水) 20:01:45.80 ID:???.net
- そもそも、polyfillなんてバッドプラクティス以外の何物でもないんだからさ
そんなの放っておけばいいんだよ
- 54 ：Name_Not_Found：2015/10/07(水) 20:05:39.91 ID:???.net
- まだ実装も不安定なES7の機能のポリフィルとかだとまた話は変わるが
基本的にもうすでにしっかり定められてる標準の仕様があるのならば
それに似たライブラリのAPI使うよりポリフィル使った方が良くないか？
- 55 ：Name_Not_Found：2015/10/07(水) 20:22:53.99 ID:HPblinHv.net
- >>1-6のテンプレ案を更新した。
http://fiddle.jshell.net/fH4cC/170/show/light/
# 更新点
- jsperfのFAQ追加(>>25,28,31)
- ES7 compatibility table のリンク追加(>>28)
es7-shim のリンク追加は反対多数により保留
es5,6のpolyfillもないとバランスが悪いというのも一理あるので提案URLが揃ってきた時まで判断を保留
- 56 ：Name_Not_Found：2015/10/07(水) 20:54:47.01 ID:???.net
- Ecmaスレじゃないんだからそんなものは一切必要ない。
最新のJavaScriptが云々言うのであれば、
ES最新ドラフト：tc39.github.io/ecma262 とか
プロポーサル一覧：github.com/tc39/ecma262 とか
ミーティングノート：github.com/rwaldron/tc39-notes とか
キリがないでしょ。
実際はES5や6の仕様書へのリンクが精々なところで、それ以上はいらない。
- 57 ：Name_Not_Found：2015/10/07(水) 22:50:29.93 ID:???.net
- 明日までに反対がなければ>>55でスレを立てればいいんじゃないか
- 58 ：Name_Not_Found：2015/10/07(水) 23:30:40.76 ID:???.net
- >>57
反対する
- 59 ：Name_Not_Found：2015/10/07(水) 23:32:33.67 ID:???.net
- >>41
> 他作だから信頼できるって盲信なんだよね
ならここで、わっているあんたが、使えるかどうか判断すればいいのでは？
自分で実装しろと言うぐらいなら、正しい実装か判断できるでしょう？
- 60 ：Name_Not_Found：2015/10/07(水) 23:59:06.62 ID:???.net
- 「わっている」
どこの方言？
- 61 ：Name_Not_Found：2015/10/08(木) 00:11:18.68 ID:???.net
- 「わかっている」のタイポだよｗ
で、何が使えるかを話し合うのも、わかっている人がいる
このスレでやっていたほうがいいでしょう？
- 62 ：Name_Not_Found：2015/10/08(木) 00:17:40.77 ID:???.net
- ここははっきり言ったほうがいいんじゃないかな？
es7-shimは実装されているものについては正しく実装されている。
解っている俺が言っているのだから間違いない。
- 63 ：Name_Not_Found：2015/10/08(木) 00:23:53.57 ID:???.net
- ちなみに、https://github.com/es-shims/es7-shim の下の方に、
Shims と Shams っていうのがある。
これは Shims が仕様通り実装されているのに対して
Shams は完璧ではないが出来る限り実装しているもの
言語上の制限により完璧に実装できないものも僅かに存在する。
で es7-shim の Shams はそこに書いてあるとおりNone yet!（まだない）
（ちなみにes5のshamは存在する）
このように明確に区別されているので、Shimsの範囲内であれば
問題なく使えるという根拠になっている。
- 64 ：Name_Not_Found：2015/10/08(木) 10:41:43.46 ID:???.net
- 仕様策定プロセス理解してる？？？
ES7の仕様はStage3になってから２つ以上の実装に採用されて、
そこで実運用上の問題が潰されて初めて仕様書に載れるのよ。
だけどまだStage4のプロポーサルはない。
つまり現状ES7のシムは、プロポーサルをどれだけ完璧にサポートしていようが
α版仕様のデモを動かしたり雰囲気を掴むためもの以上にはなり得ないのよ。
ES7を酌むTypeScripterとか特にAngularJS2使いとかは、これらの仕様の動向を把握しておく必要も出てくるけど、
このスレを利用する一般のJSerには全く関係ないことなのよ。
これらのα版仕様の動向を把握して先行して扱っていこうと思えば、
それこそメーリングリストやミーティングを把握しないといけないし、
各プロポーサルのissuesも読んでおかないといけない。
仕様を作る側に極めて近い人だけが関係あるものなのよ。
但しincludesだけはES6の時代から十分に議論されていて、もうこれ以上議論することは何もなく、
各実装にいち早く採用されたES7仕様であるし、今年中にはStage4に上がるだろうから、
どうしても使いたい場合は、これだけは実運用でポリフィル噛ますのも十分ありだと思う。
ただし最低今年いっぱいはきちんと動向を追い続けないといけない。
- 65 ：Name_Not_Found：2015/10/08(木) 11:24:30.44 ID:???.net
- だから このスレは何なのよ
最新のα版仕様で遊ぶスレじゃないだろう
キチガイは別スレ立てろ
- 66 ：Name_Not_Found：2015/10/08(木) 11:34:19.38 ID:???.net
- >>64
だからいったいなんなんだよ？
その理屈だと、今は自分で作ったとしてもだめってことだろ。
むしろ自分で作ったほうが最新に追尾できないだろうな。
もしできる人ならば、es7-shimに対してIssueでも作ればいいわけで、
自分でやらなくても、他の人が伝えるかもしれないし、参加者の多さが重要
だから人が集まるライブラリを使えって話になるんだよ。
- 67 ：Name_Not_Found：2015/10/08(木) 11:35:20.63 ID:???.net
- 殆どの人にとっては最新のJavaScriptを
追いかけることが仕事じゃないからな。
- 68 ：Name_Not_Found：2015/10/08(木) 11:50:10.44 ID:???.net
- ということで、遅い標準化が待てない。今すぐ便利な
機能を使いたいっていう人はlodashを使うという流れになる。
https://lodash.com/docs
ES7ももちろん参考にしていて、同等の関数はあるし
もっと多くの関数が提供されている。
例えES7で仕様が将来変わったとしても、lodash内では互換性が
保たれるだろう。そしてIE6など古いブラウザでも動く。
- 69 ：Name_Not_Found：2015/10/08(木) 12:05:58.68 ID:???.net
- >>66
非常にすまない。
だからいったいなんなのかってことを言わないと伝わらないよな。
べつにシム自体の良し悪しとか、オレオレシムと比べてどうかとかは言っていない。
ただこのスレのテンプレに載せるということに反対ということだけだ。
スレ交代の頻度よりも状況がめまぐるしく変わる、
次スレでは変わってるかもしれない内容をテンプレとするのは良くないし、
そういう配慮がいるものをこういうスレでただ単にリンクするのは良くない。
もしそういう不安定で動きが早いものを紹介したければ、
それ専用のきちんと仕様や状況の移り変わりまでをフォローしたサイトを作って、
そっちをリンクするようにしたら良い。
- 70 ：Name_Not_Found：2015/10/08(木) 12:11:41.12 ID:???.net
- だから最新を追い求めてる人は別スレ立てたらいいだろ
なんでもこのスレでカバーしようってのがキチガイじみてる
- 71 ：Name_Not_Found：2015/10/08(木) 12:17:08.40 ID:???.net
- 「JavaScript」で一番目立つスレなんだから、
初心者もよく来るわけで現実的な解を教えるスレで
あって欲しいと俺も思うね。
現実的ではない自分の考えを教えつけようとする奴がうざい。
ライブラリ使うなとか、ブラウザだけの話しろとか
- 72 ：Name_Not_Found：2015/10/08(木) 12:27:00.06 ID:???.net
- ES7についてはECMAScriptスレが既にあるからそちらで語れば良い。
- 73 ：Name_Not_Found：2015/10/08(木) 12:34:14.29 ID:???.net
- ES7がだめなりゆうが、まだ変わる可能性があるからというのなら
もう変わらないであろうES6ならes6-shimの話をしていいと
お墨付きが得られたようなので、次回よりテンプレに入れましょう。
- 74 ：Name_Not_Found：2015/10/08(木) 12:41:47.56 ID:???.net
- >>67
プログラミングって趣味が一番スキルアップするんだよなぁ
仕事やってるだけじゃ最新技術から疎遠になる
- 75 ：Name_Not_Found：2015/10/08(木) 12:45:09.93 ID:???.net
- >>74
せやな
- 76 ：Name_Not_Found：2015/10/08(木) 13:38:59.10 ID:???.net
- >>71
そりゃここはWeb板の質問スレ何だから仕方ないでしょうよ
他の言語は大抵プログラミング板で賄ってる
>>73
ES6shimもたくさんあるし、shim自体に関する情報は変わり得るので
やっぱりWikiとかで管理した方がいいと思う
- 77 ：Name_Not_Found：2015/10/08(木) 15:31:20.58 ID:???.net
- そもそも質問スレ自体が要らないんじゃないか？
質問スレとしなくても質問は来るし、そうすれば議論はNGだとか
細かいことも気にしなくなるし、質問荒らしも減るだろう
現状の問題はこのスレ以外は超過疎で振り分けられないところにあるわけだし
- 78 ：Name_Not_Found：2015/10/08(木) 15:46:37.16 ID:???.net
- そういう話は何度もしたからこことプログラム板の過去ログ見てくれ
個人的にはもうプログラム板の雑談本スレに全統合でもいいとは思うけどさ
色々あって現状に至ってるんだよ
- 79 ：Name_Not_Found：2015/10/08(木) 18:28:35.76 ID:???.net
- >>77
いやでも初心者の人は雑談スレに入り辛いし質問もし辛いだろう
質問スレって事で誰でもカモンな雰囲気作って
｢ボタンクリックでhtmlの文字を変るのってどうやるんですか？｣って質問も出来るようになる
- 80 ：Name_Not_Found：2015/10/08(木) 23:14:19.76 ID:???.net
- >>79
でも質問スレとすると結局それはプログラムスレやECMAスレでやれみたいなことも起きそうだから
やっぱり総合スレとしてスレタイに【質問歓迎】とか付けるのがちょうどよいと思う。
それか名前は質問スレだけど今も実体は半分以上議論所になってるのでもう何でもOKのスレにするか。
- 81 ：Name_Not_Found：2015/10/09(金) 08:32:54.58 ID:???.net
- プログラム板とWeb制作板の区分けはローカルルール
雑談を統合しようとも変わらない
- 82 ：Name_Not_Found：2015/10/09(金) 08:57:05.55 ID:???.net
- いや、大違いだよ
禁止厨が減ることが一番大事なんだから
別に禁止厨が悪いというわけではないが
今の過疎の流れから言うと別スレに振り分けることは困難なんだから
禁止せずに統合していくしか無い
- 83 ：Name_Not_Found：2015/10/09(金) 09:19:17.03 ID:???.net
- 一番重要なのは過疎じゃなくなること。
禁止厨の排除はそのために必要。
- 84 ：Name_Not_Found：2015/10/09(金) 10:10:23.76 ID:???.net
- ご覧のとおりIDの出ないここでは件のやつに引っ掻き回されるだけだから
いつも通り>>55の人に頑張ってもらって通常運行になるのを期待したい
残った課題は現状維持＆保留でいいよもう
荒らしの建ててないスレとして
http://peace.2ch.net/test/read.cgi/hp/1444186237/
があるけど再利用する？ それとも削除依頼済みなら建てなおす？
>>81
横から補足すると単純にJSがプログラム板でイタチなわけではない
詳しくはECMAスレのテンプレでも見てくれ
- 85 ：Name_Not_Found：2015/10/09(金) 11:00:04.87 ID:???.net
- 最近知った
styleを操作してdisplay:noneにするより
display:noneになるクラス用意してクラス追加した方が遥かに速い
- 86 ：Name_Not_Found：2015/10/09(金) 11:14:50.44 ID:???.net
- まあそりゃそうやろな。
だから俺がいつもJavaScript（jQuery）がやるのは
状態をクラスとして書き込むところまで、
css()メソッドは原則として使うなと言ってる。
- 87 ：Name_Not_Found：2015/10/09(金) 12:47:09.60 ID:???.net
- テンプレとしては>>55でいいと思うのだが、「ES7 compatibility table」は外すべきかね
「ES7 compatibility table」は頻繁に更新されるし、互換性を確認するのに便利だから残しても良いと思うのだが
- 88 ：Name_Not_Found：2015/10/09(金) 19:21:27.51 ID:???.net
- compatibility tableはES6の時代長らくわやくちゃだった前科があるからな。
まあES6策定までの時間がスピードが乗ってからは濃かったのと、
スピードが乗るまでの長い間にFxが独自拡張してきたものとの兼ね合いもあっておかしかったのだが、
いずれにしろこういうのはそういう所まできちんと理解して見ないと意味が無いと思う。
つまり質問者はまずこれを見てから質問して来てねという類のものではなく、
知識ある回答者が適切に引用すべきものであるからテンプレには載せないほうがいいと思う。
現状ES6のテーブルのクオリティは高いものになっているが、
ES6の目玉機能であるモジュール周りなどはいろいろあって含まれてないこと等は把握しておかないといけない。
- 89 ：Name_Not_Found：2015/10/10(土) 00:46:08.14 ID:???.net
- > つまり質問者はまずこれを見てから質問して来てねという類のものではなく、
> 知識ある回答者が適切に引用すべきものであるからテンプレには載せないほうがいいと思う。
そういう理屈であれば、Standard ECMA-262とかMDNなんかも要らないだろうな。
知識ない質問者が、これを見てもわからないだろうし、
これ見たら解決する問題ばかりだから、ここに書き込む意味がなくなる。
- 90 ：Name_Not_Found：2015/10/10(土) 05:57:34.99 ID:???.net
- だから0か1で考えるなって
お前が言ってるのは0.3も0.7も切り捨てたら同じ0だ的な論だ
- 91 ：Name_Not_Found：2015/10/10(土) 06:17:44.22 ID:???.net
- > だから0か1で考えるなって
書くか書かないかで考えるなって？
じゃあ半分だけ書けばいいのか？
- 92 ：Name_Not_Found：2015/10/10(土) 06:58:43.39 ID:???.net
- >>85-86
「HTML5 ゲーム開発の極意」2013
という本に書いてある、画面遷移では
.screen{ display : none; }
.screen.active{ display : block; }
普段は画面に表示されていないのだが、
画面に表示するときだけ、activeクラスを追加する
違う画面に変えるときは、今表示されている画面から、
activeクラスを削除して、新しく表示する画面に、
activeクラスを追加する
- 93 ：Name_Not_Found：2015/10/10(土) 07:10:13.18 ID:???.net
- >>85
それって、要素1個だけ display:none にする場合でも速いの？
- 94 ：Name_Not_Found：2015/10/10(土) 07:59:27.07 ID:f1VkSVlP.net
- >>1-6のテンプレ案を更新した。
http://fiddle.jshell.net/fH4cC/171/show/light/
>>87-88
ES7 はまだ不安定だと思われる為、>>88を採用した。
- 95 ：Name_Not_Found：2015/10/10(土) 08:38:51.70 ID:???.net
- >>92
要素の表示制御なら aria-hidden 属性がお勧め
(いずれにしても、カスケード規則を利用する事をふまえるとインラインスタイルは使いにくいな)
- 96 ：Name_Not_Found：2015/10/10(土) 10:38:17.91 ID:???.net
- <ul role="menu" aria-hidden="true">
WAI-ARIAで、各ウィジェットに、
役割・状態を明記するんだね
WAI-ARIAか、こういうのを見たのは初めて
- 97 ：Name_Not_Found：2015/10/11(日) 02:47:33.22 ID:???.net
- >>85
早い遅いという理由以前に
css
javascript
の役割を考えたらスタイルは予め用意しておいて
クラス名操作でどうこうするってのが普通だと思うんだけど
- 98 ：Name_Not_Found：2015/10/11(日) 03:34:09.50 ID:???.net
- そういえば、今まで気にしたことなかったけど、
javascriptで状態を変化させたときの、
画面書き換えのタイミングってどうなってるの？
１処理毎に１書き換え？
特定の時間内の状態変化をまとめて一回で書き換え？
それとも別のタイミング？
- 99 ：Name_Not_Found：2015/10/11(日) 03:51:42.27 ID:???.net
- >>98
後者
GPUまで含めると段階が５つくらいある
- 100 ：Name_Not_Found：2015/10/11(日) 07:21:31.88 ID:???.net
- どっちにしろ、再描画命令は強制力がなく、
もっとも優先度が低い。
暇なら描画するっていうだけ
1フレームに、1回しか描画されない。
または、描画されない(コマ落ち)
- 101 ：Name_Not_Found：2015/10/11(日) 09:56:05.60 ID:???.net
- 例えばie、ff、chromeなどでタブを複数開いていて操作中のタブではなく裏のタブを操作出来るかな？裏タブで表示しているurl調べるとか、指定したurlを表示させるとか
- 102 ：Name_Not_Found：2015/10/11(日) 11:03:18.39 ID:???.net
- そういうのは拡張機能やアドオンの領域だね
- 103 ：Name_Not_Found：2015/10/11(日) 11:11:08.47 ID:???.net
- >>94のテンプレで下記スレッドに追記した。
+ JavaScript の質問用スレッド vol.126 + [転載禁止]©2ch.net
http://peace.2ch.net/test/read.cgi/hp/1444186237/
>>98
上のスレで回答した。
- 104 ：Name_Not_Found：2015/10/11(日) 11:50:53.15 ID:???.net
- >>103
乙
- 105 ：Name_Not_Found：2015/10/11(日) 12:57:24.53 ID:???.net
- >>101
＞操作中のタブではなく裏のタブを操作
禅問答か？
＞裏タブで表示しているurl調べる
それって表示中のタブURLについて検索した結果を別タブに開くのではダメなの？
そもそも「裏タブ」をどうやって教える気なの？
妄想じゃなくてちゃんとした要求仕様を考えなさい
そしてどう見たってユーザースクリプトを想定してるようにしか見えないんで板違いだろ
- 106 ：Name_Not_Found：2015/10/11(日) 14:32:16.88 ID:???.net
- >>105
質問内容をろくに理解もせずに何ら役に立たないレスの典型例だな
- 107 ：Name_Not_Found：2015/10/11(日) 14:42:18.24 ID:???.net
- >>106
ではあなたが素晴らしい回答をしてください
全米が固唾を呑んで注目しています
- 108 ：Name_Not_Found：2015/10/11(日) 15:57:43.01 ID:???.net
- var word = "interesting",
target = "int";
var str = " " + word;
if (str.indexOf(" " + target) !== -1) {
alert("単語前方一致TRUE");
}
// 単語前方一致TRUE
>変数word内のinterestingがintから始まる文字列かどうかのチェック
>原文とキーワードの両方の先頭に空白をつけることで
>文頭のマッチングが判断できる。
http://nazomikan.hateblo.jp/entry/20110303/1299167055
文頭に半角スペースつけなくても、文頭のintのマッチングができると
思うのですが、文頭の半角スペースの意味が分かりません
- 109 ：Name_Not_Found：2015/10/11(日) 16:08:53.47 ID:???.net
- >>108
そのブログ記事書いた本人に意図を質問したらいいんでないの？
正規表現を使わずに indecOf だけでこんなこともできるよって言いたいらしい
- 110 ：Name_Not_Found：2015/10/11(日) 16:42:35.47 ID:???.net
- 下手なサンプルに意味なんて求めちゃダメ
そういうもんだよ
- 111 ：Name_Not_Found：2015/10/11(日) 16:49:43.21 ID:???.net
- >>109-110
はい
- 112 ：Name_Not_Found：2015/10/11(日) 17:25:14.12 ID:???.net
- はぁ？
単語検索でprinterにマッチさせないようにするためだろ。
それぐらい気づけよｗ
下手なのは自分ってことだ。
- 113 ：Name_Not_Found：2015/10/11(日) 17:50:42.93 ID:???.net
- ☆☆本人降臨☆☆
- 114 ：Name_Not_Found：2015/10/11(日) 17:57:01.70 ID:???.net
- うわｗ 本当に気づかないんだｗ
正規表現じゃないのは、単純な文字列マッチなら
indexOfの方が速いからってのも気づいてないんだろうな。
- 115 ：Name_Not_Found：2015/10/11(日) 17:58:48.47 ID:???.net
- えーと nazomikan さんですか？
- 116 ：Name_Not_Found：2015/10/11(日) 18:02:30.14 ID:???.net
- 良く分からんが、ぱっと見てよく分からんって言う人が何人もいる以上、
大したことない例なのは間違いないだろう。
それと速度と単純さを主張するのであればどうしてincludesを使わない？
indexOfで==-1は今やバットノウハウだろう。
- 117 ：Name_Not_Found：2015/10/11(日) 18:04:04.49 ID:???.net
- 関数化してあるならいいだろうけど
indexOfの方が早いからってそれがループの中にあるならともかくねえ
下手な小細工の癖ついたやつのコードは読みたくないなあ
- 118 ：Name_Not_Found：2015/10/11(日) 18:07:28.35 ID:???.net
- いや皆さん、それ4年前の記事じゃないすか
今2015年ですよ
- 119 ：Name_Not_Found：2015/10/11(日) 18:07:59.26 ID:???.net
- includesはともかくtestとかの方が適切だな
もしくはindexOfを使うのならきちんと順番を利用するものにしないと
１つの小細工の知識としてはいいのかもしれないけど
indexOfの説明としては不適切だな
- 120 ：Name_Not_Found：2015/10/11(日) 18:11:30.64 ID:???.net
- 10年前ならそんな時代のを参考にする質問者が悪いと言いたいが、
5年前ならgood partsやらなんやら出た後だし筆者の責任も重いだろうな
- 121 ：Name_Not_Found：2015/10/11(日) 18:27:20.73 ID:???.net
- >>108
http://peace.2ch.net/test/read.cgi/hp/1444186237/14 で回答した。
前方一致なら include ではなく、indexOf に決まってるだろう。
- 122 ：Name_Not_Found：2015/10/11(日) 18:46:49.86 ID:???.net
- ×include
○includes
綴もきちんと書けないのはアンタだけ
そんな奴が何言っても無駄
- 123 ：Name_Not_Found：2015/10/11(日) 19:06:39.33 ID:???.net
- >>116
> それと速度と単純さを主張するのであればどうしてincludesを使わない？
↑間抜けすぎだなｗ
> いや皆さん、それ4年前の記事じゃないすか
> 今2015年ですよ
- 124 ：Name_Not_Found：2015/10/11(日) 19:10:44.11 ID:???.net
- >>116
> それと速度と単純さを主張するのであればどうしてincludesを使わない？
使わないじゃなくて使えない。
すべてのブラウザで使えるわけじゃないし、
対応してないブラウザのincludesの実装としてのコードだろ。
- 125 ：Name_Not_Found：2015/10/11(日) 19:13:27.78 ID:???.net
- >>119
> includesはともかくtestとかの方が適切だな
単純な文字列比較なら正規表現は使わないほうがいい。実際にやればわかる。
比較したい文字列にメタ文字が入っていたらどうする？エスケープしないといけない。
それを込みでコードの複雑さと処理時間を考えるべき。
単純な検索なら、シンプルな方法使ったほうがいい。
- 126 ：Name_Not_Found：2015/10/11(日) 19:25:13.54 ID:???.net
- http://peace.2ch.net/test/read.cgi/hp/1439005423/108 より。
> http://nazomikan.hateblo.jp/entry/20110303/1299167055
> 文頭に半角スペースつけなくても、文頭のintのマッチングができると思うのですが、文頭の半角スペースの意味が分かりません
筆者が String#indexOf は -1 と比較するものと固定観念を持っているからだろう。
前方一致なら index が 0 になる事は自明。
'interesting'.indexOf('int') === 0; // true
'printer'.indexOf('int') === 0; // false
- 127 ：Name_Not_Found：2015/10/11(日) 19:30:37.27 ID:???.net
- テンプレ談義よりこういうくだらない話題のほうが面白いのはなんでだろう
- 128 ：Name_Not_Found：2015/10/11(日) 19:38:07.81 ID:???.net
- 皆キャラになりきってストレス発散してるから。
会社では皆つまらない真面目人間。
- 129 ：Name_Not_Found：2015/10/11(日) 19:44:23.16 ID:???.net
- >>125
横レスだが自分の都合に合わせて話を一般化したりしなかったりするのは止めたほうが良い
まあやはり脳が機能停止してるんだろうけどな
- 130 ：Name_Not_Found：2015/10/11(日) 20:27:42.18 ID:???.net
- >>129
そのままコピペして使い回し出来そうな
一般論はいいんで、具体的なこと言ってくれない？ｗ
- 131 ：Name_Not_Found：2015/10/11(日) 20:56:42.10 ID:???.net
- なんだか急に中身の無い煽りになってつまらなくなった
- 132 ：Name_Not_Found：2015/10/11(日) 21:03:57.59 ID:???.net
- まあ誰しも寄ってたかって貶されちゃ辛いしそれを認めたくないだろう
そこでどうするかが人間の大きさを決めるんだが
ちっぽけな彼が自分でも何を言っているのか分からないけど
とにかく反論しようとする自衛モードに入ってしまったのは仕方がない
- 133 ：Name_Not_Found：2015/10/11(日) 21:14:41.33 ID:???.net
- という一般化したお話
- 134 ：108：2015/10/11(日) 21:17:01.54 ID:???.net
- はい。半角スペースが意味があることがわかりました。
それから、話題になってるincludesってこれですか？
String.prototype.includes()
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/String/includes
ie対策に↓を記述するとすると、結局indexOfを使用して遅いってことに
なるのでしょうか？
if (!String.prototype.includes) {
String.prototype.includes = function() {'use strict';
return String.prototype.indexOf.apply(this, arguments) !== -1;
};
}
- 135 ：Name_Not_Found：2015/10/11(日) 21:24:33.69 ID:???.net
- あのね、、、遅い早いって言うのはもう実際困ってから言ってね。
今のJSエンジンならどんな書き方でも殆どの場合問題ないから。
よっぽど何かのゲームエンジンだとかそこがボトルネックになりそうなライブラリだとか作るときになって初めて考えてちょうだい。
- 136 ：Name_Not_Found：2015/10/11(日) 21:58:40.95 ID:???.net
- >>134
初心者君に１つ重要なアドバイスだが、
１つ１つのAPIは正しく認識した方がいい。
例えばindexOfはけして文書からキーワードを見つけるという機能ではない。
結果的にそういう用途にも使えるけれど、
実際は正規化どころかサロゲートペアも考慮してくれないから、
それだけでは検索という機能を正しく実現させられることは少ない。
それはincludesであっても同じ。
そしてもし速さで考えるなら最初から文字列ではなくバッファとして取得して
SABとWorkerとSIMDでも使うのが一番だろうけれど、
そういう理想論が最善であることは珍しい。
- 137 ：Name_Not_Found：2015/10/11(日) 22:17:39.28 ID:???.net
- それも理想論なんだけどな。
まあ現実はボチボチ適当にやっていくしか無いでしょ。
誰しも完璧ではないし、完璧にはなり得ない。
それを弁えた上で完璧に近づくことを目指して
沢山の人が書いたサンプルや記事に触れていくってのが大事だと思う。
人のコードを読むって最初は自分で書くより難しいと思うけれど
くじけずに続けていれば意図も良し悪しも分かってくるよ。
まあ情報は新しめの物を選ぶってことには注意した方が良い。
基礎分野であっても5年前は賞味期限切れだよ。
- 138 ：Name_Not_Found：2015/10/11(日) 23:12:53.46 ID:???.net
- >>126
http://peace.2ch.net/test/read.cgi/hp/1444186237/14 のコピペ
- 139 ：Name_Not_Found：2015/10/11(日) 23:20:07.40 ID:???.net
- 大学生のときに、javascript、php、mysqlでwebアプリケーションを作って
レンタルサーバーに設置しました。
っで、細かいとこはすっ飛ばしてwebアプリ作ったので、
Javascriptのよく分かってないとこを細かく勉強してます。
もう、どれがいいとか、古いとか新しいとか言ってたら永遠にwebアプリ
なんて完成しないので、とにから完成を目標にして作成
→いつでも目に見えるようにレンタルサーバーに設置
→よく分からいとこを細かく勉強
って流れてプログラミングの勉強してます。
- 140 ：Name_Not_Found：2015/10/12(月) 00:32:15.80 ID:???.net
- >>137
基礎分野の賞味期限が５年って、アホかｗ
現役バリバリのハフマン符号化が何年に開発されたかしらんのか？
ロケットのOSが何時開発されたのかしらんのか？
基礎技術は廃れないから基礎なんだよ。
- 141 ：Name_Not_Found：2015/10/12(月) 01:26:54.98 ID:???.net
- でさ、発端のブログ記事のコードに関していえば
基礎分野とか基礎技術とかそんな学術的な単語で語るようなもんじゃないわけで
なにをいいこと言った感でケンカしてんだか
- 142 ：Name_Not_Found：2015/10/12(月) 04:50:56.02 ID:???.net
- >>141
基礎分野の賞味期限ではなく、基礎分野の情報の賞味期限だよ。
JSは進化も早くいろいろ前提になるものや、様々な常識が変わるのも早い。
時が経つと細かなニュアンス的なことやスタイルや記法の特徴も含めて徐々に感覚が世間と乖離していく。
- 143 ：Name_Not_Found：2015/10/12(月) 05:05:51.61 ID:???.net
- >>142
根本的なところを間違ってる。
例えばJavaScriptという言語の文法は基礎ではない。
比較命令、ループ、関数、クラス、クロージャー。
こういったものが基礎。
ES7とか、基礎技術は昔からさほど変わらず、
言語に新たな基礎技術が取り入れられたにすぎん。
- 144 ：Name_Not_Found：2015/10/12(月) 08:23:37.82 ID:???.net
- クイックソートとか二分木検索とか、要はアルゴリズムがソフトウェアにおける「基礎分野」だよ。
言語仕様に起因する最適化知識はたんなる枝葉の「Tips」に過ぎない。
- 145 ：Name_Not_Found：2015/10/12(月) 09:05:06.33 ID:???.net
- ＞たんなる枝葉の「Tips」に過ぎない
そう
しかも、どこの馬の骨とも付かぬ輩の「こんなこともできるよ わーい」なわけで
そんなものきっかけでおまえらはなにやってんだよ
- 146 ：Name_Not_Found：2015/10/12(月) 09:33:48.00 ID:???.net
- >>144
笑
- 147 ：Name_Not_Found：2015/10/12(月) 09:51:56.35 ID:???.net
- ここは荒らしのスレです。本スレは>>103で立てられています。
+ JavaScript の質問用スレッド vol.126 + [転載禁止]©2ch.net
http://peace.2ch.net/test/read.cgi/hp/1444186237/
- 148 ：Name_Not_Found：2015/10/12(月) 14:00:06.48 ID:???.net
- 一度削除依頼を出してもらったほうがいいかもね。
常にこの板監視してるわけじゃないからどれが荒らしスレなのか判断が出来ないから俺はやらないけど
- 149 ：Name_Not_Found：2015/10/12(月) 14:10:10.41 ID:???.net
- >>148
すでに削除依頼はスレ立てた本人によってされているのです。
でも削除しないんです。管理人の怠慢なのでどうしようもありません。
http://peace.2ch.net/test/read.cgi/hp/1444186237/2
> 2 自分：Name_Not_Found[] 投稿日：2015/10/07(水) 11:55:20.42 ID:71WBOfKy [2/2]
> すみません。重複スレでした。
> ここは削除依頼済みです。
>
> ↓こちらへどうぞ
- 150 ：Name_Not_Found：2015/10/12(月) 14:24:33.92 ID:???.net
- 現在の２ちゃんねるでは、よっぽどのことがなければその種の削除依頼は処理されません
怠慢というよりそういう方針なようです
かつてのように削除人がたくさんいた頃とは違いますので諦めてください
- 151 ：Name_Not_Found：2015/10/12(月) 14:25:09.12 ID:???.net
- >>8にまとめてあるじゃん
- 152 ：Name_Not_Found：2015/10/12(月) 18:20:39.18 ID:???.net
- 以前は荒らしが立てたJavaScriptスレ全てに削除依頼出してたが、対応されないからもう諦めたよ
このスレも削除依頼を出しても対応されないのは目に見えてる
- 153 ：Name_Not_Found：2015/10/15(木) 05:25:35.94 ID:???.net
- とりあえず荒らしの自演を尻目に誘導すればいんじゃね？ｗ
- 154 ：Name_Not_Found：2015/10/15(木) 05:26:22.75 ID:???.net
- ここは荒らしのスレです。
+ JavaScript の質問用スレッド vol.126 + [転載禁止]©2ch.net
http://peace.2ch.net/test/read.cgi/hp/1444186237/
- 155 ：Name_Not_Found：2015/10/15(木) 15:20:03.25 ID:kS2Oui2F.net
- 初歩的なことかもしれませんが、調べてもそれらしい内容が見つからなかったので質問させてください。
例えば、var1と3と比較するときに「3 == var1」と変数を後ろに記述したものを見かけますが、
①「var1 == 3」とは書き方が違うだけで同じものなのか
②どちらの書き方がより広く使われているのか
③パフォーマンスに差異はないのか
お願いします。
- 156 ：Name_Not_Found：2015/10/15(木) 16:40:13.01 ID:???.net
- １同じ
２コーディング規約があればそれに従う
3ない
- 157 ：Name_Not_Found：2015/10/15(木) 17:19:43.65 ID:???.net
- >>155
== を = に誤記したとき
3 = var1 ならエラーになってくれる、というのが理由かな
- 158 ：Name_Not_Found：2015/10/15(木) 17:20:54.23 ID:???.net
- >>157
これかなー
- 159 ：Name_Not_Found：2015/10/15(木) 18:58:29.46 ID:???.net
- http://peace.2ch.net/test/read.cgi/hp/1444186237/83
- 160 ：Name_Not_Found：2015/10/15(木) 19:45:18.33 ID:???.net
- >>155
> ①「var1 == 3」とは書き方が違うだけで同じものなのか
同じものです。
> ②どちらの書き方がより広く使われているのか
var1 == 3 というか、正確にはvar1 === 3ですね。
> ③パフォーマンスに差異はないのか
ありません。
- 161 ：Name_Not_Found：2015/10/15(木) 21:51:32.36 ID:???.net
- 本スレ
+ JavaScript の質問用スレッド vol.126 + [転載禁止]©2ch.net
http://peace.2ch.net/test/read.cgi/hp/1444186237/
- 162 ：Name_Not_Found：2016/02/23(火) 19:02:22.26 ID:???.net
- .
.
板違い（？）の上に、話をさえぎってしまいゴメンナサイ！(*_ _)人
でも、この板のユーザーさんにも有意義な告知かと思うのでカキコませてください。
★ 謝礼は十分いたします ★ アメブロなどのサイト制作ができる方！！
アメブロなどを使用してのサイト制作のできる方を早急に求めています！
私はリケジョやPC女子からはほど遠く、サイト作成にはまったく疎いのでとても不自由しています…(> <；)
そこで私に代わりサイトを作成してくださる方を求めてこの場をお借りしました。
■サイトの内容…
アダルト系、違法性、その他公序良俗に反するものではありませんのでご安心ください。
■サイト制作の仕様ベース…
アメーバブログで十分です。願わくばwordpressなどのブログ形式のサイトを希望します。
それに準ずるもので使い慣れたものがあれば別のものでも構いません。
■条件はありません…
技術さえお持ちでしたら、学歴・職歴等は一切問いません。
フリーター、ニート、高齢ニート、コミュニケーション障害をお持ちの方、引きこもりの方、中年失業者、長期無職等、歓迎！
■作業形態…
作業は在宅でやって頂くことになりますので、時間の指定は一切ありません。別のお仕事の傍らに…でもOKです。
■詳細をお知りになりたい方は…
下記メールアドレスまでご連絡ください。詳しく書いた返信文を差し上げます。
※真剣な告知です。冷やかしはご遠慮ください。
井 上
inoue1952w★gmail.com
迷惑メール対策のため＠部分を★にしてあります。
実際に送信する際には★を＠マークに変えてください。
.
.
- 163 ：Name_Not_Found：2016/02/24(水) 00:19:16.80 ID:???.net
- こんな匿名掲示板でなくて、facebook や twitter でツテをたどった方が良いと思う。
真剣ならなおさらね
- 164 ：Name_Not_Found：2016/02/24(水) 02:38:07.59 ID:???.net
- 現行スレ
- 165 ：Name_Not_Found：2016/03/03(木) 14:41:58.68 ID:KuMGwuid.net
- 【超絶】SEO対策済ホームページテンプレート
http://www.infocart.jp/e/34707/58078/
- 166 ：Name_Not_Found：2016/06/12(日) 09:46:19.80 ID:WyucpD20.net
- 【Ｗｉｎ１０】 こんな犯罪級ＯＳ薦めんなよｗｗｗ ↓ 【スパイウェア】
この使用許諾契約書には書かれています
”最後にあなたのコンテンツを含む個人データ（例えばあなたの電子メールの内容や―プライベート通信やプライベートフォルダ内のファイル）にアクセスし―開示し保全します”
開示する ここ重要だよ
契約がなければ通常 高度な違法行為になりうることです それはあなたが自分の意思としてこの契約書に同意したのです
https://www.youtube.com/watch?v=ZBwEmgdqB1c
【秘密保護法】 ナチスの手口でサヨクを捕まるんだろ？ 早くやってみろよ m9(^Д^) 【緊急事態法】
スノーデン氏→国家秘密法は諜報機関ＮＳＡの日本での活動を容易にするために米国が設計して日本政府に導入を要求したもの。
全日本人が調査の対象であり、ＮＳＡはあなたの交際関係、信仰等の個人情報を把握している。
https://twitter.com/hopi_domingo/status/740193540529999873
今朝、辺野古で新基地建設に反対するママの会メンバーに対して、機動隊員が「お前たちには汚い血が流れている」などと暴言を吐いたそうです。
自分のやっていることを「だってお金欲しいもん～」「俺の写真を待ち受けにしろ」とも （顔写真）
https://twitter.com/MothersNoWar/status/690357793702940672
サンマ以降のバラエティ芸人の大半が、暴走族出身で極右思想。原発反対派を「放射脳」と嘲笑する連中。
芸能界極右は石原慎太郎一家を筆頭に、上田晋也 草野仁 津川雅彦 向井理 松本人志 宇多田ヒカル マツコ 春日俊彰 田村淳 北村晴雄
https://twitter.com/tokaia mada/status/630627400552845312
- 167 ：DR120DMC10UE：2016/06/16(木) 00:56:50.44 ID:???.net
- AP層との通信に失敗しました。:[[A1S1E001E] com.fujitsu.mc.a1.scm.MCPiException@23435555
復帰コード = 7051 メッセージ = "予期せぬ例外"java.net.NoRouteToHostException"を検出しました。
[java.net.NoRouteToHostException: ホストへの経路がありません]" ログ出力済フラグ = true ]
大株主
今井メロ
ソニー放送メディア 出井投資顧問 ジェイアール東日本企画
ノーザントラスト ドイツ銀行（ロンドン） 日本経済新聞社
東京電力 三井物産 信託口（大日本印刷） 東映 国際放映
小学館集英社プロダクション 郵政共済組合 京セラ 毎日放送
日本トラスティ信託 三菱商事 学校法人帝京大学 東京都
テレビ愛知ミュージック チェースマンハッタン（ロンドン）
西友 糸山英太郎 テレビ東京ミュージック 財務大臣
千葉県 日本マスター信託 竹田本社 住友商事 モルガンスタンレー
毎日放送 村上（個人）
聖飢魔II
もう人形はいやだ
あみん
ちくわ
中山美穂
抜いてる毛剃ってる毛
ＢｏＡ
カネクリ
- 168 ：Name_Not_Found：2016/06/16(木) 02:05:45.45 ID:8/0PaIry.net
- ちょっと質問があります。
コンピュータ・ソフトウェアに関してなのですが、全く新しい技術を開発して、
その技術を駆使して、今までに無いような斬新なアイデアのウェブサービスを立ち上げようと思った場合、
やはり、一流の大学・大学院の情報系の学部学科・研究科に入る必要があると思いますか？
東京大学理学部情報科学科に入りたいと思っているのですが、
現在23歳でもうすぐ24歳になるという年齢のことを考えると、
やはり年齢的に厳しいのではないかと思っているのです。
もちろん大学に入るのに年齢に上限は無いのですが、
それでも、この年齢で10代の人たちとやっていくのはいろんな意味でかなりキツイような気がするのです。
かと言って別の大学だともっと無理だと思うわけです。
別の大学だと東大以上に現役入学率が高いわけですから・・・・・。
なので、年齢にあまり関係がない通信制の大学を考えているのですが、
やはり、自分のような目的のある人は、通信制の大学なんかで学んでも、
あまり意味が無いのでしょうか？
やはり、一流の大学に入らないと自分が言ってるような目的を達成することは不可能なのでしょうか？
ちなみに、通信制の大学なんですが、北海道情報大学のシステム情報学科というところを考えています。
誰かいろいろと教えてください。お願いします。
- 169 ：TLSで無理矢理表示：2016/06/19(日) 03:32:48.03 ID:???.net
- TLSで無理矢理表示
syndication.exoclick.com Go Daddy Secure Certificate Authority - G2
https://www.virustotal.com/ja/url/bb0f8270976f05ab923e6c9214c21b001a5092c61939f4ee88235b6a18f5d625/analysis/1466272382/
Malicious site
known infection source not recommended site adult content
https://www.virustotal.com/ja/file/1ba1a158f9d0a3e3a5721a29644172f816d2e993493e7b8d19c3e0d3156c0cde/analysis/1456808684/
https://www.ssllabs.com/ssltest/analyze.html?d=syndication.exoclick.com&latest
https://www.ssllabs.com/ssltest/analyze.html?d=syndication.exoclick.com&source=tim
- 170 ：Name_Not_Found：2017/01/24(火) 20:21:27.37 ID:???.net
- age
- 171 ：Name_Not_Found：2017/01/25(水) 01:29:59.14 ID:???.net
- age
- 172 ：Name_Not_Found：2017/12/12(火) 05:48:12.76 ID:MrUcGD8N.net
- HPなどで友達が稼げるようになった情報とか
⇒ http://asaswq3wq.sblo.jp/article/181819223.html
興味がある人だけ見てください。
JQRZBVXHM2
- 173 ：Name_Not_Found：2018/05/01(火) 20:36:07.98 ID:l1wYHpV1.net
- 誰でもできる在宅ワーク儲かる方法
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい 鎌野介メソッド』
5TNTB
- 174 ：Name_Not_Found：2021/10/31(日) 10:47:32.96 ID:l4JJV8UR.net
- insertBeforeでフレーム内に要素を追加するにはどうすればいいでしょうか?
document.frames('a').document.getElementsByName('b')[0]
という感じで間にフレームを入れても追加できません
- 175 ：Name_Not_Found：2021/10/31(日) 14:06:38.92 ID:???.net
- >>174
document.frames()じゃなくてwindow.frames[]
ちなみにローカルでテストする場合今時のブラウザはfileurlスキームからだと同じフォルダにあったとしてもクロスオリジンになってframe内には触れないのでサーバー立てる必要あり
- 176 ：Name_Not_Found：2021/10/31(日) 21:51:03.58 ID:l4JJV8UR.net
- >>175
ありがとうございます。
window.frames[]で追加できました
しかし、フレームの中にフォームがある場合は追加できません
window.frames[].document.forms[]も、
window.frames[].window.forms[]もダメで、
そもそもフレーム内に追加する例が見つかりません
もしかしたら、今時はこんなやり方はしないのでしょうか?
- 177 ：Name_Not_Found：2021/11/01(月) 06:51:53.73 ID:???.net
- 「javascript window.frames」で検索！
- 178 ：Name_Not_Found：2021/11/01(月) 23:27:28.70 ID:XLAyepcU.net
- >>177
やっとわかりました。
window.frames[].document.forms[].document.getElementsBy～じゃなくて、
window.frames[].document.forms[].elements[]なんですね
ずっとVBAの感覚で考えてました
ありがとうございました
- 179 ：Name_Not_Found：2021/11/05(金) 23:37:38.09 ID:hm/glH/N.net
- document.querySelector("#hoge").innerHTML = <span role="textbox"><test></test></span>";
と入力してテキストボックス内に<test></test>と表示したいのですが上手く行きません
<を<にエスケープすれば解決しますが、他に"<test></test>"で囲ったりして解決する方法はないのでしょうか？
- 180 ：Name_Not_Found：2021/11/06(土) 00:56:29.15 ID:???.net
- document.querySelector("#hoge").innerHTML = '<span role="textbox"></span>';
の後に
document.querySelector("#hoge>span").innerText = '<test></test>';
とか？
悪いけどエスケープよりメモリ・速度とも効率悪いよ
なんでそんな要件なのか、何がしたいのか全然書いてないからこうしたら？のアドバイスもしづらい
- 181 ：Name_Not_Found：2021/11/06(土) 13:10:59.32 ID:???.net
- >>179
エスケープ用の関数用意してからテンプレートリテラルで
console.log(`<span role="textbox">${escape_html("<test></test>")}</span>`);
https://qiita.com/saekis/items/c2b41cd8940923863791
- 182 ：Name_Not_Found：2021/11/06(土) 19:56:40.04 ID:???.net
- 関数にしただけで何も解決しとらんが
- 183 ：Name_Not_Found：2021/11/07(日) 11:15:41.65 ID:???.net
- 自分のホムペに天気予報だけとってきて出したいんですが、できますか？
ＩＦＲＡＭＥを使えばできると自分は聞いたんですが相手の画面全部が入っ
てしまいます。焦ってます。ＪＡＶＡが得意でなんとか出来る方法を知って
る方お願いします。
- 184 ：Name_Not_Found：2021/11/07(日) 11:53:21.29 ID:???.net
- Windows10なら天気は常時右下に表示されてると思うけど、需要あるんかいな
- 185 ：Name_Not_Found：2021/11/07(日) 13:47:16.00 ID:???.net
- のようなコードが出てきますが出来ません
Rubyとかはサイトが非対応みたいです
- 186 ：Name_Not_Found：2021/11/07(日) 13:59:49.02 ID:???.net
- 自分のサイトに置いてあるjsonファイルを一緒に置いてある
javascriptから書き換える方法を知ってる人いますか
（URLが書き込めない）
のようなコードが出てきますが出来ません
Rubyとかはサイトが非対応みたいです
jsonの内容は{"a":1}だけで
aを2に変えるだけのコードを教えてください
言葉で説明されても全くわかりません
- 187 ：Name_Not_Found：2021/11/07(日) 14:01:00.20 ID:???.net
- function WriteToFile(){
let hugastring = JSON.stringify(huga);
let blob = new Blob([hugastring],{type:"text/plan"});
let link = document.createElement('a');
link.href = UR.createObjectURL(blob);
link.download = '作ったファイル.json';
link.click();
}
- 188 ：Name_Not_Found：2021/11/07(日) 14:02:59.69 ID:???.net
- これは何をするコードですか？
- 189 ：Name_Not_Found：2021/11/07(日) 14:26:59.38 ID:???.net
- スクリプト初心者です。教えてください。
画像（25枚くらい）をページの端のほうに小さくスライドショー
でのせたいと思っています。
画像の出方はアクセスするたびランダムで
どの画像をクリックしても同じＵＲＬへ別windowで飛ぶようにしたいんです。
どうにかスライドショー＆リンクまではできましたが
どうやっても別windowで開かないんです。
どうすればいいのでしょうか？
よろしくお願いします。
- 190 ：Name_Not_Found：2021/11/07(日) 16:04:02.22 ID:???.net
- >>189
単にaタグで囲めばいいんじゃない？
JSでやる必要ないよ
- 191 ：Name_Not_Found：2021/11/07(日) 22:01:49.66 ID:???.net
- >>190
ありがとうございます。
何度もソースコードを投稿しようとしているのですがはじかれます。
すみません。
- 192 ：Name_Not_Found：2021/11/07(日) 22:40:59.85 ID:???.net
- スクリプトタグは、はじかれる。
<scr＠ipt>
コードは、jsfiddle, paiza などへ書けばよい。
>>2-4
を参照
- 193 ：Name_Not_Found：2021/11/07(日) 23:01:26.08 ID:???.net
- >>183
iframe にサイズ指定をすれば、小さく表示されるのでは？
- 194 ：Name_Not_Found：2021/11/07(日) 23:12:08.03 ID:???.net
- >>186
ファイルの保存は、バックエンド(サーバー側)の言語で書く
例えば、Ruby on Rails なら、Rubyで書く。
Word Press なら、PHP で書く。
Node.js なら、JavaScript で書く
だから、まず、サーバーのフレームワークが何で、言語が何か、調べなければならない
それかサーバーに、ファイル保存用のAPI が作ってあって、
それを通して、保存できるようになっているとか
- 195 ：Name_Not_Found：2021/11/08(月) 19:57:21.50 ID:???.net
- >>194
ありがとうございます
意味わからなくて無理そうなのでjsonに保存するのは諦めて
javascriptの変数をメールフォームに入れて送るのを試してみます
- 196 ：Name_Not_Found：2021/11/16(火) 00:44:39.92 ID:???.net
- すいません、下記のようにボタンを押した時の処理をあらかじめ一つずつJSで書いて書いてるんですが、
ボタンの種類と数が莫大な量になるとJSを書くのが大変になってきました
逆にクリックされた任意のボタンオブジェクトを変数に入れる方法ってあったりしますでしょうか
（ボタンがクリックされる→クリックされたボタンのclassやvalueやtextを調べて目的の処理、という順番に変更したい）
下記が現状のコードです
・html
<button class="BtnA" value="固有の番号">ボタンAタイプ</button>
<button class="BtnA" value="固有の番号">ボタンAタイプ</button>
<button class="BtnB" value="固有の番号">ボタンBタイプ</button>
・js
const BtnA = document.getElementsByClassName('BtnA');
for(i=0;BtnA.length>i;i++){
BtnA[i].addEventListener('click', () =>{
//ここに押された時の処理を書く（固有の番号毎に別々）
});
}
const BtnB = document.getElementsByClassName('BtnB');
以下BtnAのコードとほぼ同様の個別処理がBtnB～BtnXまで延々と続く感じ
- 197 ：Name_Not_Found：2021/11/16(火) 00:51:23.28 ID:???.net
- イベント移譲
ボタンの親にイベントをつけてevent.targetを調べれば、押されたボタンが分かる
- 198 ：196：2021/11/16(火) 00:55:42.98 ID:???.net
- 求めてることのイメージ的には下記みたいな感じですがこの一番最初の行の書き方がわからないです
//何かわからんがボタンが押された！
ボタン〇〇addEventListener('click', () =>{
//何のボタンが押された？
クラス名=ボタン〇〇..className;
if(クラス名="BtnA"){
//その他処理
}
});
- 199 ：196：2021/11/16(火) 01:07:19.50 ID:???.net
- >>197
調べてみるとこういうページが見つかったのですが、
http://alphasis.info/2013/09/javascript-dom-eventobject-currenttarget/
これだと結局、各onClick処理を無数に書かないといけないように見えます
- 200 ：Name_Not_Found：2021/11/16(火) 02:07:21.30 ID:???.net
- ボタンの外側のエレメントなりbodyなりにイベントリスナ仕込んでevent.target.nodeNameがBUTTONかどうかチェックすればいい
- 201 ：196：2021/11/16(火) 06:00:57.37 ID:???.net
- >>200
ありがとうございます
このあたりのページの内容が教えて頂いたことに近いように思うのでまた明日やってみます
https://www.javadrive.jp/javascript/event/index9.html
- 202 ：Name_Not_Found：2021/11/16(火) 23:46:33.55 ID:???.net
- class="BtnA BtnAll"
class="BtnB BtnAll"
みたいに、BtnAll で、すべてのボタンの処理をまとめれば？
jQuery で書けば、
<button class="BtnA BtnAll" value="1">A-1</button>
<button class="BtnA BtnAll" value="2">A-2</button>
<button class="BtnB BtnAll" value="3">B-3</button>
$( ".BtnAll" ).on( 'click', function ( ) {
console.log( $(this).prop( 'value' ) )
} );
- 203 ：202：2021/11/17(水) 00:07:34.96 ID:???.net
- >>202
では、event listener の数が多くなるのか。
それなら、外側・親に、イベントを付けて、親でイベントをキャッチする
jQuery で書けば、
<div id="btn-wrap">
<button class="BtnA" value="1">A-1</button>
<button class="BtnA" value="2">A-2</button>
<button class="BtnB" value="3">B-3</button>
</div>
$( '#btn-wrap' ).on( 'click', function ( event ) {
console.log( $( event.target ).prop( 'value' ) )
} );
- 204 ：Name_Not_Found：2021/11/22(月) 15:09:58.61 ID:???.net
- この種の質問は何度もされてると思いますが prototypeを使った継承について教えてください
function Base(x=0,y=0) { [this.x, this.y] = [x, y] }
Base.prototype.hello = function () { console.log("hello:"+ this.x +"," + this.y) }
// パターン 1
function Derived(z=0) { Base.call(this,10,20); this.z = z }
Derived.prototype = Object.create(Base.prototype); // → Base {}
let obj = new Derived(30); // → { x: 10, y: 20, z: 30 }
obj.hello(); // → hello:10,20
obj.__proto__.__proto__.hello === Base.prototype.hello; // → true
// パターン 2
Derived.prototype = {...Base.prototype}; // → { hello: [Function (anonymous)] }
obj = new Derived(30); // → { x: 10, y: 20, z: 30 }
obj.hello(); // → hello:10,20
obj.__proto__.hello === Base.prototype.hello; // → true
obj.__proto__.__proto__.hello === Base.prototype.hello; // → false
よく紹介されているパターン 1 だと hello メソッドへの参照は 間に挟まった Baseインスタンスの分だけ遠くなります.
パフォーマンス的にはパターン 2 の方が良さそうに感じますが何か問題があるでしょうか？
- 205 ：Name_Not_Found：2021/11/22(月) 17:27:32.88 ID:???.net
- スプレッド構文でコピーしちゃったらそのあとでBase.prototypeに何かしても反映されないし
getter/setter/列挙不可能プロパティあたりで問題があるかな
- 206 ：Name_Not_Found：2021/11/22(月) 17:49:48.60 ID:???.net
- >>205 ありがとうございます
> あとでBase.prototypeに何かしても反映されない
ああ...確かにそうですね。
- 207 ：Name_Not_Found：2021/11/23(火) 11:38:08.30 ID:???.net
- ES2015 から、class 構文が使えるから、
そういう、昔の書き方をしなくても良い
- 208 ：Name_Not_Found：2021/11/23(火) 12:58:06.42 ID:???.net
- せやなclass構文よりオブジェクトリテラルのスプレッド構文の方が新しいし
- 209 ：Name_Not_Found：2022/01/20(木) 18:22:24.83 ID:???.net
- ぷよぷよプラグラミングの質問なんですが
https://puyo.sega.jp/program_2020/dl/puyo-programming-code.pdf
p8の18行あたり initialize ()の中でイベントリスナーでキー操作呼び出してるのですが
initialize ()って一回しか読まないものだと思うのですがどこでキーイベント取得するのでしょうか
一般的なプログラムだとメインの動いてるところで取得するイメージなんですが？
static initialize () {
// キーボードの入力を確認する
this.keyStatus = {
right: false,
left: false,
up: false,
down: false
};
// ブラウザのキーボードの入力を取得するイベントリスナを登録する
document.addEventListener('keydown', (e) => {
// キーボードが押された場合
switch(e.keyCode) {
case 37: // 左向きキー
this.keyStatus.left = true;
e.preventDefault(); return false;
case 38: // 上向きキー
this.keyStatus.up = true;
e.preventDefault(); return false;
case 39: // 右向きキー
this.keyStatus.right = true;
e.preventDefault(); return false;
case 40: // 下向きキー
this.keyStatus.down = true;
e.preventDefault(); return false;
}
});
- 210 ：Name_Not_Found：2022/01/24(月) 18:28:14.40 ID:???.net
- >>209
loop関数の最後に非同期のrAF(loop)があるから、その1/60秒の隙間でブラウザからキー入力を取得してんのかね。
- 211 ：Name_Not_Found：2022/02/03(木) 09:16:04.89 ID:xW83/srj.net
- nodejsでwebスクレイピングアプリを作っています
<body topicId="2557157" state="old">
こういうhtmlタグがあって、stateのvalueを取りたいのですが
Document.getElementsByTagName("body")[0].state
こうしてみたのですがundefinedとなります
取得する方法はないでしょうか
- 212 ：Name_Not_Found：2022/02/03(木) 13:05:19.10 ID:???.net
- document.querySelector('body').getAttribute(’state’)
- 213 ：Name_Not_Found：2022/02/03(木) 13:16:12.01 ID:???.net
- >>212
できました！ありがとうございます！
- 214 ：Name_Not_Found：2022/02/06(日) 13:35:18.15 ID:???.net
- >>209
document.addEventListener('keydown', (e) => {
で、何回もイベント登録されたら、大変。
イベント登録は1回だけでよい
登録しておけば、keydown される度に処理される
- 215 ：Name_Not_Found：2022/02/16(水) 11:41:08.50 ID:???.net
- ヘイ、ジャックス！で括ったら辛せに慣れるかも
- 216 ：Name_Not_Found：2022/02/25(金) 00:38:48.27 ID:CkkK8ZAi.net
- 見てる人いるかわかりませんが
ellipseでcanvasに楕円を描写したあと中央の部分をくり抜いて透明にしたいです
ellipseで緑色に描写した後arcで中心に円を描いてclipしても円の線が切り抜かれるだけで円形の穴はできませんでした。
- 217 ：Name_Not_Found：2022/02/25(金) 17:01:23.34 ID:???.net
- 「html canvas 図形 切り抜き」などで検索すれば？
- 218 ：Name_Not_Found：2022/03/03(木) 20:47:13.54 ID:FU1IYJw+.net
- スレ間違えたので、こちらで出直します
拠ない事情でフロントエンドを作ってるんだけど
<a><img></a>でaにaddEventListener(‘click’)したのに、飛んできたイベントのtargetプロパティがimgになってる
aを探して遡るのはなんか負けの気がする
aにイベント飛ばさせるテクはありますか？
- 219 ：Name_Not_Found：2022/03/03(木) 21:08:25.47 ID:???.net
- >>218
a要素にaddEventListenerしたんならcurrentTarget
https://developer.mozilla.org/ja/docs/Web/API/Event/currentTarget
- 220 ：Name_Not_Found：2022/03/04(金) 02:30:11.83 ID:???.net
- jQuery では、外側・親にイベントを付けて、親で、子のイベントをキャッチできる。
event.target で、子のvalue の値、1,2,3 を取得できる
<div id="btn-wrap">
<button class="BtnA BtnAll" value="1">A-1</button>
<button class="BtnA BtnAll" value="2">A-2</button>
<button class="BtnB BtnAll" value="3">B-3</button>
</div>
// 外側・親にイベントを付けて、親で、子のイベントをキャッチする
$( '#btn-wrap' ).on( 'click', function ( event ) {
const value = $( event.target ).prop( 'value' )
console.log( value )
alert( value )
} );
- 221 ：Name_Not_Found：2022/03/04(金) 02:38:11.01 ID:???.net
- 「js event.target vs event.currenttarget」で検索してみれば？
- 222 ：Name_Not_Found：2022/03/04(金) 12:04:46.12 ID:vu0iDZXJ.net
- ありがとう皆さん
currentTargetで目的を果たせました
- 223 ：Name_Not_Found：2022/03/06(日) 14:04:14.27 ID:nmfY1egB.net
- 自分のサイトにあるフォーム
↓①
googleフォーム
↓②
googleスプレッドシート
と情報を渡す時、①の部分はどのように実装すると良いでしょうか
・自分のサイトの「送信」ボタンを押すと、submitで送信する
・自分のサイトの「送信」ボタンをaタグにし、hrefをjsで編集する
①の部分はここを参考にしています
https://stackoverflow.com/questions/51995070/post-data-to-a-google-form-with-ajax/55496118#55496118
- 224 ：Name_Not_Found：2022/03/06(日) 22:36:58.30 ID:???.net
- aタグは、get しか出来ないでしょ？
Ruby on Rails では、post なども出来るようにしているけど
[Rails]aタグでも「data-method="delete"」を設定すればlink_toと同じ挙動
https://qiita.com/haruya_hamasaki/items/b69de2c680bb01d88017
form = $('<form method="post" action="' + href + '"></form>'),
aタグをクリックされたら、見えないフォームを作って、post 送信している
- 225 ：Name_Not_Found：2022/03/06(日) 22:48:29.21 ID:???.net
- >>224
は？rubyとかもう化石じゃないですか。使いませんよ
postするならsubmitすればいいだけだし。rubyってこんなアホしか使ってないんですか？
- 226 ：Name_Not_Found：2022/03/06(日) 22:49:42.83 ID:nmfY1egB.net
- すいません、あまりの気持ち悪さに口が悪くなってしまいました
あとID隠してしまいましたが>>225は私です
- 227 ：Name_Not_Found：2022/03/07(月) 11:55:01.12 ID:???.net
- >>223
普通に前者で良いよ。
むしろ後者にする必然性が何一つない
もし合計を出す、税込みにするなどでどうしても加工したいなら、後者はありえる
あとこのrubyキチガイはrubyという言語を終わらせるために活動しているので、相手しなくていいぞ
- 228 ：Name_Not_Found：2022/03/07(月) 15:10:53.63 ID:???.net
- うーむ、めちゃはまってしまってる
1:スプレッドシートのE列を配列 arrColWork に格納
range = workReportSheet.getRange(1,5,150);
arrColwork =range.getValues();
2:arrColWorkから重複排除した要素だけをarrColに格納
arrCol = arrColWork.filter(function(value, index, self){return self.indexOf(value) === index;});
↑
上記1→2の流れやりたいんだけど 2 がうまくいかない
重複排除されずに全件arrColに格納されてしまう…
テストケースとしてE列の先頭行(1行)と最終行(150行)に"野口"と入力
2行～149行には"田中"を入力したもので試したが全部出力されてしまってる
1の結果を Logger.log(arrColwork); で出力したら正常にE列の1行目から150行目まで入力した値がきちんと配列に格納できてる
2の結果を Logger.log(value + ":" + index + ":" + self.indexOf(value)); で出力したら
valueはきちんと150件分入力したものが入ってるが、index と self.indexOf(value) が同じ値になってしまってて
全部 True になってる self.indexOf(value) が機能してない？
原因わかるやつおる？？
- 229 ：Name_Not_Found：2022/03/07(月) 15:58:20.23 ID:???.net
- valueがオブジェクトだったみたいな振る舞いですね
- 230 ：Name_Not_Found：2022/03/07(月) 16:23:09.72 ID:???.net
- 試してたら1の部分を arrColwork = ["野口","野口","田中","橋本","田中","小林","入間"]; のように
ソースコード内で配列の中身を指定するように置き換えたら2のコードのまんまできちんと重複を排除できた
スプレッドシートのE列の値を配列に格納するあたりで何かひっかかってる？？
- 231 ：Name_Not_Found：2022/03/07(月) 16:28:12.67 ID:???.net
- うーむ、getValues()で取得したものは1列分であっても二次元配列で取得されてるってことかな
んでもって、indexOf() は一次元配列にしか使えない…
- 232 ：Name_Not_Found：2022/03/07(月) 16:29:11.92 ID:???.net
- スプレッドシートの1列分のデータを一次元配列で取得する方法ってないのかな？？
二次元配列で取得したものをforで回して一次元配列に格納しなおすしかないんだとしたらめんどい
- 233 ：Name_Not_Found：2022/03/07(月) 16:36:09.66 ID:ua+lBOoP.net
- A. https://www.example.com/test/form.html (有料SSL)
のフォームから
B. https://abc.example.com (無料SSL)
へPOSTでデータを渡していました。
Aのフォームでsubmitボタンに対し、
リロードさせないようにpreventDefault()を入れてBに渡していました。
Aの有料SSLを無料SSLに変えて同時にwww無しのドメインに正規化しました。
するとpreventDefault()を入れるとデータが飛ばなくなってしまいました。
結局submitボタンをtype=buttonに変えて、
JavaScriptでsubmit()することで飛ばせるようには鳴りました。
2つ(有料SSLとwww外し)を同時にやってしまったのですが、
なぜAからBへダメになってしまったのでしょうか？
- 234 ：Name_Not_Found：2022/03/21(月) 15:15:21.43 ID:EwLxpvLS.net
- お前ら和歌山県出身の下村拓郎様（35歳独身、元自衛隊）をご存知か、この方は将来素晴しい人物になるから覚えておいて損はないぞ
- 235 ：Name_Not_Found：2022/03/21(月) 16:54:18.28 ID:???.net
- javascript素の実装で
fetchした結果をreturnしたいんだけど毎度おなじみ非同期の沼に嵌ってよくわからない
これreturn書いても書かなくてもpromise返ってるんだけど
promiseから値を取り出すにはどうすればよいの？
みんなどうやってるのか聞きたいな
毎度コールバックでfetchとかコード大変なことになるし
共通jsに別関数でgetListみたいな名前でAPI問い合わせしてjson返すようなデザパタは
Javascriptではご法度なの？
- 236 ：Name_Not_Found：2022/03/23(水) 04:54:11.57 ID:???.net
- javascriptではというかGUIが絡むコーディングではどの言語でもご法度だよ
シングルスレッドならね
言語(&環境)によってそれをマルチスレッドで解決するか非同期で解決するかというだけ
とはいえやりたければjavascript(&ブラウザ)でそういう同期処理的なふうにできなくもないよ
当然メインスレッドブロックするけどね
おとなしくasync/await勉強すべきだと思うけど
MDN読みながら手を動かして1～2時間もあればだいたい分かると思うけどその程度の手間も惜しいの？
- 237 ：Name_Not_Found：2022/03/23(水) 06:14:31.61 ID:???.net
- ちんちんシュッ！シュッ！シュッ！
- 238 ：Name_Not_Found：2022/03/23(水) 12:42:18.82 ID:???.net
- Callback 地獄 → Promise 地獄 → async/await
JavaScript には、こういう変遷の歴史がある。
Promise は、jQuery の時代の技術
- 239 ：Name_Not_Found：2022/03/28(月) 21:12:24.23 ID:???.net
- aタグを全て新規タブで開きたいと思い、
以下のコードを書いてみたのですが
Uncaught TypeError: foo.forEach is not a function
at <anonymous>:2:5
というエラーになりました
foreachの書き方が間違っているのでしょうか
それとも、fooに対してはforeachが使えないのでしょうか？
var foo = document.getElementsByTagName("a")
foo.forEach(function(bar){
window.open(bar.getAttribute);
});
- 240 ：Name_Not_Found：2022/03/28(月) 22:56:41.36 ID:???.net
- >>239
> それとも、fooに対してはforeachが使えないのでしょうか？
これが正解、fooは配列じゃなくてHTMLCollection
https://developer.mozilla.org/ja/docs/Web/API/Document/getElementsByTagName
- 241 ：Name_Not_Found：2022/03/28(月) 23:17:02.61 ID:???.net
- >>239
querySelectorAllならIE以外でforEachが使えるけど
今時のブラウザはブラクラ防止で一つの処理でwindow.openは1回しか動かないものが多いよ
- 242 ：Name_Not_Found：2022/04/02(土) 11:02:19.53 ID:???.net
- 15年ぐらい前のlightbox環境は毎秒5フレームぐらいのカクカクした感じなんだけど
スムーズにするにはどこを触ればいい？
lightbox2はうまく動かなかった
なんとかlightbox.jsのパラメータを触って実現できたらいいんだけど
- 243 ：Name_Not_Found：2022/04/07(木) 21:02:43.08 ID:???.net
- cssを直で書く
jsでアニメーションはカクカクになる
- 244 ：Name_Not_Found：2022/04/09(土) 05:38:43.91 ID:???.net
- javascriptでブラウザの外に画像を表示したり、動かしたりする事ってできますか？
- 245 ：Name_Not_Found：2022/04/09(土) 06:34:14.46 ID:???.net
- できないよ
- 246 ：Name_Not_Found：2022/04/09(土) 15:49:49.88 ID:???.net
- 条件を後出しせず、書かれた通りの質問なら、できるよ
- 247 ：Name_Not_Found：2022/04/10(日) 05:44:51.10 ID:???.net
- >>246
URLとか忘れたんですけど、以前ブラウザのボタンを押すとブラウザの後ろから画像がニョキッって横に飛び出る動画見た事あるんですよね
アレってjavascriptなのかなーって疑問を抱いてました
- 248 ：Name_Not_Found：2022/04/22(金) 15:57:04.46 ID:CYTDFVnn.net
- test.jsの中で
(function(){
var a = 1;
})();
と変数を宣言しましたがchromeのコンソールでこのaを取得するにはどうすればよいのでしょうか？
- 249 ：Name_Not_Found：2022/04/22(金) 16:38:41.57 ID:???.net
- breakpoint入れてその関数実行時にスコープの中に入らないと無理じゃないかな
スクレイピング用途ならhttp proxyかましてスクリプトを変更して外部からアクセスできる変数にする
- 250 ：Name_Not_Found：2022/04/22(金) 22:33:33 ID:???.net
- >>248
無名関数は、
var a = 1;
が他に影響しないようにするための便利な書き方なんだ
その中見を無理に使おうとすると
var a = 2;
(function(){
a = 1;
})();
console.log(a)
のようなアホみたいな書き方になる
aを使いたいなら、
a = 1;
だけで良い
- 251 ：Name_Not_Found：2022/04/23(土) 04:13:46 ID:???.net
- >>249 >>250
ありがとうございます。
すごい分かり易かったです。
- 252 ：Name_Not_Found：2022/04/29(金) 18:35:35.70 ID:???.net
- 今だと非同期関数を作るときはasyncを付けます。
まだasyncが登場してない時ってどうやって自作の非同期関数を作っていたのでしょうか。
- 253 ：Name_Not_Found：2022/06/04(土) 19:32:18.50 ID:???.net
- どなたか教えてください。
<body>
<script>
var str = document.getElementById{"test").innerHTML;
str = str.replace(“やま”, “ほし”);
document.getElementById("test").innerHTML = str;
</script>
<div id=“test”>
<p>うみ</p>
<p>やま</p>
</div>
</body>
としてもブラウザーには
うみ
やま
と表示されてしまいます。
どこか間違っているのでしょうか？
その場合どこを直せばいいでしょうか。
よろしくお願いします。
- 254 ：Name_Not_Found：2022/06/04(土) 21:56:17.30 ID:???.net
- 釣られないぞ
- 255 ：Name_Not_Found：2022/06/04(土) 21:58:29.74 ID:???.net
- >>253
ダブルクォートやカッコが間違ってる
scriptタグを</div>より後に
- 256 ：Name_Not_Found：2022/06/04(土) 22:01:16.83 ID:???.net
- DOMがreadyになってから実行しろって話じゃないの？
- 257 ：Name_Not_Found：2022/06/04(土) 22:15:41.08 ID:???.net
- みなさんレスありがとう。
()と”を’に置き換えて下記のようにしてみました
<div id=“test”>
<p>うみ</p>
<p >やま</p>
</div>
<script>
var str = document.getElementById('test').innerHTML;
str = str.replaceAll('うみ', 'ほし');
document.getElementById('test').innerHTML = str;
</script>
しかしブラウザでは うみ やま と表示され ほし やま になってくれません。
- 258 ：Name_Not_Found：2022/06/04(土) 22:44:00.21 ID:???.net
- シングルクォートにしろという事ではなく全角ダブルクォートなのが間違い
<div id="test">
- 259 ：Name_Not_Found：2022/06/05(日) 07:14:56.13 ID:???.net
- >>258
半角だと思うのですがこれじゃだめなんですね。
- 260 ：Name_Not_Found：2022/06/05(日) 07:20:42.56 ID:???.net
- お騒がせしています
<div id="test">
<p>うみ</p>
<p >やま</p>
</div>
<script>
var str = document.getElementById("test").innerHTML;
str = str.replaceAll("うみ", "ほし");
document.getElementById("test").innerHTML = str;
</script>
このように書き換えましたがはやり うみ が やま に変わりません。
どこかどのようにだめなのかわかりませんか？
- 261 ：Name_Not_Found：2022/06/05(日) 07:25:18 ID:???.net
- すみません。混乱していて。
うまく表示されていたようです。
初歩的な事にレスをいただいてみなさんありがとうございました。
感謝します。
- 262 ：Name_Not_Found：2022/06/05(日) 16:32:21 ID:GSVgB4j6.net
- const express = require('express');
const server = express();
と書いた場合と、express(); の前に new を付けて、
const express = require('express');
const server = new express();
と書いた場合、何が違うのでしょうか？
同じように動作しているように見えます。
- 263 ：Name_Not_Found：2022/07/21(木) 18:28:05 ID:bVEASdty.net
- こういう鍵盤をイメージしたボタンが複数60Keyほどあって、鍵盤のキーをクリックしたらイベントを開始したい。
<span class="white-key" data-key="90" data-note="1c"><i>ド</i></span>
<span class="white-key" data-key="88" data-note="1d"><i>レ</i></span>
<span class="white-key" data-key="67" data-note="1e"><i>ミ</i></span>
.
.
.
しかし、id属性がないので、
let button = document.getElementById('xxx');
button.addEventListener('click', butotnClick);
とは記述できない。
jQueryや、Reactや、Vue.jsなどは使わず記述する方法ありますか？
- 264 ：Name_Not_Found：2022/07/21(木) 19:17:04.35 ID:???.net
- 要素を取得する方法の問題？
id属性がなくてもwhite-keyクラスがついてるってわかってるなら
https://developer.mozilla.org/ja/docs/Web/API/Document/getElementsByClassName
を使えば要素の一覧が取得できる
- 265 ：Name_Not_Found：2022/07/21(木) 19:17:59.47 ID:???.net
- >>263
classなりなんなり共通してる他の属性を使えばいい
document.querySelectorAll(".white-key, .black-key").forEach(elem => elem.addEventListener("click", buttonClick));
- 266 ：Name_Not_Found：2022/07/21(木) 19:28:53.96 ID:???.net
- >>264,>>265
ありがとうございます。やってみます。この方法なら、keyごと（ボタンごと）に、
addEventListener()
つくらなくていいのかもしれないですね。
60個も、addEventListener()つくるのは面倒だなと思ってました。
- 267 ：Name_Not_Found：2022/07/21(木) 19:31:46.38 ID:???.net
- あ。いや。ボタン毎にaddEventListener()記述しないと、同じ音が出てしまうな。。
- 268 ：Name_Not_Found：2022/07/21(木) 19:42:44.93 ID:???.net
- 繰り返しaddEventListenerでイベントハンドラ設定するのが嫌なら、
適当な親要素にイベントハンドラつけてそのイベントハンドラ内で
let button = event.target.closest(".white-key");
ってやればいいんじゃないかな
https://developer.mozilla.org/ja/docs/Web/API/Element/closest
- 269 ：Name_Not_Found：2022/07/21(木) 23:38:14 ID:???.net
- こんな感じかね
https://jsfiddle.net/e2uw7qf0/
- 270 ：Name_Not_Found：2022/07/22(金) 08:54:33.42 ID:LPjEgNsv.net
- フリーランス向けエージェント「クラウドテック」会員数8万人突破
～働きやすい環境構築のため、単価向上・全年齢の活躍の場創出・
地方企業のDX推進の取り組みを強化します～
フリーランスエンジニア専門の案件一括検索サイト「フリーランススタート」、
累計掲載案件数25万件突破！リモートワークの累計掲載案件数35,000件突破！
新規人材の80%がフルリモート希望！ IT人材市況動向レポート2021年12月版を公開
人口移動報告 家賃高い、首都圏脱出 「コロナ禍、仕事フルリモート」
クラウドテック、地方企業向け『クラウドテックDX』を開始、
7万人を超えるDX人材が、地方の非IT企業のDX推進を支援
新潟県、移住してきたテレワーカー／フリーランスに最大50万円を支給
テレワークの一般化により、11月にはテレワーク可能案件83.7%へと増加。
2021年、フリーランスのトレンドは「移住＆テレワーク」と予測
- 271 ：Name_Not_Found：2022/07/22(金) 15:02:06.74 ID:???.net
- jQuery で、外側・親にイベントを付けて、親で子のイベントをキャッチする。
$( event.target )
<div id="btn-wrap">
<button class="BtnA BtnAll" value="1">A-1</button>
<button class="BtnA BtnAll" value="2">A-2</button>
<button class="BtnB BtnAll" value="3">B-3</button>
</div>
$( function ( ) {
// 外側・親にイベントを付けて、親で子のイベントをキャッチする
$( '#btn-wrap' ).on( 'click', function ( event ) {
const value = $( event.target ).prop( 'value' )
console.log( value )
} );
これで、1,2,3 などが出力される
- 272 ：Name_Not_Found：2022/07/22(金) 20:52:23.24 ID:???.net
- なんでjQuery？
- 273 ：Name_Not_Found：2022/07/22(金) 21:45:39.09 ID:???.net
- >268
>269
>271もかな。
ありがとうございます。
>269の発想はJavaScriptに慣れてないとできそうじゃないねえ。
勉強になりました。参考にさせていただきます。
- 274 ：271：2022/07/22(金) 23:10:42.75 ID:???.net
- JavaScript は難しすぎる。
バグってばかりで、アホらしい
漏れは、Ruby, jQuery ぐらいしか書けない
- 275 ：Name_Not_Found：2022/07/23(土) 00:06:45.72 ID:???.net
- 言語とライブラリを混同してる時点で理解不足としか
- 276 ：Name_Not_Found：2022/07/23(土) 03:29:16.41 ID:FClyRvyS.net
- 疑似的に、sablimeTextとか、VisualStudioCodeを模して
ソースコードに対して、キーワード毎に色付けるような、
javascriptのパッケージてないですか？
- 277 ：Name_Not_Found：2022/07/23(土) 04:01:34 ID:???.net
- すいません。わかりづらいので修正。
ソースコードに対して×
htmlに書かれた、スニペットに対して〇
- 278 ：Name_Not_Found：2022/07/23(土) 13:09:05.45 ID:???.net
- こういうの？
https://qiita.com/tadnakam/items/1323d03743fc0101aa50#_reference-5bf24f87c297fca87bd2
- 279 ：Name_Not_Found：2022/07/23(土) 14:30:30.90 ID:???.net
- ありがとうございます。まさにそれです。
- 280 ：Name_Not_Found：2022/07/27(水) 14:20:46.26 ID:4QcDaVi1.net
- これで音がなるのですが、zingle.mp3は１０秒程度の長さです。
３秒ぐらいで音をストップさせるにはどうすればいいですか？
const sound_c = new Audio('sound/zingle.mp3');
sound_c .play();
- 281 ：Name_Not_Found：2022/07/27(水) 14:34:05.59 ID:???.net
- setTimeout()で解決しました。おさわがせしました。
- 282 ：Name_Not_Found：2022/08/03(水) 18:48:40 ID:Nj6BOTMG.net
- ＜!DOCTYPE html＞
＜html＞
＜head＞
＜script type="text/javascript" src="https://code.jquery.com/jquery-latest.min.js"＞＜/script＞
＜title＞サンプル＜/title＞
＜/head＞
＜body＞
＜input type="button" value="再生" id="button"＞
＜script＞
if ($('#button').val() === "再生"){
$('#button').click(function() {
console.log($('#button').val());
console.log($('#button').val() === "再生");
console.log("再生をはじめました。");
$('#button').val('停止');
});
}
＜/script＞
＜/body＞
＜/html＞
今すっごくハマっているところですが、input要素のvalue値を変化させると、ボタンをクリックさせないように設定しているのですが、
そんなの関係なしに、ボタンがクリックできてしまいます。
これは、どういった理由で変な処理が可能になっているのでしょうか？今後ハマらないためにどのような注意をすればよいでしょうか？
- 283 ：Name_Not_Found：2022/08/03(水) 20:01:54.34 ID:Nj6BOTMG.net
- ＜!DOCTYPE html＞
＜html＞
＜head＞
＜script type="text/javascript" src="https://code.jquery.com/jquery-latest.min.js"＞＜/script＞
＜title＞サンプル＜/title＞
＜/head＞
＜body＞
＜input type="button" value="再生" id="button"＞
＜script＞
var playing_flag = false;
if (playing_flag === false){
$('#button').click(function() {
console.log('ボタンが押された');
console.log(playing_flag);
$('#button').val('演奏中止');
playing_flag = true;
console.log(playing_flag);
// run();
});
}else{
console.log(playing_flag);
// reset();
}
＜/script＞
＜/body＞
＜/html＞
flag用の変数を使ってもダメだった。どこで躓いているんだろ。。
- 284 ：Name_Not_Found：2022/08/03(水) 20:12:43.40 ID:???.net
- こういうこと？
ボタンを無効化させる意図がよく分からんけど
disableかstyleのpointer-eventかければいいだけかと
https://i.imgur.com/Nf7k076.jpg
- 285 ：Name_Not_Found：2022/08/03(水) 20:17:43.28 ID:Nj6BOTMG.net
- もちろん、もともとの目的は無効化なんだけど。
それより、
if(false){
実行A
}
の状態なのに、実行Aが実行されているのが気になって。
- 286 ：Name_Not_Found：2022/08/03(水) 20:22:18.94 ID:???.net
- false === false は真だろ
- 287 ：Name_Not_Found：2022/08/03(水) 20:23:51.02 ID:Nj6BOTMG.net
- お。
- 288 ：Name_Not_Found：2022/08/03(水) 20:27:15.89 ID:???.net
- そっかー。ありがとう。これに２時間悩んでたww
- 289 ：Name_Not_Found：2022/08/03(水) 20:32:11.88 ID:Nj6BOTMG.net
- いや。解決してない。
- 290 ：Name_Not_Found：2022/08/03(水) 20:36:38.79 ID:Nj6BOTMG.net
- ＜script＞
var playing_flag = false;
if (playing_flag === false){
$('#button').click(function() {
console.log('ボタンが押された');
console.log(playing_flag);
$('#button').val('演奏中止');
playing_flag = true;
console.log(playing_flag);
// run();
});
}else{
console.log(playing_flag);
console.log('2回目はこっちが押されるはずでは？');
// reset();
}
＜/script＞
１回目のクリックは、if文の実行で問題ないのだけど。
２回目のクリックは、else文を実行するのでは？
- 291 ：Name_Not_Found：2022/08/03(水) 20:48:32.41 ID:Nj6BOTMG.net
- ＜input type="button" value="再生" id="button">
＜script>
var playing_flag = false;
const btn = document.getElementById("button");
var run = () => {
console.log(playing_flag);
console.log("再生中");
playing_flag = true;
};
var reset = () => {
console.log(playing_flag);
console.log("停止");
playing_flag = true;
};
if (playing_flag === false) {
btn.addEventListener("click", run, false);
} else {
btn.addEventListener("click", reset, false);
}
＜/script>
jQueryが悪いのかと思って、イベントリスナーでクリックしてみたけど。
やっぱり２回目のクリックでelse文を実行しない。
なんか、おれ勘違いしてる？？？？
- 292 ：Name_Not_Found：2022/08/03(水) 20:52:18.36 ID:Nj6BOTMG.net
- ちょっと訂正。
var reset = () => {
console.log(playing_flag);
console.log("停止");
playing_flag = true;
};
↓
var reset = () => {
console.log(playing_flag);
console.log("停止");
playing_flag = false;
};
- 293 ：Name_Not_Found：2022/08/03(水) 20:53:44.88 ID:???.net
- その2回通ると思い込んでるif文はイベントハンドラでも何でもないんだからボタン押される前の１回しか通らないよ
- 294 ：Name_Not_Found：2022/08/03(水) 21:00:45.56 ID:Nj6BOTMG.net
- え。意味がよくわからない。イベントハンドラじゃないから、１回しかとおらない。。？？
- 295 ：Name_Not_Found：2022/08/03(水) 21:13:35.85 ID:Nj6BOTMG.net
- ずっとコードを眺めてみたら、
>>290のコードは確におかしいことは分かってきた気がする。
- 296 ：Name_Not_Found：2022/08/03(水) 21:37:07.14 ID:???.net
- >>291,292のコードも、イベントリスナー使ってますけど。
２回クリックしてもelse文にはならず、if文を２回実行しているのでしょうか？
- 297 ：Name_Not_Found：2022/08/03(水) 21:56:45.64 ID:Nj6BOTMG.net
- playing_flag = false;
var run = () => {
if(playing_flag === false){
console.log(playing_flag);
console.log("再生中");
playing_flag = true;
}else{
reset();
}
};
var reset = () => {
console.log(playing_flag);
console.log("停止");
playing_flag = false;
};
const btn = document.getElementById("button");
btn.addEventListener("click", run, false);
納得いかないけど、>>291,292を上のように変えたら、
期待した通りに動いた。
ボタンの状態に、フラグをつけて、実行に条件を入れるときは注意しないと
いけんのかもなあ。
- 298 ：Name_Not_Found：2022/08/03(水) 22:04:04.33 ID:???.net
- 納得いかない、ねえ？
開発者ツールでどういう順番でどの行の処理がされるか確認したらいいんじゃないかな
- 299 ：Name_Not_Found：2022/08/03(水) 22:07:55.84 ID:Nj6BOTMG.net
- あ。そうですね。アドバイスありがとうございます。
- 300 ：Name_Not_Found：2022/08/03(水) 22:12:13.92 ID:???.net
- >>297
むしろ、>>291でフラグ立ててイベントハンドラ振り分けてるのが最高に意味不明なんだが
イベント駆動について勉強してみたら？
- 301 ：Name_Not_Found：2022/08/03(水) 22:42:39.79 ID:Nj6BOTMG.net
- よくわかってなかったようだ。
下の認識でOKですか？雑ですが。。
「Javascriptはブラウザが開いたとき、上の行から下の行へ基本一回だけ実行する。
しかし、イベントが起きたら例外的にその箇所を実行する。」
- 302 ：Name_Not_Found：2022/08/04(木) 02:45:36.83 ID:???.net
- >>301
HTMLスクリプト要素のdefer属性(DOMContentLoadedからの実行)とasync属性(HTMLScriptElement#onloadからの非同期実行)
- 303 ：Name_Not_Found：2022/08/04(木) 03:10:03.94 ID:jGEKnkMs.net
- >>302ありがとうございます。詳しく調べてみます。
>>291,292を
開発者モードでトレースしてみたのですけど。
ボタンをクリックすると、直前の条件の評価をせずに、
いきなりrun()の中を実行はじめました。
カレントの変数を無視して、初回時の条件が適応されているようです。
多分。疑問に思う方が変なのかもしれませんが、これは慣れですかね。。
- 304 ：Name_Not_Found：2022/08/04(木) 03:13:38.61 ID:???.net
- 例えば、HTMLスクリプト要素にasync属性が指定してあると、次の二つは共に実行されない。
new Promise(addEventListener.bind(this, 'DOMContentLoaded')).then(e => console.log(e));
await new Promise(addEventListener.bind(this, 'DOMContentLoaded')).then(e => console.log(e));
例えば、次は1回クリックしたら次は無い。
new Promise(document.addEventListener.bind(document, 'click')).then(e => console.log(e));
>>301
これら当たり前過ぎる例を説明できますか？
今のJSは巨大なフレームワーク、1997年レベルから2022年レベルにするの大変だろうけど頑張ってね。
- 305 ：Name_Not_Found：2022/08/04(木) 23:22:36.77 ID:???.net
- >>297
>var playing_flag = false;
>if (playing_flag === false){ 処理 }
playing_flag が真偽値・bool 型なら、単にこう書けば？
if ( playing_flag )
基本、boolを比較してはならない。
すでに、boolになっているから
- 306 ：Name_Not_Found：2022/08/04(木) 23:38:01.22 ID:???.net
- jQuery のon で、任意の要素に、任意のイベントを追加できる
<button id="btn_1" class="btn btn-primary">
<span class="show-when-enabled">送信</span>
<span class="show-when-disabled">送信中...</span>
</button>
<button id="btn_2">送信ボタンをenable にする</button>
<style>
button .show-when-enabled { display: initial; }
button[disabled] .show-when-enabled { display: none; }
button .show-when-disabled { display: none; }
button[disabled] .show-when-disabled { display: initial; }
</style>
$( function ( ) {
$( '#btn_1' ).on( 'click', function ( event ) {
$( this ).prop( 'disabled', true ); // disable にする
} );
$( '#btn_2' ).on( 'click', function ( event ) {
$( '#btn_1' ).prop( 'disabled', false ); // enable にする
} );
} );
- 307 ：Name_Not_Found：2022/08/05(金) 02:46:29.55 ID:???.net
- もうjqueryスレと統合すべきだと思うの
両者の関連スレ合わせても勢い1すらないんだし
- 308 ：Name_Not_Found：2022/08/05(金) 07:46:34.74 ID:???.net
- jqueryを使わずにpure jsで、ていう質問も大いにありえるから
分けたほうがいいとおも
- 309 ：Name_Not_Found：2022/08/05(金) 08:20:20.41 ID:???.net
- JSスレはプログラム板のスレもあるんだよなあ
既にどちらも人がいないし、今から整理するのは無理そう
+ JavaScript の質問用スレッド vol.124 +
https://mevius.5ch.net/test/read.cgi/tech/1636525464/
- 310 ：Name_Not_Found：2022/08/05(金) 08:35:50.13 ID:???.net
- どっちでも良い。
答える方としては、素のJS で書くのは非常に面倒
jQuery は可読性が高いので、読めない香具師はいないから、
ひとまず、jQueryで書いて、
それを質問者が書き直したければ、素のJSで書き直せばよい
- 311 ：Name_Not_Found：2022/08/05(金) 11:51:55.86 ID:???.net
- jQueryスレやプログラム板でもいわれてるが、今は統合とかテンプレ修正とか、意欲ある人がいない
+ JavaScript & jQuery 質問用スレッド vol.7 + [無断転載禁止]©2ch.net
https://mevius.5ch.net/test/read.cgi/hp/1478002550/683-687
+ JavaScript の質問用スレッド vol.124 +
https://mevius.5ch.net/test/read.cgi/tech/1636525464/253
>>307も統合を示唆してるが、「やりたいなら、お前が責任持ってやれ」といわれてもやらないだろ？
昔の風潮なら俺も手を貸しただろうが、今はやる気が全く起きないわ
まともな感性で保守する人は皆無だし、jQuery信者は健在だし、俺一人でどうにかなる問題でもないからな
- 312 ：Name_Not_Found：2022/08/05(金) 12:17:08.84 ID:???.net
- jQueryスレはタイトル詐欺だから「jQuery質問用スレッド」にして
jQuery使わない人が迷い込まないようにすれば万事解決
- 313 ：Name_Not_Found：2022/08/05(金) 17:47:44.84 ID:???.net
- >>312
リンク先をよく読め
jQueryスレは既にある
+ jQuery 質問用スレッド vol.7 + [無断転載禁止]©2ch.net
https://mevius.5ch.net/test/read.cgi/hp/1466750494/
- 314 ：Name_Not_Found：2022/08/05(金) 19:12:45.74 ID:???.net
- >>313
じゃ、タイトル詐欺スレを削除すれば解決だね
- 315 ：Name_Not_Found：2022/08/21(日) 11:50:33.80 ID:5ThV/pZE.net
- 【環境】iOS Catalina 10.15.7,GoogleCrome104.0.5112.101
【何をしたのか】Editor.jsでデータを受け渡す方法について知りたいです。
【エラーメッセージ】そもそも方法がわからないのでエラー等は発生してません。
【期待する結果】Editor.jsで入力したデータを次のページで内容チェックし、更にMySQLへ登録したい。また、記事の編集の際にはMySQLからデータを読み出し、Editor.js上で編集したい。
【サンプルコード】このサイトとまったく同じ状態です。https://reffect.co.jp/html/block-styled-editor-js#i-2
勉強のため自作のブログ投稿用CMSを作成しています。
formとphpで基本的な記事投稿（入力→実際の表示確認→MySQL登録）、記事の再編集（MySQLからのデータ読み込み→投稿フォームへの再表示→編集→MySQL更新）は完成しました。
ただ、現状では画像や表、リストなどを挿入するときにいちいちhtmlタグを入れなければいけないことから、WYSIWYGのひとつEditor.jsを使ってタグを自動生成したいと思っています。
phpのときには教科書どおりinputにnameをつけてPOSTでデータを受け渡してましたが、Editor.jsではdivにテキストエディタを表示させることから、どうやってデータを受け渡すのかつまずいています。
上記サイトではボタンを押すとconsoleに取得データを表示していますが、ボタンを押すと実際の記事表示を確認できるようにしたいと思っています。
どのようなやり方があるでしょうか。お力を貸してください。
- 316 ：Name_Not_Found：2022/08/21(日) 16:41:06.34 ID:???.net
- >>315
console.logする代わりにデータ(JSON)を確認画面に渡して
確認画面側でEditorJSをreadonlyで表示するか
同じ画面でreadonly viewとedit viewとtoggleさせる(EditorJSのreadonly.toggle)
サーバーにPOSTするのはJSON
- 317 ：Name_Not_Found：2022/08/22(月) 08:46:09.58 ID:???.net
- Ruby on Rails では、WYSIWYG エディターは、
Railsの作者・DHH の会社である、Basecamp 製のtrix を使う
- 318 ：Name_Not_Found：2022/08/27(土) 23:04:43.45 ID:???.net
- もう終わりだよこの板も
- 319 ：Name_Not_Found：2022/08/28(日) 14:19:06.39 ID:???.net
- JavaScriptスレは荒らされる前は平和だったんだけどね
今は見る影もない
- 320 ：Name_Not_Found：2022/08/28(日) 21:46:17.13 ID:???.net
- 今何とか機能してるのって愚痴スレとHTMLCSS質問スレとPHP質問スレがギリギリって感じか
語ることなんて特にないし仕方ないね
- 321 ：Name_Not_Found：2022/08/31(水) 23:57:52.92 ID:???.net
- >>320
PHPも死んでね？
- 322 ：Name_Not_Found：2022/09/01(木) 22:47:44.67 ID:???.net
- HTMLスレは板基準にすれば進んでるよなぁ
まあ最初にやるのがそれってのもあるけど。
初学者がくるようになればこっちも盛り上がるんだろうな？なるよな？
- 323 ：Name_Not_Found：2022/09/01(木) 23:34:56.25 ID:???.net
- 正直調べりゃ分かるからこっちに書き込むエネルギーなんて一々使わないだろってとこは思ってる
jsまで興味を持ったのなら調べるスキルっつーか知識欲も持ち合わせてるだろうし
その結果がこれよ
- 324 ：Name_Not_Found：2022/09/02(金) 00:35:32.25 ID:???.net
- >>321
PHPの質問スレは板が違う
まあ向こうも同じようなもんだけど
- 325 ：Name_Not_Found：2022/09/02(金) 01:00:03.80 ID:???.net
- javascriptもPHPもオワコン。
そしてプログラミングの初学者には難しすぎる
初心者はRubyから学習を始めるべき。
そしてRuby on Railsを習得すればPHPは不要
こっちのスレで質問すれば親切な達人プログラマーがどんな質問にも懇切丁寧に答えてくれる。
↓
Ruby 初心者スレッド Part 67
https://mevius.5ch.net/test/read.cgi/tech/1608837867/
- 326 ：Name_Not_Found：2022/09/02(金) 09:40:03.86 ID:???.net
- >>325
https://mevius.5ch.net/test/read.cgi/tech/1608837867/512
> 512 デフォルトの名無しさん (ﾜｯﾁｮｲ 027c-5Ix7) sage 2022/08/19(金) 13:31:40.23 ID:Gwz5c/EG0
> Rubyガイジがこのスレに誘導しているみたいだけど
> 今更Rubyなんて流行らないし>>503でも指摘されているけど
> 新規案件でRubyやRailsなんて採用しないから初心者が勉強するだけ無駄だぞｗ
- 327 ：Name_Not_Found：2022/09/06(火) 13:50:31.39 ID:???.net
- RUNTEQ
【知らないと転職無理】未経験エンジニアの疑問全て回答！
www.youtube.com/watch?v=5IzjaC6vEg0
この動画では、Ruby on Rails から始めろと言っている
ウェブ系で最も使われているフレームワーク。
スタートアップでよく使われる
高速開発で、日本語の情報が多い
- 328 ：Name_Not_Found：2022/12/29(木) 12:19:48.08 ID:???.net
- JSで「日付が変わると自動で音が鳴る」というものを作りたいです。
- 329 ：Name_Not_Found：2022/12/29(木) 14:40:03.89 ID:???.net
- どうぞどうぞ
- 330 ：Name_Not_Found：2023/01/01(日) 04:14:06.90 ID:???.net
- >>328
すいません
JavaScriptで日付が変わると自動で音が鳴るというものを作るにはどうしたらいいですか？
- 331 ：Name_Not_Found：2023/01/01(日) 04:55:49.86 ID:vLbVtKKA.net
- >>330
このスレじゃ無理
こっちのスレで質問してみよう。親切な達人プログラマーが懇切丁寧に教えてくれるよ
Ruby 初心者スレッド Part 67
https://mevius.5ch.net/test/read.cgi/tech/1608837867/
- 332 ：Name_Not_Found：2023/01/01(日) 13:49:46.89 ID:???.net
- >>331
Rudyって何ですか？
- 333 ：Name_Not_Found：2023/01/01(日) 16:22:43.15 ID:???.net
- >>331
イタズラ乙
https://mevius.5ch.net/test/read.cgi/tech/1608837867/593-594
- 334 ：Name_Not_Found：2023/01/02(月) 18:52:30.50 ID:???.net
- >>325,331
4ヶ月前もRuvyスレ移行で受け入れられなかったのに、懲りない人だね
- 335 ：Name_Not_Found：2023/01/03(火) 15:44:37.55 ID:???.net
- 画面遷移に伴って、リクエストヘッダを追加したいときどうすればいいか教えてください。
・１ サーバサイドで「Location」レスポンスヘッダを指定してリダイレクトさせるときに、
リダイレクト先アクセスにリクエストヘッダを添付させることは可能ですか？
・2 ブラウザ側で画面遷移するときに、リクエストヘッダをつけることは可能ですか?
<a>タグ、JavaScriptの「location.href」にリクエストヘッダ追加できますか？
・3 同じく<form>を飛ばすときにリクエストヘッダ付けられますか？
(補足)リクエストヘッダをつけるときに、思い浮かぶのはAjax, XHRを使うことですが、
これを使うと画面遷移は伴いません。
OAuthの勉強をしていて、アクセストークンをブラウザで保持して、それをAuthorizationヘッダーに
添付しないといけないことが分かったので、それをどうやってリクエストヘッダにセットするのかを調べています。
もしあるなら、その実装方法が載っているサイトが見つからなかったので教えてください。
- 336 ：Name_Not_Found：2023/01/03(火) 15:59:37.14 ID:???.net
- >>335
これを質問した者と同じ者ですが、解決方法が分かったかもしれないので書きます。
まず一度、認証情報なしでアクセスすると、
サーバ側が「401: Authorization Requed」ステータスを返してきて、
そこに「WWW-Authenticate」というレスポンスヘッダで認証が必要である指定が返ってくるので、
それが返ってくるとブラウザは自動でAuthorizationヘッダをセットして再アクセスするので、
サーバサイドは、401を返して、WWW-Authenticateヘッダをレスポンスするように実装しておいて、
一度401でわざと失敗させればよいため、最初から自分でAuthorizationヘッダを添付しなくてもいいのかもしれません。
しかし、ブラウザはそれで自動的に正しいアクセストークンを選んでくれるのでしょうか？
認証サーバ(IdP)から払い出されたアクセストークンをブラウザのローカルストレージか何かに保存しとくと思いますが、
それを適切に選んでくれるかが心配です。
- 337 ：Name_Not_Found：2023/01/03(火) 16:25:07.78 ID:???.net
- リダイレクト時にカスタムヘッダーを追加するのは無理
ブラウザがローカルストレージから自動的に特定のアクセストークンを取得してヘッダーに追加するようなことがあればセキュリティ的に大問題なのでこれも無理
(カスタムヘッダー無しのCookieだけでいいなら可能)
XHRで取得したレスポンス使ってクライント側JavaScriptで画面を更新する他ない
- 338 ：Name_Not_Found：2023/01/03(火) 16:31:47.61 ID:???.net
- >>337
そのクライアント側JavaScriptで画面を更新するときに、
Authorizationヘッダーを要求されませんか？
そもそも、アクセストークンを要求するのはデータ取得用のAPIだけにとどめておいて、
画面を描画するようなURLに対してアクセストークンを要求してはいけないということでしょうか？
- 339 ：Name_Not_Found：2023/01/03(火) 23:40:35.44 ID:???.net
- 最近までAuthorizationヘッダーがそのままリダイレクトされてたみたいｗ
https://github.com/whatwg/fetch/pull/1544
HTTPの仕様的にはAuthorizationは削除したほうがいい的なことを書いてるのに・・・
Consider removing header fields that were not automatically generated by the implementation (i.e., those present in the request because they were added by the calling context) where there are security implications; this includes but is not limited to Authorization and Cookie.
https://www.rfc-editor.org/rfc/rfc9110#name-redirection-3xx
- 340 ：Name_Not_Found：2023/01/04(水) 00:34:28.00 ID:???.net
- Ruby on Rails では、Turbolinks を使って、
pjax(ajax と、historyAPI(popState, pushState))を利用して画面遷移する。
通信データを減らすために、body 部分しか変わらない
認証は、退屈な雛形を自動生成する
github.com/abhaynikam/boring_generators
Devise とか、Devise Omniauth(Facebook, GitHub, Google, Twitter)
一番分かりやすい OAuth の説明
qiita.com/TakahikoKawasaki/items/e37caf50776e00e733be
基本、日本の未経験者用のバックエンドで採用しているのは、
YouTube で有名な雑食系エンジニア・KENTA の言う通り、Rails優先
- 341 ：Name_Not_Found：2023/01/04(水) 20:25:37.82 ID:afahpZwg.net
- >>339
XHRで非同期でリクエストヘッダを付けてサーバへ送信すると
サーバサイドでLocationヘッダーでリダイレクトすると次のリクエストにも暗黙的に前のリクエストヘッダーが引き継がれるのか？
なかなか複雑だな。
だけどXHRでリダイレクトが帰ってきても自動的には画面遷移しない。
ブラウザ側でlocation.hrefしないと画面遷移しないがこの時はさすがに非同期の戻りのリクエストヘッダは引き継げないだろ。
それと、クロスオリジンでリダイレクトする時もリクエストヘッダー引き継がれるの？
- 342 ：Name_Not_Found：2023/01/09(月) 18:06:47.49 ID:???.net
- 初学者の者です
「Pixiv Filter」というChromeの拡張機能の話なんですけど、この拡張機能の一つに、Pixivの検索結果画面で、イラストごとの割り振られたタグを、本来は表示されない検索結果の画面で表示してくれるというものがある
この機能なんだけど、コード（GitHubで公開されている。URLはスパム対策で貼れない、申し訳ない）を読んでも仕組みがどうにも理解できなかった。
「イラストのURLに飛んで、そこからリンクを取得してくる」といったものかとも思ったが、どうやら違う模様
詳しい方いらっしゃったら、ご教授頂きたいです
- 343 ：Name_Not_Found：2023/01/09(月) 19:33:20.74 ID:???.net
- ざっと見たところ
・作品ごとのタグは検索結果画面には表示されないものの検索結果データとして飛んできている
www.pixiv.net/ajax/search/artworks/***のリプライ内のdata[].tags[]という配列がそれ
・バックグラウンドで取得し直してそれをストレージに格納している
background.tsの123行目あたり
type.d.tsのWorksData型にtags配列あり
・検索画面にそれを表示している
search_page.tsの97行目あたり
実際に拡張機能入れて動かしたわけでもないしソース追っただけだから適当だけど
- 344 ：Name_Not_Found：2023/01/09(月) 21:27:33.60 ID:???.net
- >>343
ご教授感謝です、参考にさせて頂きます
- 345 ：Name_Not_Found：2023/01/10(火) 01:47:07.95 ID:???.net
- ちょっとしたデータを取得するのに、
「イラストのURLに飛んで、そこからリンクを取得してくる」みたいな、
副問い合わせをやっていたら大変
- 346 ：Name_Not_Found：2023/01/11(水) 00:32:53.42 ID:dBdRyffW.net
- >>345
ですよね…なんかちょっと変かな？という気はしていました、ありがとうございます
「API」とか「ストレージ」「トークン」「クッキー」みたいな通信の部分がからっきしなもので、色々調べながらやらせて頂きます
- 347 ：340：2023/01/11(水) 04:43:41.70 ID:???.net
- 漏れらだって、Ruby on Rails, Linux, Docker, AWS Solution Architect しか分からない
>>340
に書いたように、誰かが作った、退屈な雛形を自動生成して作っている
CSRF, Strong Parameter, pjax, place holder、データベースの設計など、
全部Railsで勉強しているだけ
- 348 ：Name_Not_Found：2023/01/11(水) 11:01:19.44 ID:???.net
- >>346
察するにその拡張機能を調査分析するのに必要なスキルがまだ足りてないから
もう少し基礎知識を身につけてから挑んだ方がいいと思うよ
分不相応な挑戦は時間のムダにしかならない
あとRailsはNGワードに入れといた方がいい
- 349 ：Name_Not_Found：2023/02/21(火) 11:34:13.09 ID:???.net
- cssファイルのセレクタに、別のjsonファイルの値をインポートして使える方法とかありませんか？
【jsonファイルの値】{color:green;}
みたいな。
- 350 ：Name_Not_Found：2023/02/22(水) 02:42:08.74 ID:???.net
- sassファイルに、jsonファイルの読み込みとかってできたりする？
- 351 ：Name_Not_Found：2023/03/24(金) 07:50:31.37 ID:ornKmOPA.net
- コードを1人で書いてます。他人が見ることは100%ありません。
(a) function hoge(){ }
(b) var hoge = function(){ };
の区別や管理はどうしてますか？
・返り値のないものはa、あるものはb
・宣言のみは冒頭、実行の伴うものは後述
というルールで書いていましたが、
1万行近くなって見通しよくするために大まかな機能ごとにまとめるようになり
bが順序的に後述になる箇所が出てきました。
”機能ごと”は今後順序変更する可能性があります。
関数リテラルのメリットがいまいちわかりません。どんなメリットがあるのでしょうか？
また返り値有無関係なく全てaにして不便はありますか？
- 352 ：Name_Not_Found：2023/03/24(金) 18:33:56.71 ID:???.net
- >>351
不便はありません
動的に変数の中身の関数を入れ替えたい場合だけ(b)で
- 353 ：351：2023/03/24(金) 22:38:34.30 ID:???.net
- >>352
動的に全く違う関数に入れ替えられるのですね、なるほどです。
この件では各関数や引数の目的が明確固定ばかりなのでその場合はなさそうです。
極一部名前付き引数を使用していますが、関数内処理はほぼ一定で、その程度です。
ありがとう。
- 354 ：Name_Not_Found：2023/03/25(土) 00:37:00.35 ID:???.net
- このJavascriptでdivをタブで切り替え表示のサンプルで
Works、Contactタブにimg srcで画像を埋め込んでた場合
Works、Contactタブを選んだ時にだけ画像や内容を読み込む動作ってどうやるの
ttps://posipan.com/js-tab/
- 355 ：Name_Not_Found：2023/03/25(土) 19:04:37.36 ID:???.net
- Lazyloadとか使うといいかと
- 356 ：Name_Not_Found：2023/03/27(月) 10:49:47.68 ID:???.net
- >>351
細かい話をするとb自体は関数式であって関数リテラルというのはbの右辺を指す用語
aとbの違いについてはこのへんを参照のこと
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/function
あと個人的な感覚としては返り値の有無で区別をするのはナンセンスだと思う
- 357 ：Name_Not_Found：2023/03/27(月) 13:58:05.40 ID:???.net
- そんな自分のウンチク言ってないで質問に答えてやればいいのに
- 358 ：Name_Not_Found：2023/03/27(月) 20:31:02.45 ID:???.net
- なんで上から目線で「質問に答えてやればいいのに」といえるのだろう？
- 359 ：Name_Not_Found：2023/03/28(火) 01:36:21.08 ID:???.net
- なんか癪に障っただけだろう
- 360 ：Name_Not_Found：2023/03/28(火) 16:35:38.31 ID:???.net
- >>358
何一つ答えてないからじゃね
- 361 ：Name_Not_Found：2023/03/28(火) 17:07:37.33 ID:???.net
- >>360
それは上から目線である理由になってないね
>>358が聞きたいのはそっちだろう
- 362 ：Name_Not_Found：2023/03/28(火) 19:26:10.85 ID:???.net
- 上から目線を感じてしまうのはあなたが小さい人だからよ
- 363 ：Name_Not_Found：2023/03/28(火) 21:03:37.18 ID:???.net
- >>356にケチつけるのと似たりよったりだね
- 364 ：Name_Not_Found：2023/03/28(火) 21:15:19.17 ID:???.net
- 356はケチつけられても仕方ない
回答もせず、どうでもいい知識自慢、「このへんを参照のこと」なんて上から目線、自己主張
362の通り気にしすぎ
- 365 ：Name_Not_Found：2023/03/28(火) 21:23:34.93 ID:???.net
- 争いは同じレベルでしか発生しない
- 366 ：Name_Not_Found：2023/03/28(火) 21:47:39.32 ID:???.net
- >>364が気にし過ぎでﾌﾌｯてなる
なるほど同レベルだね
- 367 ：Name_Not_Found：2023/03/28(火) 22:28:03.56 ID:???.net
- 以前はスコープの問題でfunction expression派のライブラリが数多くあった
strict modeができてからはfunction declaration派が増えたように思う
- 368 ：Name_Not_Found：2023/03/28(火) 22:43:12.53 ID:???.net
- >>366
356本人？負け惜しみ？
- 369 ：Name_Not_Found：2023/03/28(火) 22:45:04.76 ID:???.net
- 半角カタカナｗ
- 370 ：Name_Not_Found：2023/03/28(火) 23:05:22.37 ID:???.net
- >>368
気にしすぎですよ
- 371 ：Name_Not_Found：2023/03/29(水) 17:51:02.44 ID:???.net
- MathJaxってVer3になって、レンダリングされた文字列を範囲選択出来なくなった?
- 372 ：Name_Not_Found：2023/03/31(金) 12:07:44.93 ID:???.net
- こんにちは。
どなたか教えていただけませんか。
下記のようなコードを書いたのですが、
div部分が1つなら問題ないのですが、複数になると2つ目以降は反映されません。
そこでループにしないといけないのかな？と思うのですが知識が未熟でどうすればいいのか全くわかりません。
どなたかどうすればいいか教えて頂けませんでしょうか。
よろしくお願いします。
// HTML
<div class="fullimg"><img src="./img1.jpg" height="1000" width="1000"></div>
<div class="fullimg"><img src="./img2.jpg" height="500" width="500"></div>
// script
let imgd = document.querySelector("img");
let result = imgd.getAttribute("src");
let hresult = imgd.getAttribute("height");
let wresult = imgd.getAttribute("width");
const div = document.getElementsByClassName("fullimg");
div[0].innerHTML = '<label for="' + result + '"><img src="' + result + '" height="' + hresult + '" width="' + wresult + '"></label>';
- 373 ：Name_Not_Found：2023/03/31(金) 13:50:56.44 ID:???.net
- ループ以前にlabelのfor属性は関連するフォーム要素のIDを指定するものなので生成しようとしてるhtml自体に問題があるよ
- 374 ：Name_Not_Found：2023/03/31(金) 14:25:37.98 ID:???.net
- では再度サンプルコードを書いておきます。
// HTML
<div class="fullimg"><img src="./img1.jpg" height="1000" width="1000"></div>
<div class="fullimg"><img src="./img2.jpg" height="500" width="500"></div>
// script
let imgd = document.querySelector("img");
let result = imgd.getAttribute("src");
let hresult = imgd.getAttribute("height");
let wresult = imgd.getAttribute("width");
const div = document.getElementsByClassName("fullimg");
div[0].innerHTML = '<img src="' + result + '" height="' + hresult + '" width="' + wresult '">';
こちらでどうぞよろしくお願いします。
- 375 ：Name_Not_Found：2023/03/31(金) 17:01:16.18 ID:???.net
- >>372
せめてループに挑戦してるけどうまく動かないから助けてってとこまではたどり着いてほしい気がするなぁ
初心者向けのループのレクチャーなんていくらでも見つかるわけだし
- 376 ：Name_Not_Found：2023/03/31(金) 22:42:19.54 ID:???.net
- >>375
どこかから拾ったサンプルコードの修正依頼で自分は全く知識がないのだろう
- 377 ：Name_Not_Found：2023/04/01(土) 12:28:09.62 ID:???.net
- これで音信不通になるようではな
諦めたか他所へマルチしに行ったか
- 378 ：Name_Not_Found：2023/04/01(土) 14:29:48.39 ID:???.net
- これは、取得した値をそのまま設定しているだけだから、何も変わらない
jQuery なら、
// fullimg クラスの付いたdiv の、直下のimg
$( 'div.fullimg > img' ).each( function ( index, elem ) {
jQ_this = $( this )
const src = jQ_this.attr( 'src' ) // 取得
const height = jQ_this.attr( 'height' )
const width = jQ_this.attr( 'width' )
console.log( `${ index }: ${ src }, h: ${ height }, w: ${ width }` )
jQ_this.attr( 'src', src ) // 設定
jQ_this.attr( 'height', height )
jQ_this.attr( 'width', width )
} )
ログ出力
0: ./img1.jpg, h: 1000, w: 1000
1: ./img2.jpg, h: 500, w: 500
- 379 ：Name_Not_Found：2023/04/01(土) 15:06:47.33 ID:???.net
- jQuery信者が喜ぶネタなんだな
- 380 ：Name_Not_Found：2023/04/03(月) 20:28:44.17 ID:???.net
- 【環境】VS Code
バージョン: 1.77.0
Electron: 19.1.11
Chromium: 102.0.5005.196
Node.js: 16.14.2
V8: 10.2.154.26-electron.0
OS: Linux x64 5.4.0-42-generic
【何をしたのか】イベントリスナー内でevent.target.valueを参照した。
【エラーメッセージ】プロパティ 'value' は型 'EventTarget' に存在しません。ts(2339)
【サンプルコード】
(() => {
"use strict";
const fruit = document.querySelector('select');
if (null === fruit) { return; }
fruit.addEventListener('change', (event) => {
if (null === event.target) { return; }
console.log(event.target.value);
});
})();
fruit === event.targetを実行するとtrueが返ったので、event.target.valueをfruit.valueに書き換えたところエラーが消えた。
イベントを扱うサンプルコードでは大抵event.target.valueが利用されているが、HTMLSelectElement.valueで置換した場合に何か落とし穴はありますか。
- 381 ：Name_Not_Found：2023/04/03(月) 21:47:26.64 ID:???.net
- >>380
エラーが消えたからヨシ！は好ましくない
まずはts(2339)で検索してみよう
- 382 ：>>380：2023/04/03(月) 22:22:25.06 ID:???.net
- >>381
エディタ上でts(2339)が出ていてもブラウザ上での実行は問題なくできます。
キャストするとts(2339)が消えますが、「型アサーション式は TypeScript ファイルでのみ使用できます。ts(8016)」が発生します。
ブラウザで実行すると、「Uncaught SyntaxError: Unexpected identifier 'as' (at hoge.html:24:35)」が発生します。（TypeScriptの構文なので当然ですが……）
fruit === event.target;はtrueなので置き換えたのですが、トラップや問題はありますか。
（エディタ上のts(2339)も消えるし実行もできるので、落とし穴がなければこれで行きたいな、と）
- 383 ：Name_Not_Found：2023/04/03(月) 22:36:04.36 ID:???.net
- >>382
そもそもTypeScriptを書こうとしてるわけじゃないのになんでtsエラーが出てるの？ってこと
vscode右下の言語モードがTypeScriptになってるんじゃないの？
- 384 ：Name_Not_Found：2023/04/03(月) 23:01:10.11 ID:???.net
- >>383
なってないです。拡張機能も無効です。
i.imgur.com/TE6gwcY.jpg
- 385 ：Name_Not_Found：2023/04/03(月) 23:26:56.16 ID:???.net
- >>384
うちではTSでは出るけどJSでは出ない
https://i.imgur.com/TJimdvc.png
https://i.imgur.com/kj2oMNk.png
おそらく何かvscode側の問題だろう
で、エディタの問題ならなおさらfruit.valueで解決とするのは悪手
- 386 ：Name_Not_Found：2023/04/03(月) 23:39:06.45 ID:???.net
- >>384
わかった、vscodeの設定に↓があるんじゃない？
"js/ts.implicitProjectConfig.checkJs": true
これ追加したらうちでもJSでエラー出た
- 387 ：>>380：2023/04/03(月) 23:48:50.00 ID:???.net
- >>385 >>380
原因が判明しました。"js/ts.implicitProjectConfig.checkJs"がtrueでした。
型のチェックはしたいので、event.target.valueの上に@ts-ignoreを書いて解決します。
ありがとうございました。
- 388 ：>>380：2023/04/03(月) 23:51:00.10 ID:???.net
- >>386
まさにそうでした。ありがとうございました。
- 389 ：Name_Not_Found：2023/04/04(火) 00:27:18.41 ID:???.net
- jQuery では、event.target.value でも、正常に動く
<div id="btn-wrap">
<button class="BtnA BtnAll" value="1">A-1</button>
<button class="BtnA BtnAll" value="2">A-2</button>
<button class="BtnB BtnAll" value="3">B-3</button>
</div>
<div id="btn-wrap-2">
<button class="BtnC BtnAll" value="11">C-11</button>
</div>
$( function ( ) {
// 外側・親に、イベントを付けて、親で、子のイベントをキャッチする
$( '#btn-wrap' ).on( 'click', function ( event ) {
const value = $( event.target ).prop( 'value' )
console.log( value )
alert( value )
} );
$( '#btn-wrap-2' ).on( 'click', function ( event ) {
console.log( event.target.value )
alert( event.target.value )
});
} );
- 390 ：Name_Not_Found：2023/04/04(火) 00:53:07.21 ID:???.net
- >>387
@ts-ignoreもなんか負けたみたいでいやだけども調べてみてもいい解決策はなさそう
致し方なしかな
>>389
正常に動くかどうかの話はしてないよ
よく読もう
- 391 ：Name_Not_Found：2023/04/04(火) 10:04:45.82 ID:???.net
- fruitがHTMLSelectElementなのは確定してるから
event.currentTargetがHTMLSelectElementであることは推定できそうだな
event.target じゃなくて event.currentTarget にしたらどうなるかね
- 392 ：Name_Not_Found：2023/04/04(火) 10:48:34.90 ID:???.net
- >>387
型チェック入れるとか
if (null === event.target || !(event.target instanceof HTMLSelectElement)) { return; }
キャストするとか
console.log(/** @type {HTMLSelectElement} */ (event.target).value);
- 393 ：Name_Not_Found：2023/04/04(火) 11:43:11.41 ID:???.net
- >>392
そのへん少し試したけどうまくいかなくて諦めてた
致し方なしとか言う前にもう少し手を尽くすべきだった
反省
- 394 ：>>380：2023/04/04(火) 19:16:22.79 ID:???.net
- >>391
currentTargetもts(2339)が発生します
>>392
元々、nullチェックは'event.target' は 'null' の可能性があります。ts(18047)のエラーを消すために入れていたのですが、
条件を!(event.target instanceof HTMLSelectElement)に書き換えてもts(18047)とts(2339)は発生しないので、解決しました。
JSDocコメントでのキャストは気づきませんでした、こちらが適している場面があればこちらも利用していきます。ありがとうございました。
>>390 >>393
そうなんです、@ts-ignoreを使用している行で他のエラーが出た時に気づけなくなるので、あまり使用したくないです。
遅い時間までお付き合いいただき、ありがとうございました。
ところで、event.targetの代わりにfruitを使用すべきではない明確な理由はないが、event.targetを使用するのが(通常|普通|無難)である。ということで合っていますか。
- 395 ：Name_Not_Found：2023/04/04(火) 22:54:34.70 ID:???.net
- 1つのイベントハンドラが複数の要素に対して設定されることは一般的で、その場合はevent.targetを使うことになる
今回のケースはそうでないにしても、可搬性や拡張性を考えれば常にevent.targetを使用しておくという判断は妥当だろう
あと処理結果は同じでも、イベントの起こった要素に対して処理をする、という意図をコードに残す意味もある
いずれにしろ現時点のそのコードだけを考えるならお好きなように
- 396 ：>>380：2023/04/05(水) 00:34:18.58 ID:???.net
- >>395
確かに以下のような場合にはEvent.targetを使う必要があるし、「意図をコードに残す」にとても合点がいきました。
<button data-x="1">btn1</button>
<button data-x="2">btn2</button>
const btns = document.querySelectorAll('button');
for (const b of btns) {
b.addEventListener('click', e => console.log(e.target.dataset.x));
}
- 397 ：389：2023/04/05(水) 10:13:44.20 ID:???.net
- >>389
に書いた
複数のコントローラーに、イベント登録する場合、
外側・親に、イベントを付けて、親側で子のイベントをキャッチする
- 398 ：Name_Not_Found：2023/04/05(水) 11:14:44.19 ID:???.net
- このjQuery信者は文脈や論点ってものを全く理解しないのな
jQueryでは～jQueryなら～ってただただ念仏を唱えて布教に励む様子がまさに信者
- 399 ：Name_Not_Found：2023/04/05(水) 13:56:33.20 ID:???.net
- Slickで出来てSwiperでできないようなアニメーション処理って何かある？
- 400 ：Name_Not_Found：2023/04/06(木) 13:40:22.56 ID:???.net
- Mathjaxって配列環境でcolspan, rowspanって使えないのか？
\multicolumnというべきか
- 401 ：Name_Not_Found：2023/04/13(木) 11:04:39.61 ID:08KgWRFK.net
- JavaScript でローカルファイルを読み書きするにはどうすればいいでしょうか？
fetchという関数が使えるかと思ったんですが、blocked by CORS policy というエラーになってしまいます。
- 402 ：Name_Not_Found：2023/04/13(木) 14:00:39.10 ID:???.net
- CORS(Cross-Origin Resource Sharing)制限は、
ローカルPC 上に、何かのサーバーを立てて、そこから配信すれば良い
VSCode の拡張機能、open in browser では、
file:/// から始まるローカルファイル・アクセスだから、CORS制限あり
file:///C:/Users/Owner/Documents/test.htm
一方、Live Server では、サーバーを立てているから、CORSにならない
http://127.0.0.1:5500/test.htm
同様に、コマンドプロンプト・PowerShell から、
1-liner で、Ruby で作られた遅いウェブサーバー、WEBrick を起動すると、
ruby -run -e httpd . -p 8080
これも、サーバー経由だから、CORSにならない
http://localhost:8080/test.htm
- 403 ：Jun：2023/04/26(水) 01:05:22.69 ID:2ly3VJ6h.net ?2BP(0)
- sssp://img.5ch.net/ico/nida.gif
JavaScriptで電卓を作るよ。
- 404 ：Name_Not_Found：2023/04/27(木) 09:25:37.76 ID:???.net
- ChatGPTを使って
- 405 ：Jun：2023/04/27(木) 23:52:36.98 ID:qkYl27sL.net ?2BP(0)
- sssp://img.5ch.net/ico/nida.gif
JavaScript + HTML + CSS で電卓やホームページを作るのが今の目標です。
- 406 ：Name_Not_Found：2023/05/09(火) 15:14:09.97 ID:???.net
- マイナーな質問
XyJaxで、一括して文字色を変える方法教えてくれ
\color{red}を使っても、その箇所だけしか変更できない。
\xymatrix環境内全部の文字色を変えたい
- 407 ：Name_Not_Found：2023/05/10(水) 19:05:11.90 ID:???.net
- >>406自己解決
- 408 ：Name_Not_Found：2023/06/16(金) 12:40:56.37 ID:???.net
- こんにちは。
誰か教えてください。
<style>
.def { color: red;}
</style>
<div>
<p class="abc">aaa</p>
</div>
<div>
<p class="abc">bbb</p>
</div>
<script>
dif = document.querySelectorAll('.abc');
dif.forEach(element => document.querySelector("div").classList.add("def"));
</script>
このようなコードですが、実行すると1つめのaaaを囲ってるdivにしかclassが追加されません。
条件にあるすべてのdivに追加するにはどうすればいいのでしょうか？
- 409 ：Name_Not_Found：2023/06/16(金) 14:16:25.94 ID:???.net
- >>408
document.querySelectorAll('.abc').forEach(element => element.closest("div").classList.add('def'));
- 410 ：Name_Not_Found：2023/06/16(金) 14:24:00.49 ID:???.net
- >>409
レスありがとうございます。
closestなんてものがあるのですね。知りませんでした。
おかげで思うように行きました。
ありがとうございます。
- 411 ：Name_Not_Found：2023/06/16(金) 16:50:32.34 ID:???.net
- >>408
これでもいけると思う
document.querySelectorAll('div:has(> .abc)').forEach(x=>x.classList.add('def'));
- 412 ：Name_Not_Found：2023/06/16(金) 16:57:38.56 ID:???.net
- これでもいいのかな？間になにか挟まってたらダメだけど
('div >:is(.abc)')
- 413 ：Name_Not_Found：2023/06/16(金) 17:02:39.12 ID:???.net
- >>411,412
こちらもありがとうございます。
大変助かります。
- 414 ：Name_Not_Found：2023/07/14(金) 05:34:41.98 ID:zlYPgrgm.net
- https://jsfiddle.net/um71qgzf/3/
こんな表示状態で、textarea に入力して改行していき、表示可能行数を超えると、スクロール状態になります。
入力された行数に応じて textarea が縦に伸びて、textareaのコンテナにあたる li もそれに応じて縦に伸びるようにするにはどうすればいいのでしょうか？
- 415 ：Name_Not_Found：2023/07/14(金) 17:33:09.83 ID:???.net
- 自前でやろうとせずにライブラリ探してきたら？
- 416 ：Name_Not_Found：2023/07/14(金) 17:53:03.06 ID:???.net
- textarea 高さ 自動
でググるとそれっぽいのあったよ
- 417 ：Name_Not_Found：2023/07/17(月) 03:34:14.72 ID:???.net
- SELECTタグで、人物を選択出来るようにしたいのですが、SELECTが非展開の時はIDだけ表示して、
展開した時だけ、IDと人物名が表示されるようにする方法を教えてください。
人物配列
↓
var array =
[
{
"id": 1,
"name": "人物1"
},
{
"id": 2,
"name": "人物2"
}
]
こんな表示にしたいです。
↓
https://i.imgur.com/WWwRHPV.jpg
- 418 ：Name_Not_Found：2023/07/17(月) 08:04:52.05 ID:???.net
- 展開したときにどこにID表示されてるの？
- 419 ：Name_Not_Found：2023/07/17(月) 12:41:46.99 ID:???.net
- >>417
一応確認するが、非展開時に数字にする意図は何？
フォーム送信時に数字を送信したいだけなら、尊信値(value属性値)と表示する選択肢(子要素の文字列)を分けて書くだけで良いのだが
- 420 ：Name_Not_Found：2023/07/19(水) 04:29:50.61 ID:???.net
- https://getbootstrap.jp/docs/5.0/components/dropdowns/
Bootstrap 5 のDropdowns のページの一番最後に、
ドロップダウンイベントについて書いてある
show.bs.dropdown/shown.bs.dropdown
このイベント発生時に、表示テキストを入れ替えれば？
- 421 ：Name_Not_Found：2023/07/25(火) 00:23:24.85 ID:???.net
- (-。-)y-゜゜゜
- 422 ：Name_Not_Found：2023/11/20(月) 22:52:12.45 ID:???.net
- 何をしていいか分からないな…
- 423 ：Name_Not_Found：2023/12/12(火) 22:36:34.47 ID:???.net
- 変数名はキャメルケース(getNameなど)がよく使われるようですが、
スネークケース(get_nameなど)はやはり使わない方がいいですか？
- 424 ：Name_Not_Found：2024/02/28(水) 02:36:50.61 ID:pCYviIFS.net
- https://liveweave.com/6IlWRJ
JavaScriptでスプリッターを作っているのですが、左右を分割するスプリッターをマウスで動かしても、マウスの位置とずれてしまいます。
どのように修正すればいいのでしょうか。
- 425 ：Name_Not_Found：2024/03/28(木) 04:02:18.18 ID:???.net
- >>423
良いか悪いかはさておき
考え方としては
そのコードを、どのくらいの範囲で共有するのか
ってのを基準に考えたらいいと思う
自分だけなら好きにすればいいし
身内だけなら話して決めればいいし
広範囲なら世間一般の流れに合わせるべき
みたいな
- 426 ：Name_Not_Found：2024/03/28(木) 04:07:49.72 ID:???.net
- >>417
すんごい前だけど
似たようなことを頑張ったことある
でもやっぱり
select要素が開いているかどうかを判定出来ないので
原理的に出来なくて
select要素のように振る舞うものを
手作りするのが早かったです
- 427 ：Name_Not_Found：2024/04/08(月) 00:13:34.85 ID:???.net
- 今動作しているのがサーバ上（https//:～）なのかローカル（file:///C:～）なのか区別する必要性が出てきました。
locationで取得する以外にいい方法ありますか？
区別さえ確実にできれば得られる値は（true/falseなど）なんでもいいです。
- 428 ：Name_Not_Found：2024/04/08(月) 12:44:09.64 ID:???.net
- >>427
window.location.protocolを見れば良いんじゃないかな
httpかhttpsなら、みたいな
- 429 ：Name_Not_Found：2024/04/18(木) 13:55:10.68 ID:NjgPbiyX.net
- var people = [{
"id" : "ID1", "name" : "人物1", "room" : "1"
}{
"id" : "ID2", "name" : "人物2", "room" : "2"
}]
var select_tag = document.getELementById("my_select");
for ( var i = 0; i < people.length; i++ ) {
var option = document.createElement("option");
option.value = people[i].id;
option.innerText = people[i].name;
my_select.append(option);
}
こういう感じの select を設置して、option が選択された時に、選択された人物の room を取得するにはどうすればよいのでしょうか？
- 430 ：Name_Not_Found：2024/04/18(木) 17:45:29.04 ID:???.net
- >>429
select_tag.selectedIndexに
今選ばれてるoptionが何番目かが入ってるから
select_tagのchangeイベントにフックして
その数字を拾って、people[数字].idを参照したらいいよ
- 431 ：Name_Not_Found：2024/04/18(木) 17:53:34.56 ID:???.net
- ごめん間違えた
people[数字].roomだった
すまんこ
- 432 ：Name_Not_Found：2024/04/19(金) 02:15:05.41 ID:???.net
- >>431
出来ました！ありがとうございます！
select_tag.addEventListener("change", (e) =>{
let i = select_tag.selectedIndex;
alert(people[i].room);
});
148 KB
新着レスの表示
掲示板に戻る
全部
前100
次100
最新50
read.cgi ver 2014.07.20.01.SC 2014/07/20 D ★