+ 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/02(土) 11:01:09.33

■FAQ

◆開発者ツール(Developer Tools)の基本的な使い方
　▼諸注意
　 - 本説明では Google Chrome の開発者ツールの名称に従います。他ブラウザで使う場合は適宜読み替えて下さい。
　 - 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 型の中身をそのまま表示してくれます。)

**Name_Not_Found** · 2020/05/02(土) 11:08:30.47

■各種仕様・解説サイト

◆ MDN (HTML・CSS・JS・各種Web APIのリファレンスサイト)
https://developer.mozilla.org/ja/docs

◆ WHATWG（代表的なWeb APIの仕様書）
https://spec.whatwg.org/

◆ ECMAScript（JSの仕様書）
https://tc39.es/ecma262/

■その他

■テンプレ案
http://fiddle.jshell.net/fH4cC/180/show/light/

■FAQ
http://fiddle.jshell.net/vSqKr/44/show/light/

**Name_Not_Found** · 2020/05/02(土) 11:11:16.38

以上、テンプレを一度ブラッシュアップしてみましたので
本当に必要な物があれば次スレから追加していってください

ただ、読まれることはほとんど無いと思いますし
せいぜい３レス程度にした方が良いと思います

**Name_Not_Found** · 2020/05/02(土) 13:18:57.76

>>1乙です

もう書き込んで良い？

**Name_Not_Found** · 2020/05/02(土) 13:23:51.28

どうぞ

**Name_Not_Found** · 2020/05/02(土) 14:22:04.28

ありがとう、質問させてください。

またElectronの質問なんですが、メインプロセスとレンダープロセスが有るじゃないですか
メインプロセスでDOMを作ってレンダープロセスで表示させたいのだけど
何故か引き渡したDOMが認識されなくて現状レンダープロセスでしかDOMを弄ることが出来ません
DOM自体もHTMLの特定部分に差し込むとか出来なくて全部置き換える場合しか表示できていません

render_preload.js -------------------------------------------------------------
const { ipcRenderer } = require('electron');
window.addEventListener('load', async ()=> {
const data = await ipcRenderer.invoke('invoke', 'invoke ping');
document.write(data);
});

main.js ------------------------------------------------------------------------
const { ipcMain } = require('electron');
const { DOMParser } = require('xmldom');
ipcMain.handle('invoke', async (event, message) => {
// 実際はクラスに書かれています
let dom = new DOMParser().parseFromString('<!DOCTYPE html>', 'text/html');
// 適当な操作
return dom;
});

こんな感じです。DOM操作のヒントを頂ければ有り難いです
それとXMLのDOMって作る必要とかありますか？

**Name_Not_Found** · 2020/05/02(土) 14:31:30.26

letとかコンストとか無かった時代って不便だった？

**Name_Not_Found** · 2020/05/02(土) 14:45:06.57

常識で考えたらスレッドが違うんだから、渡せるのはプリミティブ型と
素朴な要素でなる素朴なオブジェクトと、一部なトランスファラブルなオブジェクトだけじゃないの
DOMオブジェクトを引き渡そうとか考え方に無理があると思うよ

**Name_Not_Found** · 2020/05/02(土) 14:52:40.95

>>7
DOMはレンダ―プロセスでやれ
document.write使うなし

**Name_Not_Found** · 2020/05/02(土) 15:25:12.47

>>8
別に

**Name_Not_Found** · 2020/05/02(土) 15:49:19.66

>>8
for-letとswitchの節にブロック書いてスコープ区切れるのは便利になった

**Name_Not_Found** · 2020/05/02(土) 17:10:54.31

■各種仕様 (続き)
◆ 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
◆ MSDN Library
https://msdn.microsoft.com/en-us/library/ie/hh828809 (Internet Explorer API)
http://msdn.microsoft.com/ja-jp/library/yek4tbz0.aspx (JavaScript)
http://msdn.microsoft.com/ja-jp/library/cc427807.aspx (JScript)
http://msdn.microsoft.com/ja-jp/library/cc409712.aspx (DHTML)
◆ JavaScript Garden (ja)
http://bonsaiden.github.com/JavaScript-Garden/ja/
◆ JSON (JavaScript Object Notation)
http://www.json.org/json-ja.html

