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

**Name_Not_Found** · 2020/05/02(土) 10:59:35.08

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

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

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

**Name_Not_Found** · 2020/05/03(日) 15:30:29.69

PHP - アウトプットのやり方を教えてください。｜teratail
https://teratail.com/questions/258409

**Name_Not_Found** · 2020/05/03(日) 15:51:43.37

>>82
覚えたものを生かして作るだけなのに、何を迷っているんだか
やりもしないで「次は何をやればいいですか？」って完成するまで手取り足取り教えてくれる学校の先生を規定しているなら、多分、君には向いてない

**Name_Not_Found** · 2020/05/03(日) 20:02:20.76

結局は>>77
これだけいわれても曖昧な質問を繰り返してる質問者には「お前が思うとおりにやれ」ぐらいしかいえない

**Name_Not_Found** · 2020/05/03(日) 21:42:54.99

>>82
１．MDNを隅々まで読む（必ず全ての項目に目は通すこと）
２．その最中重要そうな物は自分の手で試す
３．更に興味が湧いたものを他の人はどう使っているかをググって調べる

これを１０年間やる
その後ESやWHATWGの仕様書を読み込む
これで上級者

**Name_Not_Found** · 2020/05/04(月) 01:43:23.37

時間の掛かることを、やらない方がよい。
JavaScript を学んだら、フレームワーク・Ruby on Rails で、実際のweb アプリを作る

その過程で、AWS, Cloud9, Heroku, GitHub, CircleCI, Docker, Kubernetes,
Linux・シェルスクリプト・データベースなどの環境構築運用を学ぶ

HTML, CSS/SASS, JavaScript, jQuery, Bootstrap,
Node.js, Webpack, Babel, Vue.js, React, VSCode

**Name_Not_Found** · 2020/05/04(月) 02:25:09.99

実際のweb アプリを作ることが最も時間がかかるというオチですか

87 · 2020/05/04(月) 05:20:31.35

NM Max

Ruby on Rails の Tutorialやってみるよ宣言！
https://www.youtube.com/watch?v=PMPY2cFO5HY&;list=PLAR5qAGp9riamoBOL2VgZi1JinKWni5Oo

この人は、ほぼ、Ruby を知らないのに、
Rails チュートリアルを読んで、そのすごさに感動して、Rails 5 の動画を作ったw

最近は、Rails 6 の動画も上げてる

Rubyの言語など、あまり知らない人でも、
Rails の動画を上げてしまえるのが、Rubyの面白い所w

**Name_Not_Found** · 2020/05/04(月) 05:22:56.96

金になりそうだから動画作っただけやで

**Name_Not_Found** · 2020/05/04(月) 05:23:54.01

7 回視聴　2019/05/15

ワロタ

うん金にはならんかったのねｗ

**Name_Not_Found** · 2020/05/04(月) 05:24:29.68

チャンネル登録者数 70人って雑魚すぎやろｗ

**Name_Not_Found** · 2020/05/04(月) 06:55:22.01

jQueryのthisの使い方って、javascriptと同じなの？

87 · 2020/05/04(月) 07:09:33.71

たにぐちまこと・雑食系エンジニアのKENTA、
Ruby のJunichi Ito (伊藤淳一)

このあたりは、YouTube でも超一流

**Name_Not_Found** · 2020/05/04(月) 08:44:09.18

>>93
同じとも言えるし違うとも言える

const $a = $('a');
$a.on('click', function() { ・・・ })

JavaScriptの常識からすると、イベントハンドラの中のthisは$aだと思うかもしれない
しかしjQueryではそうなっていない。thisは$aではなく一つのA要素になっている。
ただし違うからと言ってJavaScriptと違うとは言えない
JavaScriptは元々出来る仕様なので、何をしようとJavaScriptであると言える

とは言え一見JavaScriptと違うんだと思うなら
DOM APIのaddEventListenerの仕様を見てみればその理由がわかる

a.addEventListener('click', function() { ・・・ })
このときのイベントハンドラのthisはA要素になっている。

