のくす牧場
コンテンツ
牧場内検索
カウンタ
総計:127,490,831人
昨日:no data人
今日:
最近の注目
人気の最安値情報

私的良スレ書庫

不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitter
ログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。

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

JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニュー
スレッド評価: スレッド評価について
みんなの評価 :
タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。
レスフィルター : (試験中)
←前へ 1 2 3 4 5 6 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitter
101 : Name_Not - 2020/05/04(月) 12:55:01.31 ID:???.net (+47,+29,+0)
浅はかすぎる
102 : Name_Not - 2020/05/04(月) 13:08:50.04 ID:???.net (+66,+28,-37)
>>95
>JavaScriptの常識からすると、イベントハンドラの中のthisは$aだと思うかもしれない

いや、ハンドラのレシーバが$aなわけじゃないんだからそう思う人は少ないだろ。
jQueryが通常のイベントハンドラと同じ動作をするという結論はいいとして。
103 : Name_Not - 2020/05/04(月) 14:41:55.97 ID:???.net (+57,+29,-25)
相変わらず、自己学習意欲のないいい加減な質問者ばかりだな
自ら学ぶスレの名が泣いてる
104 : Name_Not - 2020/05/04(月) 17:35:33 .net (+52,+29,-14)
回答者も学べばいいのに
105 : Name_Not - 2020/05/04(月) 17:49:02 ID:???.net (+162,+30,-93)
質問が抽象的でわからん!とか言う人一定数いるみたいだけど
アスペ的な人なのか、経験が浅くてエスパーできない人かじゃないの
大抵の質問は「あー、あのこと言ってるのね」ってわかると思うけど
回答して仮にそれで質問者に「そうじゃないんです」と言われたところで
客観的にみて知的活動に変わりなくスレにとってはプラスにしかならないでしょ。
それ以降質問者を責め立てるのは、間違ったことを恥ずかしいと思っていて
スレにとって何の得にもならない名誉挽回をしたいからだよな
106 : Name_Not - 2020/05/04(月) 19:00:32 ID:???.net (+75,+30,-53)
>>105
ここは右も左も分からない初学者のオムツを替えてあげるスレでは無いから
自立した自ら学ぶ事ができる人がどうしても行き詰まったときに
具体的に質問してヒントを貰いに来る場所だから
そこんとこ勘違いしないように
107 : Name_Not - 2020/05/04(月) 22:45:08 ID:???.net (+75,+29,-9)
>>105
質問者は努力放棄、回答者だけが努力するスレだと思ってるの?
108 : Name_Not - 2020/05/04(月) 23:02:25 ID:???.net (+130,+30,-151)
別にエスパーしてあげる回答者がいてもいいし
こき下ろす回答者がいてもいいだろ

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

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

むしろそのためにわざわざこんな混沌とした場所に質問しに来てるのだろ
スレがプラスである必要はないし住民にその努力義務は一切無い
質問者が自分にとってプラスのように情報を汲み取ればいい
109 : Name_Not - 2020/05/04(月) 23:08:17 ID:???.net (+20,+29,-18)
>>108
母親から何もしつけられなかったの?
質問者が利益を得るためには、何をやってもいい?
110 : Name_Not - 2020/05/04(月) 23:11:41.63 ID:???.net (+57,+29,-17)
ライオンが崖から落とすような、荒波に揉まれる日本語学習過程を経ている人はそうそういない
111 : Name_Not - 2020/05/04(月) 23:32:01 ID:???.net (+89,+30,-305)
>>109
俺が言いたいのはどんな質問・どんな回答をしても構わない
自由にさせとけということではない

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

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

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

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

JSは自分で考えて自分で正解を見つけていかないといけない言語であるし
単純労働者、悪ければ宿題を抱えた学生よりもWeb技術に深い洞察を持って
将来Webを発展させるかもしれない人物に時間とリソースを割いて親身に教えてあげたいと思うのも自然だろう
112 : Name_Not - 2020/05/04(月) 23:46:00 ID:???.net (+75,+29,-14)
>>108
> 赤ちゃんのときにどうやって日本語を覚えたのかを思い出せ