■テンプレ案
http://fiddle.jshell.net/fH4cC/180/show/light/

■FAQ
http://fiddle.jshell.net/vSqKr/44/show/light/

**Name_Not_Found** · 2020/05/02(土) 17:11:10.05

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

**Name_Not_Found** · 2020/05/02(土) 17:11:25.65

■FAQ(続き)
◆JavaScriptの実行速度
JavaScriptの速度は「ブラウザ名」「ブラウザのバージョン」「PCスペック」に依存します(ブラウザのバージョン毎に最適化具合が異なります)。
速度の疑問解消の為に http://jsperf.com/ （githubのアカウントが必要です）にコードをUPしてブラウザ毎に速度計測する事を推奨します。

例外として、仕様における理論上の速度が明確になっている場合があります。
例えば、正規表現によるマッチング処理を考えた場合、「RegExp#test > RegExp#exec > String#match」は ES5 仕様で保証（要出典）されています。
ES5 仕様において RegExp#test が最も処理数が少なく、String#match が最も処理数が多いことが明確だからです。
ブラウザによっては RegExp#test の最適化が十分でなく、String#match の最適化が RegExp#test より十分であれば逆転する可能性はありますが、各メソッドの最適化が一律であればこの前提が崩れる事はありません。

■各種仕様
◆ Standard ECMA-262
http://bclary.com/2004/11/07/ (ECMAScript 3 HTML版)
http://www2u.biglobe.ne.jp/~oz-07ams/2002/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://www.ecma-international.org/ecma-262/6.0/ (ECMAScript 6 / ECMAScript 2015)
http://kangax.github.io/compat-table/es5/ (ECMAScript 5 compatibility table)
http://kangax.github.io/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 和訳)

**Name_Not_Found** · 2020/05/02(土) 17:11:41.58

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

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

**Name_Not_Found** · 2020/05/02(土) 17:11:57.43

Q. jQueryはどのバージョンを使えばいいのですか？
A. IE9以上であれば、jQuery 3.0を使用してください。
IE8以下にも対応するならば、jQuery 1.12を使用してください。

補足

jQuery 1.9 までは一系統しかなく、古いブラウザも含めて全て対応していました。
その後、古いブラウザを切り捨てるためにバージョンを分岐させました。
古いブラウザにも対応した1系（1.10、1.11、12）と
古いブラウザを切り捨てた2系（2.0, 2.1, 2.2）です。

1系と2系は対応ブラウザの違いだけで機能は全く一緒です。
機能が同じなのにメジャーバージョンが違っているのが分かりにくい
ということでバージョン番号の付け方を変えることになり、
新たに古いブラウザを切り捨てたjQuery 3.0、そして古いブラウザにも対応した
jQuery Compat 3.0がリリースされる予定でした。

しかしマイクロソフトが古いIEのサポートポリシーを変更し
サポート中であるOSで動く、最新のIEしかサポートしなくなったために、
2016年1月でVista上のIE8のサポートが終了しました。

そのため予定されていたjQuery Compat 3.0がなくなり、
jQueryは3.0に一本化されました。

**Name_Not_Found** · 2020/05/02(土) 17:12:58.95

各JavaScriptライブラリ使用率

https://w3techs.com/technologies/history_overview/javascript_library/all/y

https://w3techs.com/technologies/history_overview/javascript_library/ms/y

**Name_Not_Found** · 2020/05/02(土) 17:20:01.03

適当なリンク集を載せるのはやめようぜ
いくつものリンクが切れてたりするし、勧める本人も確認してないリンクなんていらんだろ

現UIイベントのいろんなバージョンを載せてるのも意味がわからないし
MDNにリダイレクトされるMSDNを載せるのも意味がわからない

それにJavaScript Gardenとかここに来るやつに勧めて大丈夫か？
今となってはJSを歴史的にもES3の段階から学びたいと思うような奴でないと
レガシーすぎてむしろ害になるだろう

**Name_Not_Found** · 2020/05/02(土) 17:24:11.59

続き
>>15
・出典もないし現実に即してない蛇足は要らん
・リンクが切れてる＆古すぎる
>>16
ただ羅列して何の意味がある？
簡単な説明くらいつけろ
>>17
いい加減不要