つまり、DOM APIのイベントハンドラと互換性を持たせるためにjQueryはそうしている
だからイベントハンドラから見れば同じということができる

つまりJavaScriptのデフォルトの挙動ではないが
デフォルトの挙動を変えることで、DOM APIのイベントハンドラと"同じ"にしている

**Name_Not_Found** · 2020/05/04(月) 09:10:43.89

JavaScriptはJavaScript、DOMはDOMでしょ
JavaScriptの中でのthisの一般的な使われ方はレシーバを指すこと

a.addEventListener('click', callback)のときはcallbackにとってはaはレシーバではないが、
形上それに近いので本来のJS的にはasync関数を考えればわかりやすいが
thisが与えられないのが自然だが変な気を利かせて与える仕様にされてるんでしょ

JavaScriptはJavaScript、DOMはDOM
それぞれで世界は違うし自然な振る舞いや常識間も少しずつ違う
混同しないようにしないとね

**Name_Not_Found** · 2020/05/04(月) 09:23:06.40

ラムダ式（アロー）のthis も、便利なように、構文スコープに変えてあるから、

that = this
みたいに、代入しておかなくても良い

**Name_Not_Found** · 2020/05/04(月) 09:31:41.29

スマホのブラウザからtwitterのアプリを起動してtweetさせたいとき
window.open("http://twitter.com/intent/tweet?text=aaaa";);
と書いた場合に、ブラウザのtwitterのタブが開いてしまうのですが
どのように対処したらいいのでしょうか？
https://twitter.com/5chan_nel (5ch newer account)

**Name_Not_Found** · 2020/05/04(月) 10:25:45.71

確かに、Edge では、アプリが勝手に開く、URL がある

知らない間に、アプリがインストールされている

**Name_Not_Found** · 2020/05/04(月) 11:38:21.85

シンプルにthisは「これ」ってことだろ。

**Name_Not_Found** · 2020/05/04(月) 12:55:01.31

浅はかすぎる

**Name_Not_Found** · 2020/05/04(月) 13:08:50.04

>>95
>JavaScriptの常識からすると、イベントハンドラの中のthisは$aだと思うかもしれない

いや、ハンドラのレシーバが$aなわけじゃないんだからそう思う人は少ないだろ。
jQueryが通常のイベントハンドラと同じ動作をするという結論はいいとして。

**Name_Not_Found** · 2020/05/04(月) 14:41:55.97

相変わらず、自己学習意欲のないいい加減な質問者ばかりだな
自ら学ぶスレの名が泣いてる

**Name_Not_Found** · 2020/05/04(月) 17:35:33.06

回答者も学べばいいのに

**Name_Not_Found** · 2020/05/04(月) 17:49:02.84

質問が抽象的でわからん！とか言う人一定数いるみたいだけど
アスペ的な人なのか、経験が浅くてエスパーできない人かじゃないの
大抵の質問は「あー、あのこと言ってるのね」ってわかると思うけど
回答して仮にそれで質問者に「そうじゃないんです」と言われたところで
客観的にみて知的活動に変わりなくスレにとってはプラスにしかならないでしょ。
それ以降質問者を責め立てるのは、間違ったことを恥ずかしいと思っていて
スレにとって何の得にもならない名誉挽回をしたいからだよな

**Name_Not_Found** · 2020/05/04(月) 19:00:32.51

>>105
ここは右も左も分からない初学者のオムツを替えてあげるスレでは無いから
自立した自ら学ぶ事ができる人がどうしても行き詰まったときに
具体的に質問してヒントを貰いに来る場所だから
そこんとこ勘違いしないように

**Name_Not_Found** · 2020/05/04(月) 22:45:08.04

>>105
質問者は努力放棄、回答者だけが努力するスレだと思ってるの？

**Name_Not_Found** · 2020/05/04(月) 23:02:25.82

別にエスパーしてあげる回答者がいてもいいし
こき下ろす回答者がいてもいいだろ

