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

2021/11/10(水) 15:24:24.80

JavaScript を自ら学ぶ人のための質問スレッドです。
>>2-6のテンプレを読んだ上で質問してください。次スレは>>950が>>2のテンプレ案(本スレで改善案があれば考慮)を元に立ててください

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

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

VIPQ2_EXTDAT: checked:vvvvvv:1000:512:: EXT was configured

2022/07/22(金) 00:25:43.27

>>951
スレッドストッパー力半端ないですねw

2022/07/25(月) 17:18:57.58

初歩的な質問で申し訳ありません
英単語学習用のタイピングゲームを作ってましてその要素が1000ほどあるのですが
csvからランダムに取り込むことは可能でしょうか？
やはり一度コードに記述した方がいいのでしょうか？

2022/07/25(月) 17:26:43.95

当然だけどローカルのファイルを直接は扱えない
input fileなどでファイルを指定してそれを解読することは可能だが
ゲームみたいなデータなら予めそのデータをコードにしておいた方が良いだろうね

2022/07/25(月) 17:31:13.98

>>953
もちろん可能
どういうアーキテクチャで実装したいのかによってやり方が違ってくる

2022/07/25(月) 17:47:36.16

>>954
ありがとうございます
やはりコードにしておいた方がいいのですね
レベル分けで3セクションに分けて記述してみます。

2022/07/25(月) 17:49:54.22

>>955
ありがとうございます
できるんですか？？
簡単な自己満ゲームなのでブラウザ上で動けば問題ない感じです。

2022/07/25(月) 20:08:35.78

>>953
ぜひ完成させてください。
遊んでみたいです

2022/07/25(月) 20:32:00.49

>>958
ありがとうございます
いま、英語の大文字が反応しなくて困ってます。
条件式でシフトを押しながら入力する記述をすれば良いとのことですが、具体的にどんな風に書けば良いでしょうか。

2022/07/25(月) 20:34:39.14

あと、アポストロフィも認識できるようにしたいのですがご教示くださると幸いです。

2022/07/25(月) 20:38:46.87

ブラウザの方がcsvにランダムアクセスするのかえって面倒な気がするが・・・

2022/07/25(月) 20:42:57.38

>>961
ありがとうございます。
ちょっと時間かかりましたがコード内の配列に記述しました。

2022/07/25(月) 21:20:37.02

>>959
具体的なアドバイスが欲しいならせめて今どういうコードになってるのかぐらい貼ろう

2022/07/25(月) 22:38:29.79

漏れは、英単語テストのアプリを作っているけど、
word.json ファイルに、中高生の単語を書いて、それを読み込むようにしている

[ ["accept","…を受け入れる" ],["achieve","…を達成する" ] ]

ブラウザ用のモジュールで、CSV を使えるものもある？
サーバー用のモジュールなら、あるだろうが

2022/07/26(火) 01:47:59.80

>>964
https://www.google.com/search?q=javascript+csv+parser+-node.js+rfc-4180

2022/08/06(土) 22:44:05.88

<img src="./test.png" id="test">
これにjsであとからリンクをつけるにはどうやったらいいですか？
htmlで書くと<a href="../"><img src="./test.png" id="test"></a>
のようにです

2022/08/06(土) 23:00:00.17

test.outerHTML = `<a href="../">${test.outerHTML}</a>`

2022/08/06(土) 23:18:20.35

>>967
ありがとうございます。
$はどういう意味ですか？

2022/08/06(土) 23:23:20.66

テンプレートリテラルで調べてください

2022/08/06(土) 23:59:57.44

jQuery なら、

<img src="test.png" id="test">

$( function ( ) {
// 画像リンクを作る。$( 子 ).wrap( 親 );
$( "#test" ).wrap( "<a href='index.html'></a>" );
} );

変換後
<a href="index.html"><img src="test.png" id="test"></a>

2022/08/07(日) 00:08:55.51

PHPでもこんな書き方あるよね

2022/08/07(日) 00:23:34.07

PHPはオワコン。
それに初心者には難しすぎる

初心者はRubyから始めるべき

こっちのスレで質問すれば親切な達人プログラマーがどんな質問にも懇切丁寧に答えてくれる。
　↓
Ruby 初心者スレッド Part 67
https://mevius.5ch.net/test/read.cgi/tech/1608837867/

2022/08/07(日) 03:30:30.75

質問です。仕事の業務を効率化したいです。
とあるサイトにログインし、
そのページにある　「30個のボタン」　をクリックするという作業を毎日しているのですが、30回クリックする作業を簡略化したく、方法を模索しています。
　（30個のクリック後の動作はそれぞれ
　「斎藤さんにメールを送る」　「田中さんにメールを送る」
といった感じのものです　（例：send_TANAKA、send_SAITOU…）
　（↑クリック後の動作は　必ず　send_　という文字列から始まります）
　（斎藤や田中といった名前は100人以上の会員名からランダムに選ばれています）