**Name_Not_Found** · 2020/05/02(土) 20:22:23.93

以前Vueについて質問した者ですが、また初歩的な質問ですみません
たとえば「Welcome」というテキストをポンと表示させるのを
ネイティブだとcreateElement(‘p’)、document.appendChildといった流れで簡単にできるのですが
これをVueでやるのってもしかして難しいことですか？

**Name_Not_Found** · 2020/05/02(土) 20:28:26.13

はい。
jQueryだと $('<p/>', {text: "Welcome"}).appendTo('#id') という
一行で出来ることもVue では難しいです。

**Name_Not_Found** · 2020/05/02(土) 20:57:34.96

いやいや、テキストをポンと表示させると言っても
現実的に考えればどっかのテキストを置き換えるだけではなくて
アニメーションだとか最低でもCSSとの絡みを考えないと行けないし
状態の変化と関連してる場合も多いだろうから実際には１行と言うわけにはいかないし
そういう全体の構造を大きな目で見て整えるのがフレームワークの役目でしょ

**Name_Not_Found** · 2020/05/02(土) 21:45:24.05

言い訳はいいから、さっさと実装書けよ

**Name_Not_Found** · 2020/05/02(土) 21:55:48.80

テンプレートじゃあかんのか？

**Name_Not_Found** · 2020/05/02(土) 22:06:45.01

まず質問する前にちょっとはググって基本的な使い方くらい調べてみたらいいんじゃないか？
https://qiita.com/runes224/items/1372be0cbb5eeef1b51a#vue%E3%81%AE%E5%9F%BA%E6%9C%AC

**Name_Not_Found** · 2020/05/02(土) 22:08:24.25

つうかテンプレートはVueの基本中の基本なのに
以前質問してから今まで何を学んできたんだい？

**Name_Not_Found** · 2020/05/02(土) 22:10:52.77

エア質問者だから何も学んでないよ

**Name_Not_Found** · 2020/05/02(土) 22:11:53.94

レス進んでますが私は>>21以降書き込んでないので勘違いはやめてほしいです
みなさんが当たり前と思ってることが自分の中では当たり前じゃないので
皆さんの何気ないレスポンスも非常に刺激になってます。ありがとう

**Name_Not_Found** · 2020/05/02(土) 22:16:18.58

>>21です。皆さん私の時間を何だと思ってるの？w
皆さんほど私は暇じゃないんで…テンプレート？とか調べる時間ないでしょw
分かったらさっさとVuuでテキスト表示させるコード貼ってろ無能ども

**Name_Not_Found** · 2020/05/02(土) 22:22:16.80

そういうのはVueよりもReactの方が得意としている
Vueは簡素化し過ぎてて基本的なことをやるのに手間がかかるよ

**Name_Not_Found** · 2020/05/02(土) 22:26:44.07

Vueはよう知らんけどappendchild(text.$el)みたいな構文は少し検索すりゃ出てくるぞ

**Name_Not_Found** · 2020/05/02(土) 22:30:07.59

>>32
もしそんな事が書かれてる記事があったら執筆者はエアプとしか言いようがない
どのサイトよ？

**Name_Not_Found** · 2020/05/02(土) 22:36:30.52

>>33
https://qiita.com/hosomichi/items/3faf74b7141081731a75
＞インスタンス生成時のelオプションを省略するとデフォルトでは空のdiv要素がel要素として生成されます。

**Name_Not_Found** · 2020/05/02(土) 22:38:33.15

あとjQuery使う方法もでてくる
https://qiita.com/s_yasunaga/items/05e56fad4631f7bc7fe9

**Name_Not_Found** · 2020/05/02(土) 22:40:43.87

>>30
お前ただのVueアンチだろ

**Name_Not_Found** · 2020/05/02(土) 22:42:14.92

>>34-35
マジで頭痛くなるようなポンコツ記事だな
運良く動いてるだけ

**Name_Not_Found** · 2020/05/02(土) 22:43:02.33

伸びてると思ったらVueか
だからReactにしとけと

**Name_Not_Found** · 2020/05/02(土) 22:45:24.11

>>31
？？？