JSとはすなわち言語なのだから
赤ちゃんのときにどうやって日本語を覚えたのかを思い出せ

社畜もいれば言語学者様もいる
雑音も含めた様々な情報のシャワーを浴びることで
徐々に物事の特徴量を抽出して分かるようになっていくものだろ

むしろそのためにわざわざこんな混沌とした場所に質問しに来てるのだろ
スレがプラスである必要はないし住民にその努力義務は一切無い
質問者が自分にとってプラスのように情報を汲み取ればいい

**Name_Not_Found** · 2020/05/04(月) 23:08:17.70

>>108
母親から何もしつけられなかったの？
質問者が利益を得るためには、何をやってもいい？

**Name_Not_Found** · 2020/05/04(月) 23:11:41.63

ライオンが崖から落とすような、荒波に揉まれる日本語学習過程を経ている人はそうそういない

**Name_Not_Found** · 2020/05/04(月) 23:32:01.66

>>109
俺が言いたいのはどんな質問・どんな回答をしても構わない
自由にさせとけということではない

全うで良さそうに見える回答だって間違いを多分に含んでるかもしれないし
狂人の極論的な回答でもそれと対抗する回答と合わせて読めばバランスが取れて
幅広い視野での深い考えを得られるかもしれない

結局回答者の発言の何を汲み取って自分の物にするかは質問者の責任であるし
一方回答者には質問者や場の流れに必ずしも従わず
自分で何を汲み取ってほしいかを決めて発言する程度の権利はある

質問の仕方や姿勢が悪いと注意することだって
質問者は回答者が解決してくれることを期待してこのスレに来るな
回答者と対等とまではいかなくても十分意見をぶつけ合って自分で考えて解決できるくらいまで
勉強して質問を練ってから来いという激励の回答だろう

実際本当のところそうであろうとなかろうとそう捉えて自ら成長できないような質問者は
教えてあげる価値も無いと言われても思われても仕方がない

JSは自分で考えて自分で正解を見つけていかないといけない言語であるし
単純労働者、悪ければ宿題を抱えた学生よりもWeb技術に深い洞察を持って
将来Webを発展させるかもしれない人物に時間とリソースを割いて親身に教えてあげたいと思うのも自然だろう

**Name_Not_Found** · 2020/05/04(月) 23:46:00.86

>>108
> 赤ちゃんのときにどうやって日本語を覚えたのかを思い出せ

思い出せない。俺が記憶にある最も古いものは幼稚園の頃の記憶だ

**Name_Not_Found** · 2020/05/05(火) 01:01:13.17

>>105,108,111
意見が分岐しすぎて主張に一貫性がない

**Name_Not_Found** · 2020/05/05(火) 01:07:46.10

>>111
簡潔に

**Name_Not_Found** · 2020/05/05(火) 02:01:01.96

検索で10件ほど調べたのですがアロー関数のthisが何を指すのか分かりませんでした
通常のJavaScriptのthisは親オブジェクトやbind/callで指定したオブジェクトやnewで生成したオブジェクトを指しますが
アロー関数のthisは必ずwindowオブジェクトを指すわけではないですよね？

**Name_Not_Found** · 2020/05/05(火) 02:07:27.14

>>115
10件見て分からないなら、それ以前の基礎知識が足りてない
切り分けを覚えろ

**Name_Not_Found** · 2020/05/05(火) 02:20:09.35

JavaScript のthis は、ネストすると、window を指してしまうので皆困っていた。
bind を使うとか、 that に代入する必要がある

それが、jQuery などでは便利

アローは、レキシカル・構文スコープ

**Name_Not_Found** · 2020/05/05(火) 02:23:52.13

>>115
アローじゃない関数のthisはわかってんだよね？

アロー関数はthisに関与しなくなったんだよ
束縛しない

だから、アロー関数の中でのthisは
そのアロー関数が書かれたスコープのthisがそのまま参照される

**Name_Not_Found** · 2020/05/05(火) 02:49:49.23