思い出せない。俺が記憶にある最も古いものは幼稚園の頃の記憶だ
113 : Name_Not - 2020/05/05(火) 01:01:13.17 ID:???.net (+112,+29,-2)
>>105,108,111
意見が分岐しすぎて主張に一貫性がない
114 : Name_Not - 2020/05/05(火) 01:07:46.10 ID:???.net (+54,+20,-1)
>>111
簡潔に
115 : Name_Not - 2020/05/05(火) 02:01:01 ID:???.net (+69,-30,-167)
検索で10件ほど調べたのですがアロー関数のthisが何を指すのか分かりませんでした
通常のJavaScriptのthisは親オブジェクトやbind/callで指定したオブジェクトやnewで生成したオブジェクトを指しますが
アロー関数のthisは必ずwindowオブジェクトを指すわけではないですよね?
116 : Name_Not - 2020/05/05(火) 02:07:27 ID:???.net (+62,+29,-11)
>>115
10件見て分からないなら、それ以前の基礎知識が足りてない
切り分けを覚えろ
117 : Name_Not - 2020/05/05(火) 02:20:09 ID:???.net (+17,-29,-76)
JavaScript のthis は、ネストすると、window を指してしまうので皆困っていた。
bind を使うとか、 that に代入する必要がある

それが、jQuery などでは便利

アローは、レキシカル・構文スコープ
118 : Name_Not - 2020/05/05(火) 02:23:52 ID:???.net (+64,+22,-111)
>>115
アローじゃない関数のthisはわかってんだよね?

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

だから、アロー関数の中でのthisは
そのアロー関数が書かれたスコープのthisがそのまま参照される
120 : 117 - 2020/05/05(火) 03:22:08 ID:???.net (+34,+6,-10)
JavaScript のthis は、ネストすると、window を指してしまうので皆困っていたから、

検索すれば、説明は一杯あると思う
121 : Name_Not - 2020/05/05(火) 07:48:03 ID:???.net (-6,-29,+0)
俺的解釈
this == とりま
122 : Name_Not - 2020/05/05(火) 08:04:24 ID:???.net (+0,-29,-42)
>>117
ネストしたらwindowになるんじゃなくて
DOM APIの仕様による
123 : Name_Not - 2020/05/05(火) 09:45:08.13 ID:???.net (+71,+29,-4)
>>113
それらが同一人物に見えるのならお前病気だぞ
124 : Name_Not - 2020/05/05(火) 10:16:24.64 ID:???.net (+3,-29,-255)
>>119
アロー関数による実行コンテキスト上の環境レコードはthisを持たないし
thisキーワードによるレコードサーチにも引っかからない様になっている
一方アローでないレキシカルな関数コンテキストでは必ず引っかかる
他はグローバルな環境レコードでは必ず引っかかるが、その他の環境レコードでは引っかからない

よってレキシカルな関数の環境レコードをL、アロー関数の環境レコードをAとしたとき、
L内スコープでthisが参照されると引っかかるのはその時の実行コンテキストから辿れる一番近い関数の環境関数レコード、つまりLから必ず探されるが
A内スコープでthisが参照されるとその時の実行コンテキストから辿れる一番近い関数の環境関数レコード、つまりAも引っかからないので
更にその外側から探され、直上のレキシカルな関数の関数レコードかグローバルな関数レコードから探されることになる
125 : Name_Not - 2020/05/05(火) 12:09:33 ID:???.net (+49,+21,-4)
大間違い
レキシカルを全て非レキシカルに読み替えてくれ
126 : Name_Not - 2020/05/05(火) 16:31:13.27 ID:???.net (+11,-16,-6)
非レキシカルの中に含まれるレキシカルも
非レキシカルに読み替えてくれ
127 : Name_Not - 2020/05/05(火) 17:06:36.94 ID:???.net (+2,-25,-9)
非レキシカルの中に含まれるレキシカルに含まれるレキシカルも
非レキシカルに読み替えてくれ
128 : Name_Not - 2020/05/05(火) 17:57:26.32 ID:???.net (+57,+29,-9)
慣れない言葉使って長文書くなって教訓だな
129 : Name_Not - 2020/05/05(火) 18:20:56.20 ID:???.net (+52,+29,-2)
長文ドヤ顔マン嫌い
130 : Name_Not - 2020/05/05(火) 20:39:27.83 ID:???.net (+6,-11,+0)
このスレくっさ
132 : Name_Not - 2020/05/06(水) 10:51:32.83 ID:???.net (+57,+29,-8)
何のために勉強して何ができるようになりたいの?
133 : Name_Not - 2020/05/06(水) 10:54:21.08 ID:???.net (+57,+29,-5)
わからないままおわる そんなのはいやだ!
134 : Name_Not - 2020/05/06(水) 11:00:41.40 ID:o0peJ+ai.net (+16,+29,-28)
サークルの在庫管理システムを作りたいんです、とりあえずそれが目標であとは勉強しておいたら損は無いかと
136 : Name_Not - 2020/05/06(水) 11:25:34.67 ID:???.net (+13,-29,-104)
>>131
Google の開発者も読むのは、表紙にサイが描いてある、いわゆるサイ本

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