**Name_Not_Found** · 2020/05/02(土) 22:49:03.27

>>39
？

**Name_Not_Found** · 2020/05/02(土) 22:51:50.03

>>37
言うほどかね
jQueryと組み合わせるのは理に適ってると思うが

**Name_Not_Found** · 2020/05/02(土) 23:07:00.49

jQueryだとこれだけ $('<p/>', {text: "Welcome"}).appendTo('#id')
それと同等のコードを出すだけで、このように荒れるわけですｗ

**Name_Not_Found** · 2020/05/02(土) 23:16:33.43

>>21→>>22のレスポンスの速さからして最初からVueをバカにするための目的のマッチポンプでしかないわ。
こんなことでしかReactを持ち上げることができないのか

**Name_Not_Found** · 2020/05/02(土) 23:34:24.34

>>43
>>21ですが、本当に自分は関係ないです。そうとしか言えません、すみません

**Name_Not_Found** · 2020/05/02(土) 23:38:45.40

>>43
いやさ、Vueがバカにされてる！悔しい！って書き込みじゃなくて
なんでVueの良さを伝える書き込みをしないの？

**Name_Not_Found** · 2020/05/02(土) 23:39:09.03

JQNが素のDOM APIと戦うのは分が悪いと判断して矛先を変えてきたか
こりゃ面白くなりそうだ

**Name_Not_Found** · 2020/05/02(土) 23:40:38.04

>>45
ここは自ら学ぶためのスレ
コード制作依頼板でも無ければ
推しメン紹介板でも無い
勘違いするな

**Name_Not_Found** · 2020/05/02(土) 23:43:47.61

>>44
謝らなくていいから君は基本くらい勉強してきなよ
赤ちゃんじゃないんだからさ
君が隙だらけのレスをするから悪意のある第三者だか裏の人格だかに良いようにされるんでしょ

**Name_Not_Found** · 2020/05/02(土) 23:53:51.69

>>48
ありがとうございます！
Vueでやるにはテンプレートが必要なのは分かりました
<body></body>の何もない所にポンと表示させるのは難しいということでしょうか
なるべくHTMLを触りたくないもので、すみません

**Name_Not_Found** · 2020/05/02(土) 23:56:56.21

なるべくHTMLを触りたくないのならフルCanvasでやればいいよ
何もない所、どこでも好きな位置にポンと表示させられるから

**Name_Not_Found** · 2020/05/02(土) 23:57:43.82

いくらidが無いスレとは言え勘違いしたなら一言詫びを入れるのが常識。

**Name_Not_Found** · 2020/05/03(日) 00:01:00.71

分かったから、主人格に変わろうな

**Name_Not_Found** · 2020/05/03(日) 00:01:19.50

なんか噛み合ってないスレだな

**Name_Not_Found** · 2020/05/03(日) 00:03:26.04

大前提としていくらGWとは言えこんな時間にここでお間抜けな質問と解答をしてる奴らは皆まともじゃない

**Name_Not_Found** · 2020/05/03(日) 00:09:20.55

ついに糖質まで現れる始末

**Name_Not_Found** · 2020/05/03(日) 00:11:15.23

一人芝居を披露してくれるのはスレが活気づくからいいんだけど
質問はショボいし煽りもセンスないからクオリティをもうちょっと上げて欲しい
賢いんでしょ？頑張りなよ

**Name_Not_Found** · 2020/05/03(日) 00:28:15.57

何をイライラしてるの

**Name_Not_Found** · 2020/05/03(日) 00:30:34.38

いやあこの手の人は割とネタ抜きに自分以外が同一人物だと思ってるらしいからなぁ

**Name_Not_Found** · 2020/05/03(日) 00:35:10.08

・質問内容は具体的に。言葉だけでなく、出来る限り再現性を確認したサンプルコードの掲示。
・質問への「答え」から解離した議論はよそでやること。

**Name_Not_Found** · 2020/05/03(日) 00:52:53.70

端から見てるとjs開発者民度低いなあ
気に入らない質問はスルーするより煽るか説教するのに夢中になる傾向
まあ質問者も然りだが

**Name_Not_Found** · 2020/05/03(日) 01:04:10.36

たにぐちまことのYouTube 動画に、
jQuery, Vue.js, React もある