つまりアロー関数のthisは普通に変数thisを探すだけということでしょうか？

**117** · 2020/05/05(火) 03:22:08.95

JavaScript のthis は、ネストすると、window を指してしまうので皆困っていたから、

検索すれば、説明は一杯あると思う

**Name_Not_Found** · 2020/05/05(火) 07:48:03.37

俺的解釈
this == とりま

**Name_Not_Found** · 2020/05/05(火) 08:04:24.30

>>117
ネストしたらwindowになるんじゃなくて
DOM APIの仕様による

**Name_Not_Found** · 2020/05/05(火) 09:45:08.13

>>113
それらが同一人物に見えるのならお前病気だぞ

**Name_Not_Found** · 2020/05/05(火) 10:16:24.64

>>119
アロー関数による実行コンテキスト上の環境レコードはthisを持たないし
thisキーワードによるレコードサーチにも引っかからない様になっている
一方アローでないレキシカルな関数コンテキストでは必ず引っかかる
他はグローバルな環境レコードでは必ず引っかかるが、その他の環境レコードでは引っかからない

よってレキシカルな関数の環境レコードをL、アロー関数の環境レコードをAとしたとき、
L内スコープでthisが参照されると引っかかるのはその時の実行コンテキストから辿れる一番近い関数の環境関数レコード、つまりLから必ず探されるが
A内スコープでthisが参照されるとその時の実行コンテキストから辿れる一番近い関数の環境関数レコード、つまりAも引っかからないので
更にその外側から探され、直上のレキシカルな関数の関数レコードかグローバルな関数レコードから探されることになる

**Name_Not_Found** · 2020/05/05(火) 12:09:33.59

大間違い
レキシカルを全て非レキシカルに読み替えてくれ

**Name_Not_Found** · 2020/05/05(火) 16:31:13.27

非レキシカルの中に含まれるレキシカルも
非レキシカルに読み替えてくれ

**Name_Not_Found** · 2020/05/05(火) 17:06:36.94

非レキシカルの中に含まれるレキシカルに含まれるレキシカルも
非レキシカルに読み替えてくれ

**Name_Not_Found** · 2020/05/05(火) 17:57:26.32

慣れない言葉使って長文書くなって教訓だな

**Name_Not_Found** · 2020/05/05(火) 18:20:56.20

長文ドヤ顔マン嫌い

**Name_Not_Found** · 2020/05/05(火) 20:39:27.83

このスレくっさ

**Name_Not_Found** · 2020/05/06(水) 07:57:34.94

JavaScript新しく勉強したいんですが入門本オススメありますか？web系の勉強は初めてでプログラミングはPythonとjavaなら初級レベルです

**Name_Not_Found** · 2020/05/06(水) 10:51:32.83

何のために勉強して何ができるようになりたいの？

**Name_Not_Found** · 2020/05/06(水) 10:54:21.08

わからないままおわる　そんなのはいやだ！

**Name_Not_Found** · 2020/05/06(水) 11:00:41.40

サークルの在庫管理システムを作りたいんです、とりあえずそれが目標であとは勉強しておいたら損は無いかと

**Name_Not_Found** · 2020/05/06(水) 11:20:21.96

今日、お昼2時から、YouTube ライブある！

たにぐちまこと

いまどきの JavaScript入門 - ES6/TypeScript/Vue.js
https://www.youtube.com/watch?v=NJ5kIaXbpZQ

**Name_Not_Found** · 2020/05/06(水) 11:25:34.67

>>131
Google の開発者も読むのは、表紙にサイが描いてある、いわゆるサイ本

昔のサイ本は、Ruby の本も書いていた、Flanagan の本。
JavaScript 第6版、2012、David Flanagan

今のサイ本は、
初めてのJavaScript 第3版 ――ES2015以降の最新ウェブ開発、オライリー、2017

**Name_Not_Found** · 2020/05/06(水) 11:33:32.28

ダサイタマ本

**Name_Not_Found** · 2020/05/06(水) 11:53:44.78