chromeのデベロッパーツールで
クリックした後の動作を　コンソールで直接実行すれば可能であるのは分かったのですが　(send_TANAKA 等と直接コンソールに記述する）
30個のclick動作を記述するのは手間がかかるため
もっと効率のいい方法を探しております。どなたか知恵を貸してください。
　sendという文字列を含む命令を30個探し、それらを上から順番に実行する、といったことをコンソール上で実行したいです

2022/08/07(日) 03:47:36.25

ボタンをクリックすることとJavaScriptの関係が書いてないうえに、ボタンをクリックすると何が起こるのかさえ書いてない。

何をどう答えろというのか？

2022/08/07(日) 03:48:21.96

>>973
それ広告か？

2022/08/07(日) 06:59:14.67

メタプログラミングか？

文字列で、関数名を作って呼び出す？

2022/08/07(日) 07:16:41.96

ブラウザを自動で操作するってやつでは？

2022/08/07(日) 09:40:14.60

趣味でJavaScript(vscode+nodejs)を勉強してます。
まだよく分からなくて色々なサイトを巡りながら理解を深めているのですが実際何が分からなのか分からない状態です。
初心者向きのサイトを参考にせず入門書を1冊買った方が良いですか？
自分が今参考にしているサイトは

https://www.tohoho-web.com/js/
https://developer.mozilla.org/ja/docs/Learn/JavaScript

です。

2022/08/07(日) 10:56:23.83

>>978
「とほほ」は情報が古いのでやめたほうがいい
MDNはMozilla運営で一定の信頼性があるので、9割程度は信用していい(100%とは言わない)

MDNは入門向けコンテンツが少ないので入門書を買ったほうが勉強しやすいとは思う
買うなら外国人が著者の翻訳本をお勧めする
日本人が著者の本を何冊か持ってるが、信頼性が低い本が大半といわざるを得ない
オライリーとか一定の文量がある書籍がいいと思う

2022/08/07(日) 10:59:45.46

>>979
レスありがとうございます。
外国人が書いた翻訳本買って勉強してみます。

2022/08/07(日) 11:19:44.72

でもその日本語訳の信頼性はどうなのじゃ？

2022/08/07(日) 11:24:56.82

何度もすいません。
甘え承知で教えて頂きたいのですが具体的におすすめの本ありますか？
自分は業務(組み込み系)でC/C++言語をやってました。

2022/08/07(日) 11:27:46.08

Amazonで評価高いの買えばいいのに
まず評価みれるようになったらどうか

2022/08/07(日) 11:31:03.03

>>983
Amazonで評価の良いのってやっぱり良いですか？
Amazonの評価はあまり信用なくて5chでこちらの方々なら色々と精通されているので聞いてみますした。

2022/08/07(日) 11:52:14.01

>>984
評価がいいかどうかも他人に判断させるのか
どうせ見てもいないんだろうが

2022/08/07(日) 12:30:19.38

>>982
俺は古い人間だから今の時代に合った入門書は知らない
昔はテンプレに定番書籍が載ってたが、今は保守する人間かいなくてテンプレからも消えたしな

とはいえ、JavaScriptは後方互換性のある言語なので、昔の書籍が使えないわけではない
最新情報はネットで補完するとして、お勧めするなら次の2冊

- DOM Scripting 標準ガイドブック ~やさしく学ぶ、JavaScriptとDOMによるWebデザイン~ (Web Designing BOOKS)
- JavaScript 第7版

JavaScriptで抑えるべきは「ECMAScript」、次に「DOM」
DOM Scripting 標準ガイドブックはDOM中心だが、ECMAScriptにもある程度触れて平易な説明なので入門書向き
基本的なAPIのみしか載ってないので、高度なAPIはMDNとDOM仕様書で補完する

「JavaScript 第7版」は中上級者向けだが、一番重要なECMAScriptについてしっかり解説してくれる
ECMAScriptを詳説してる書籍は少なく、一冊持っておくと大概の疑問は解決する
足りない部分はMDNとECMA仕様書で補完する

2022/08/07(日) 12:38:51.93

>>986
ご親切にありがとうございます。
参考にさせて頂きます。

2022/08/07(日) 12:47:45.09

>>983
Amazonの高評価と俺の評価は一致しなかったな
例えば、「パーフェクトJavaScript」は概ね良書と認知されてるが、細かい部分で説明に疑問に思う点が散見されて、仕様を確認しながら読んだら疲れてしまった
出版社レベルで見ると「オライリー >>> 技術評論社」の印象
Amazonを参考にしつつ、書店で実物を手にとって確認すればいいんだが、入門者に確認できる方法じゃないんだな
初心者は入門書を選ぶのが非常に難しい

2022/08/07(日) 13:13:16.92

>>982,987
スコープが狭いが、Promiseは下記とMDNでほぼ解決する

JavaScript Promiseの本
https://azu.github.io/promises-book/

著者は日本人だが、数少ない信頼できる人だ
同じ人が書いた「JavaScript Primer」はESレベルで読むと疑問に思う説明がいくつかあるが、確度は高い方だと思う
「Promiseの本」は文句なしにお勧め出来る

---
実際のところ、すべてに満足する書籍はまずない
書籍は体系的な知識を蓄えるまとめて得られるのがいいのであって、最新かつ確度の高い情報は公式サイトの「仕様書」のみ
「MDN」から「仕様書」を辿れるようになったら、書籍の利用頻度は下がる傾向にある

当然だが、読むだけでは身につかないから、書籍から学んだ内容から、コードを書いて、動作を確かめることは最重要
初心者を自認する質問は何も確かめないで質問するタイプが非常に多い(このスレの質問者も大半がそう)
普段からコードを書いて確かめる癖をつけたほうがいい

2022/08/07(日) 13:27:02.95

>>989
本当にご丁寧に提示して頂き本当にありがとうございます。
そちらのサイトも参考にしてコード書きながらJavaScriptの勉強頑張って行きます。
本当にご親切ありがとうございました。

2022/08/07(日) 13:27:06.59

>>988
つまりお前の評価が正しいというわけか？
何よりも自分で判断できる能力のほうが重要だろ
読んでみてお前のように疑問を持つことが大事なのになぜかそれを示さない

というわけでコイツは他人の意見だけで動くからお前が一生教えてやればいい

2022/08/07(日) 13:51:00.89

>>980を踏んでしまったので新スレを立てようと思いましたがエラーが出てしまいスレを立てることが出来ませんでしたのですいませんがどなたか新スレお願いしますを

2022/08/07(日) 16:06:09.09

>>992
立てた

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

2022/08/07(日) 16:33:46.15

>>991
質問者にとっては、俺もお前もAmazonレビュアーも赤の他人
「誰が正しいか」は質問者が判断すればいいことだ
俺にできるのは、初心者時代に読んで今振り返っても役に立った本を紹介することだけだ

俺が主張してるのは、初心者にとってはAmazonレビューの正しさをはかる指標がないということだ
中級者以上の俺でさえ、レビューから正しさを正確にはかるのは不可能だ
俺に出来るのは書店で実物をとって自分の知識と本の内容を照らし合わせることだけ
お前は「Amazonで評価高いの買えばいいのに」というが、赤の他人のレビューが信用出来るのか？
初心者でも信用性をはかる方法があるなら、まずはそれを示すべきだろう

付け加えると、初心者に内容の正しさを判断出来るはずがないので、初心者のレビューは信用に値しないと俺は考えている
入門書を読んで数年たって、もう一度入門書を読み直した後にレビューを書くなら、ある程度は信頼出来るだろう
そこまで時間をかけてレビューを書く人はほとんどいないと俺は思うが

> 読んでみてお前のように疑問を持つことが大事なのになぜかそれを示さない

疑問を持つことは大切だが、信頼できる判断材料が必要だ
信頼出来ない情報源(Amazonレビュー)では考えることすら出来ない
無理筋の方法を提案しても意味がない

2022/08/07(日) 20:29:17.22

>>994
他人の評価は信頼できなくてお前だけがなぜ信頼できる判断なんだよw
お前何様？

2022/08/07(日) 22:46:56.17

長文書く奴大体馬鹿

2022/08/07(日) 23:15:25.18

技術評論社はあまり良い印象がないな。
どうしても必要な時を除き、買わないよう心掛けたほうが良いと思う。

2022/08/07(日) 23:29:45.93

この2冊のサイの表紙のサイ本は初心者用ではない。プロ用

JavaScript 第7版、2021/12, David Flanagan
初めてのJavaScript 第3版 ――ES2015以降の最新ウェブ開発、オライリー、2017

パーフェクトRuby、パーフェクト Ruby on Rails などのパーフェクトシリーズもプロ用

これらは、YouTube で有名な雑食系エンジニア・KENTA の初心者向けRuby on Rails サロンでも使わない。
こんなプロレベルの勉強をしていたら、半年でポートフォリオを作って転職できない

初心者用は、ドットインストール・progate などで、基礎だけサッと学ぶ

深入りしたら切りがない。
それに難しい割には、使用頻度が低い

2022/08/07(日) 23:35:07.06

技術評論社は、そういう偏った見解が多いよね。
誌面で個人叩きも多いし。

2022/08/07(日) 23:41:06.98

1000ならnodejsしか動かない世界

**1001** · Over 1000

このスレッドは１０００を超えました。
新しいスレッドを立ててください。
life time: 270日 8時間 16分 43秒

**1002** · Over 1000

5ちゃんねるの運営はプレミアム会員の皆さまに支えられています。
運営にご協力お願いいたします。

───────────────────
《プレミアム会員の主な特典》
★ 5ちゃんねる専用ブラウザからの広告除去
★ 5ちゃんねるの過去ログを取得
★ 書き込み規制の緩和
───────────────────

会員登録には個人情報は一切必要ありません。
月300円から匿名でご購入いただけます。

▼ プレミアム会員登録はこちら ▼
https://premium.5ch.net/

▼ 浪人ログインはこちら ▼
https://login.5ch.net/login.php