$el, $refs は一時的に、実DOM を更新するだけ。
仮想DOM に影響を与えないから、仮想DOM を更新すると取り消される

**Name_Not_Found** · 2020/05/03(日) 01:19:04.17

Object.observe()の頓挫がフレームワークを沼にしたんだよなぁ
はっきり言ってjavascriptの範疇で語るのが間違い

**Name_Not_Found** · 2020/05/03(日) 01:24:54.11

>>7
document.write は一旦、現存するすべてのDOM を削除してから、追加するものでは？

**Name_Not_Found** · 2020/05/03(日) 02:11:48.85

vue.js って後からコンポーネントのロードとかできんの？
一通り日本語ドキュメント読んでみたんだけど出来なさそうなんだよなぁ。

例えばテンプレートのHTMLとかコンポーネントのソースは全部独立した別ファイルにしておいて、
あるボタンをクリックしたら必要なテンプレートとコンポーネントのファイルを読み込んで、
ノードもその時その時でDOMに追加してコンポーネントをインスタンス化するみたいな動き。

どうも new Vue({...}) ってやる前に必要なコンポーネントは使う使わないに関係なく全部読み込んでおかなきゃいけなくて、
コンポーネントの配置元になるバーチャルノードも最初から記述しておかないと機能しないっぽいんだけど、
俺の理解不足？

描画を100%JavaScriptに任せたくて、body タグは空の状態から始めたいんだけどいきなり躓いてる。。。
こういうのって vue.js じゃなくて Angular.js でやるべきなのかな？

**Name_Not_Found** · 2020/05/03(日) 02:37:57.52

>>64
>>59

**Name_Not_Found** · 2020/05/03(日) 02:52:18.29

JavaScriptのフレームワークって時点で休み時間に机にうっ伏して妄想してる根暗みたいなもんだから
それを話題にするせいで皆んなの心が荒むのも仕方ないし、海外のフォーラムでも同じ現象が起きてる

**Name_Not_Found** · 2020/05/03(日) 02:58:29.04

例えが悪かったな
底辺なろう作家がワンピースのストーリーを「俺が考えた方が100倍面白い」って語るのと同じ

**Name_Not_Found** · 2020/05/03(日) 04:21:29.36

フレームワークがどうとかではなく、感覚的なイメージをgdgdと日本語で説明するだけの質問だから、明確な解が出てこないんだろ
この程度の質問なら、「そんなことはない」とか、抽象的な回答がお似合いだ

**Name_Not_Found** · 2020/05/03(日) 08:58:27.08

描画関数なら、あるかも。
仮想DOM の知識がいる

is で、コンポーネントの切り替えとか、
v-if="show" で、破棄・生成とか、
keep-alive とか

**Name_Not_Found** · 2020/05/03(日) 10:35:41.09

>>68
なんか違う気がする

**Name_Not_Found** · 2020/05/03(日) 11:15:49.88

>>70
そういう感覚的なレスだよ

**Name_Not_Found** · 2020/05/03(日) 11:17:12.02

>>71
鏡見ろって話

**Name_Not_Found** · 2020/05/03(日) 11:21:06.96

>>72
俺質問してない

**Name_Not_Found** · 2020/05/03(日) 11:26:03.29

「Vueでできるのか/できないのか」の質問なんだから「できない」で終わってんだろ

**Name_Not_Found** · 2020/05/03(日) 11:43:10.51

自分が傷つくのが嫌なら悪態つかずに大人しくしとけってことだな

**Name_Not_Found** · 2020/05/03(日) 11:51:53.75

脱フレームワーク

**Name_Not_Found** · 2020/05/03(日) 11:53:14.15

抽象的に質問には抽象的な回答がつく
それだけ

**Name_Not_Found** · 2020/05/03(日) 11:55:50.99

それで終了だな
>>68もこれ以上暴れんなよ

**Name_Not_Found** · 2020/05/03(日) 12:00:04.11

>>78
まじで殺すぞ

**Name_Not_Found** · 2020/05/03(日) 12:45:51.94

>>62
今はproxyとasync関数があるから大丈夫でしょ
もともとO.oでもDOMの変化だったり内部スロットの変化は追えないのだから