>>134
だったらそんなに長く基礎的な勉強をしていくってわけにもいかないだろうし
Pythonかjavaをバックエンドに、GUI画面をWebで作りたいってことだろうから
サイ本でじっくり勉強するっていうのはあってないかもね
サイ本っていうのはJSに仕様の隅々まで解説するやり込み向けのいわゆる「攻略本」だから

２言語が使えるって言うならとりあえずMDNのJSの再入門でも読めば
JSがどんな言語が薄っすら掴めるはずだから
あとは適当なフレームワーク本買って、物を作った後にサイ本でも読むのが良いかもね

**Name_Not_Found** · 2020/05/06(水) 12:05:19.65

つかJSいらなくね
formさえ用意すればいいじゃん
あとはデータからHTMLの組み立てを
pythonでやるかJSでやるかってくらいじゃん

**Name_Not_Found** · 2020/05/06(水) 13:06:02.34

えらそーに

**Name_Not_Found** · 2020/05/06(水) 13:25:18.94

バックエンドで完結させてからjsに手を出せ
順序が違う

**135** · 2020/05/06(水) 14:00:38.10

>>135
に書いてあるけど、たにぐちまことのライブ、始まった！

4時まで！

**Name_Not_Found** · 2020/05/06(水) 23:09:47.82

PythonもJavaも初級レベルならJavaScriptでいきなりフロント作ろうなんて辞めとけ
造り手が知識も経験もないんだから、在庫管理程度ならスプレッドシート共有でまず始めること

土台のバックエンド、フロントエンドのスキルが身についてから作成したほうが利用する周りの人たちにも迷惑かからんで良いと思う

**Name_Not_Found** · 2020/05/07(木) 01:16:07.63

画像の読み込みに関する某書籍のサンプルコードについて質問です。

　//ページのロードが完了した時に発火するイベント
window.addEventListener('load', () => {
// まず最初に画像の読み込みを開始する
imageLoader('./image/color.jpg', (loadedImage) => {
// 引数経由で画像を受け取り変数に代入しておく
image = loadedImage;
});
});

//画像をロードしてコールバック関数にロードした関数を与え呼び出す
function imageLoader(path, callback){
// 画像のインスタンスを生成する
let target = new Image();

console.log(target); //(1) <img src=“./image/color.jp”>とコンソールに表示される

// 画像がロード完了したときの処理を先に記述する
target.addEventListener('load', () => {
// コールバック関数の引数に画像を渡す
callback(target);
});
//画像のロードをするためパスを指定する
target.src = path; //(2)
}

**Name_Not_Found** · 2020/05/07(木) 01:16:14.16

(1)で <img src=“./image/color.jp”>とコンソールに出力されます。
(1)の1行前で、 console.log(new Image())とすると、
コンソールに<img>と表示されるので（1）も<img>となると思いました。
(1)の時点では（2）で./image/color.jpg を読み込む前なのに、
なぜ<img src=“./image/color.jp”>となるのでしょうか？

**Name_Not_Found** · 2020/05/07(木) 05:58:13.47

>>143
分かった…

**Name_Not_Found** · 2020/05/07(木) 09:29:38.11

Image()
https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image

そんなややこしい書き方をせずに、これじゃダメなのか？

var myImage = new Image(100, 200);
myImage.src = 'picture.jpg';
document.body.appendChild(myImage);

結果
<img width="100" height="200" src="picture.jpg">

**136** · 2020/05/07(木) 09:52:00.52

>>131
web 系なら1年ぐらい、Ruby on Rails で、

VSCode, HTML, CSS/SASS, JavaScript(ES 2015)/TypeScript,
jQuery, Bootstrap, Node.js, npm/yarn, Webpack, Babel, React, Vue.js

他には、実行環境構築。
Linux, WSL, Vagrant, Docker, Kubernetes, CircleCI, シェルスクリプト・PowerShell

Rails チュートリアル日本語版の1つ前のバージョン(Rails 5)が、無料で読める