今のサイ本は、
初めてのJavaScript 第3版 ――ES2015以降の最新ウェブ開発、オライリー、2017
137 : Name_Not - 2020/05/06(水) 11:33:32.28 ID:???.net (+47,+29,-13)
ダサイタマ本
138 : Name_Not - 2020/05/06(水) 11:53:44 ID:???.net (+65,+30,-127)
>>134
だったらそんなに長く基礎的な勉強をしていくってわけにもいかないだろうし
Pythonかjavaをバックエンドに、GUI画面をWebで作りたいってことだろうから
サイ本でじっくり勉強するっていうのはあってないかもね
サイ本っていうのはJSに仕様の隅々まで解説するやり込み向けのいわゆる「攻略本」だから

2言語が使えるって言うならとりあえずMDNのJSの再入門でも読めば
JSがどんな言語が薄っすら掴めるはずだから
あとは適当なフレームワーク本買って、物を作った後にサイ本でも読むのが良いかもね
139 : Name_Not - 2020/05/06(水) 12:05:19 ID:???.net (+55,+27,-30)
つかJSいらなくね
formさえ用意すればいいじゃん
あとはデータからHTMLの組み立てを
pythonでやるかJSでやるかってくらいじゃん
140 : Name_Not - 2020/05/06(水) 13:06:02 ID:AP30zr3P.net (+14,+29,-1)
えらそーに
141 : Name_Not - 2020/05/06(水) 13:25:18 ID:???.net (+57,+29,-11)
バックエンドで完結させてからjsに手を出せ
順序が違う
142 : 135 - 2020/05/06(水) 14:00:38 ID:jD6hkh5K.net (-29,+29,-21)
>>135
に書いてあるけど、たにぐちまことのライブ、始まった!

4時まで!
143 : Name_Not - 2020/05/06(水) 23:09:47 ID:???.net (+77,+30,-73)
PythonもJavaも初級レベルならJavaScriptでいきなりフロント作ろうなんて辞めとけ
造り手が知識も経験もないんだから、在庫管理程度ならスプレッドシート共有でまず始めること

土台のバックエンド、フロントエンドのスキルが身についてから作成したほうが利用する周りの人たちにも迷惑かからんで良いと思う
144 : Name_Not - 2020/05/07(Thu) 01:16:07 ID:???.net (+3,-30,+0)
画像の読み込みに関する某書籍のサンプルコードについて質問です。

 //ページのロードが完了した時に発火するイベント
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)
}
145 : Name_Not - 2020/05/07(Thu) 01:16:14 ID:???.net (+9,-30,-101)
(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”>となるのでしょうか?
146 : Name_Not - 2020/05/07(Thu) 05:58:13 ID:kCVkhjBj.net (+29,+28,+0)
>>143
分かった…
147 : Name_Not - 2020/05/07(木) 09:29:38.11 ID:???.net (+3,-30,-54)
Image()
http://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">
148 : 136 - 2020/05/07(木) 09:52:00.52 ID:???.net (-5,-30,-188)
>>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)が、無料で読める
150 : Name_Not - 2020/05/07(Thu) 12:12:06 ID:???.net (+40,-29,-114)
>>145
オブジェクトをconsole.logした場合その時点でスナップショットを取ってるわけではなく変数に代入するのと同じで参照を保持するだけ
ブラウザのコンソールは非同期動作なのでconsole.log直後に対象オブジェクトを操作すると実際に表示する時には中身が変わってる事がある
(2)の所にブレークポイントを設定しておけば<img>と表示される
←前へ 1 2 3 4 5 6 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
スレッド評価: スレッド評価について
みんなの評価 :
タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。

類似してるかもしれないスレッド


トップメニューへ / →のくす牧場書庫について