**Name_Not_Found** · 2020/05/03(日) 12:47:44.65

>>64
ここはJSを自ら学ぶためのスレであって、
フレームワークの使い方を指導するスレではないから
そういった事は他所でやってくれ

**Name_Not_Found** · 2020/05/03(日) 13:18:19.30

Progateとドットインストールでjavascript関連を2ヶ月ほどやりました。
ドットインストールでは有料プランに入って以下のセクションを一通りこなしました。
Javascriptではじめるお手軽プログラミング
webサイトを作れるようになろう
Canvasを使ってみよう
よく見るUIを作ってみよう
そろそろドットインストールは卒業かなと思ってるんですが、
次はどういったことをやっていけば良いでしょうか？

**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の形式とかあったけど今はサポートされていない
今は普通に作ることが推奨されている

**Name_Not_Found** · 2020/05/10(日) 15:18:03.39

>>183
ありがとうございます
pjaxなんて名前があったのですね
一応基本をおさえておきたいので早速ググってみます

**Name_Not_Found** · 2020/05/10(日) 18:45:54.45

>>181
a要素にclickイベントハンドラも付けてpreventDefaultすればページ遷移しない

**Name_Not_Found** · 2020/05/10(日) 19:08:48.05

今やってる書籍のコードで以下のようにブロック内にセミコロン入れてるのが頻繁に出てくるんだけど、
こういう書き方って普通なの？

if(isComing === true){return;}

ドットインストール仕込みの俺の感覚だと、

if(isComing === true){
return;
}

このように書くのが当たり前かと思ってたんだけど。

**Name_Not_Found** · 2020/05/10(日) 19:38:24.48

if (isComing) return;

1行で書く場合は波括弧使わないのが多い印象

**186** · 2020/05/10(日) 21:09:24.53

>>187
あ、それもよく見かける。

**Name_Not_Found** · 2020/05/10(日) 21:36:37.50

基本的にセミコロンが不要

**Name_Not_Found** · 2020/05/10(日) 22:16:21.41

セミコロン絶対つける派と不要派の宗教戦争やりたいなら他所でやろうね

**Name_Not_Found** · 2020/05/10(日) 23:15:54.52

>ブロック内にセミコロン入れてるのが頻繁に出てくるんだけど
>>186の下もはいっとるやんけ、1行に違和感感じたってことか？
JSがメインって人はそんないないし
そのへん普段使いの言語や勝手にコード整形するIDEが何かで感覚は変わる
郷に入れば郷に従いたいというなら標準的なコーディング規約に従えばいいよ
JSの場合は何かな？
JavaScript Standard Styleはセミコロンが禁止になってるけど
Google JavaScript Styleは常に必要となっている

**Name_Not_Found** · 2020/05/10(日) 23:35:29.04

>>29
勘違いが嫌なら>>1のルールを守りましょう
他人があなたを詐称することが不可能似なります

**Name_Not_Found** · 2020/05/10(日) 23:50:23.13

>>190
意見の出し合いを宗教戦争だと決めつけるだけの発言しかしない君が他所へ行った方がスレの利益になると思うよ

**Name_Not_Found** · 2020/05/11(月) 04:53:51.64

>>186
「ブロック内」ってどこを指してるの？
普通は{}の中をブロックとするけど、どちらもセミコロン入ってるじゃんｗ

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

>>186
1行で書いてる事を指してるなら、それはブロックとは言わない

**Name_Not_Found** · 2020/05/11(月) 06:29:37.45

行の最後でないと気持ち悪いってことでしょ

**Name_Not_Found** · 2020/05/11(月) 12:28:45.57

>>195
そんな馬鹿な
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Statements/block

**Name_Not_Found** · 2020/05/11(月) 12:36:59.70

まあ普通はこう書くよね
if (isComing === true) {
return;
}

もしくはこう。
if (isComing === true) return;

**Name_Not_Found** · 2020/05/11(月) 13:12:50.81

186の書いてることが矛盾してる時点でこれ以上の議論は無意味

**Name_Not_Found** · 2020/05/11(月) 13:52:01.98

>>199
どこが矛盾してんの？
ブロック内のセミコロンって
{return;}のことじゃないんか？