**Name_Not_Found** · 2020/05/07(木) 11:38:58.67

【環境】node.js v12.16.0
【何をしたのか】
// promiseを返すメソッド
NativeModules.module.test
この関数をラップして、resolveの場合の処理をあらかじめ用意していたものをよんでから、thenを呼び出したいです。

/**
* イメージ
*/

main(){
NativeModules.module.test
.then( retval => console.log("2") )
.catch()
}

// この部分を作りたい
async lap(){
NativeModules.module.test
.then( retval => console.log("1") ) // thenの処理を上書きしたい。。
}

// 実行結果
main()
1
2

のようにするにはどのように書けばいいのでしょうか？
必要とな知識も教えて欲しいです。

よろしくおねがいします

**Name_Not_Found** · 2020/05/07(木) 12:12:06.63

>>145
オブジェクトをconsole.logした場合その時点でスナップショットを取ってるわけではなく変数に代入するのと同じで参照を保持するだけ
ブラウザのコンソールは非同期動作なのでconsole.log直後に対象オブジェクトを操作すると実際に表示する時には中身が変わってる事がある
(2)の所にブレークポイントを設定しておけば<img>と表示される

**Name_Not_Found** · 2020/05/07(木) 12:28:26.65

Promise.prototype.then()
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise/then

then メソッドは Promise を返すので、メソッドチェーンができます

関数が then にハンドラーとして渡されると Promise を返します。
同じ Promise がメソッドチェーンの次の then に現れます

p.then(function(value) {
console.log("1");
}).then(function(value) {
console.log("2");
});

**Name_Not_Found** · 2020/05/07(木) 12:37:05.89

>>150
Ruby でも、端末に表示する順番が変わることはあるけど、
まさか、表示が遅れている間に、表示するオブジェクトの内容が変わってしまうとは、思わなかった！

先に、表示する内容がバッファにコピーされてから、表示されるのだけが遅れていると思っていた

**136** · 2020/05/08(金) 07:17:03.12

>>131
【2020年最新】web制作のjQuery,JavaScriptの勉強方法まとめ【一年半思考錯誤した】
https://www.youtube.com/watch?v=4O-wCPiB2m0

このYouTube 動画の中では、この本を勧めている

確かな力が身につくJavaScript「超」入門第2版、狩野祐東、2019

CSS セレクターを学んだら、実際に、jQuery で、
jQuery Plugin にあるようなスライダーなどの拡張機能を、自分で作ってみる

**Name_Not_Found** · 2020/05/08(金) 12:43:41.10

彼がやりたい事を考えたらそういう勉強はいらん

**Name_Not_Found** · 2020/05/08(金) 17:57:07.46

jQuery信者は布教活動に必死だな

**Name_Not_Found** · 2020/05/08(金) 18:33:30.87

リャクト、ビュッ、アンギャー、ノド、タイポスクリプツ
一つも触ったことないけど多すぎて意味不明すぎる
しかもこれって将来的に全部また別の何かに置き換えられる可能性大なんだよな
覚えるだけ時間の無駄やん
ジェキュリーは一生なくならないだろうけど

**Name_Not_Found** · 2020/05/08(金) 18:51:04.00

>>156
次元の違うもの並べるの気持ち悪くない？

**Name_Not_Found** · 2020/05/08(金) 19:14:25.93

jqueryみたいにjsのパス貼るだけで簡単に使えるなら勉強しようって気にもなるんだけどねぇ
javascriptごときでインストールってなんだよアホか

**Name_Not_Found** · 2020/05/08(金) 23:57:41.26

それ自分はその程度のものしか作れませんって言ってるようなもんだな

**Name_Not_Found** · 2020/05/09(土) 00:36:48.43

意味不

**Name_Not_Found** · 2020/05/09(土) 03:40:17.56

置き換わるのが嫌だから学ばない、と言うなら言語そのものだってその可能性はある。

水物が嫌だと言うならそもそもこの業界に向いてない。

置き換わって陳腐化してしまう技術は少なからず有るが、その習得で身に付けた書く力や読む力は無駄にならず、新たに何かを習得するときの吸収力になることも多い。

**Name_Not_Found** · 2020/05/09(土) 03:48:38.73

１６２ゲットでトモノリ降臨！！

**Name_Not_Found** · 2020/05/09(土) 04:19:25.52

変な奴が住んでるなここ

**Name_Not_Found** · 2020/05/09(土) 04:26:12.83

>置き換わるのが嫌だから学ばない、と言うなら言語そのものだってその可能性はある。
言語そのものと言語が存在しないと成り立たない小手先のライブライを比較してる時点でただの屁理屈

>その習得で身に付けた書く力や読む力は無駄にならず、新たに何かを習得するときの吸収力になることも多い。
脳のキャパシティは無限じゃないから廃れる技術を学ぶだけ時間の無駄
しかも新しく覚えたことで既存の知識が曖昧になる可能性も高い
そもそも言語ですらないし
経験浅いくせに適当な屁理屈ばっか言わないように

**Name_Not_Found** · 2020/05/09(土) 04:40:34.80

一度もケンタの動画見てないのに
つべのおすすめ欄が奴の動画ばかりになったんだが何故？

**Name_Not_Found** · 2020/05/09(土) 07:27:06.17

Python でAI をやりたいとか書いたら、
Pythonをやるには、まずRubyから始めろって言われたとか？

KENTA の自論

初心者は、Pythonから始めるな。
長期間学んでいる間、食えないから続かない

1年ぐらいで、Ruby on Rails で、フレームワーク・システム構築運用を学んで、
食えるようになれと言うこと

Pythonは、大学院卒とか高学歴用。
プログラミングじゃなくて、数学・統計の勉強に、時間が掛かる

Rubyみたいに低学歴で、プログラミング・OS・Linux 環境構築運用・フレームワークとは、分野が異なる

**Name_Not_Found** · 2020/05/09(土) 07:48:48.15

>>166
最近Ruby案件も
食えるほどないような気がする

学んでる段階で食えるようになりたいなら
なんだかんだでPHPが今でも一番球数豊富な印象

**Name_Not_Found** · 2020/05/09(土) 10:01:13.55

別に食うために仕事しなくてもいい
どうせ近い将来にはシンギュラリティおきてベーシックインカムになってるんだから
今の日本でも収入低かろうが適当に生きていけるし
自分がやりたいことをやりたいだけやればいい

安易に需要ありそうなところに飛びついても競争相手も多いし３流で終わる可能性が高い
それよりも地味でも自分にあってるところにチャレンジした方が
自ずと上達も早いしモチベーションも高まるし結局はそっちの方が収入多いってこともある

今からの時代仕事にしろ国民は徐々に好きなことしていかなきゃ
そのうち仕事するのにむしろお金を払わないといけないとこまでいくんだからさ
多くの人類の価値なんてそう高くないんだから社会に貢献とかできないから好き勝手に生きた方がいいよ
もはや社会は勝手に成長するから一人一人がどう楽しく生きるかを考えることの方が大事

**Name_Not_Found** · 2020/05/09(土) 10:36:22.36

もはや質問用スレッドでもなんでもないな

**Name_Not_Found** · 2020/05/09(土) 10:40:23.13

（JavaScriptを自ら学ぶ）『人のための』質問スレッド
だからこういう悩み相談もいいんじゃない？
人間は正解不正解だけを常に求めるロボットじゃないんだから

**Name_Not_Found** · 2020/05/09(土) 10:58:09.35

Electronで簡単なGUIアプリケーションを作成してJavaScriptを勉強しようとしたのですが
亜種のTypeScriptの質問もここでいいですか？

最初Electron+TypeScript+React+Material-UIで勉強しようとしたのですがMateriak-UIを組み込もうとすると
TypeError: Cannot use 'in' operator to search for 'ontouchstart' in null
と言うエラーが出て動もうまく行きません
Material-UIがダメとなるとGUIから選定のし直しで、おすすめが知りたいのですが・・・
(Reactが何なのかよく分かりませんが、GUIを変えると変えないと駄目ですよね？)

**Name_Not_Found** · 2020/05/09(土) 12:42:48.67

>>171
なんでよくわからないもの使ってるんだよ

ど初心者なら
とりあえずjsでやんなよ
そうやってエラっても、エラ～メッセージの意味すらわからんだろ

**Name_Not_Found** · 2020/05/09(土) 13:10:20.93

>>171
エラーメッセージに何がダメなのか書いてあるじゃん

**Name_Not_Found** · 2020/05/09(土) 13:27:28.05

Ruby on Rails なら、TypeScript(TS) + React, TS + Vue.js はあるけど、
TS + Vue.js は、まだ互換性が高くない

Rails 以外では、TS + Electron もある

React+typescript入門
https://www.youtube.com/playlist?list=PLp_EUEO9JJP2CpdD9myEwF0CxVIJEWIgG

material-ui を使っている。
この人、26個も動画ある！

他には、YouTube 動画は、たにぐちまことの動画が良い

**Name_Not_Found** · 2020/05/09(土) 13:36:50.01

>>174
ν速にRubyのスレ立ってるからそっち行けよ

**Name_Not_Found** · 2020/05/09(土) 20:55:02.20

こういう動画見てると再生伸びない奴の理由がよくわかるね
入門とか環境構築と言いながらいきなり前回がどうのこうのとか
いきなり変なところから説明入る上にタイピングが動画の大半占めてて冗長すぎる

**Name_Not_Found** · 2020/05/10(日) 10:09:27.37

ブラウザ上で何らかの操作をしたいという場合、アドオンの開発環境を経由するのが普通ですか？
自分がサイトの管理者ではありません

**Name_Not_Found** · 2020/05/10(日) 10:55:33.41

拡張機能と言っても別に対して難しいものでもないのだから
そもそも悩むようなことでもない
拡張が良いかもしれないなと思ったらそのレス書いてる間に作ってみればいい
色々やってみてからここに来い
ちゃんと経験をしろ
例え失敗してもそれが無駄になることはない
ここでなんとなくの答えを聞いただけじゃ自分の身にならないだろ

**Name_Not_Found** · 2020/05/10(日) 11:53:45.31

>>177
tempermonkeyを使うという手もある

その場限りなら開発ツールでok

**Name_Not_Found** · 2020/05/10(日) 12:53:39.45

>>178>>179

どうも
インスペクタからでもいじれるんですね

**Name_Not_Found** · 2020/05/10(日) 14:26:56.58

メニューと本文のあるページであるメニュー要素をクリックしたら
画面遷移しないでXHRでとってきて本文を書き換えようと思ってます
といってもちゃんと各ページは用意しといてURLでもアクセスできるようにしたいので
XHRで書き換え後JavaScriptでURLも書き換えることが出来るのでそれをしようと思ってます
それで検索エンジンなどにも正しく扱われてほしいので
メニューにリンクをつけてa hrefでページを指定したいと思うのですが
それではそのページにいってしまうためXHRでソースを取ることができなくなります
こういうのってどういうふうに設計したらいいんですかね？
例えばa hrefに指定したmenu3.htmlページには実際いかないで
XHRでget?menu=3にアクセスするようなことって可能ですか？

**Name_Not_Found** · 2020/05/10(日) 15:00:05.74

>>179
その場限りじゃなくても
sourceタブで編集して保存すれば恒久的に変更させるでしょ

**Name_Not_Found** · 2020/05/10(日) 15:13:05.77

>>181
今のgoogle botはごく一部の機能が制限されてるだけのまんまChromeなので
pjaxも普通にリンクを擬似クリックしてJSを実行してくれるので気にせず作ればOKよ

昔はbotとやり取りするためのURLの形式とかあったけど今はサポートされていない
今は普通に作ることが推奨されている