Skip to main content

すべての質問

でタグ付けされた
絞り込み
並べ替え
タグ付けされた
0
2 回答
216 閲覧数

Promiseチェーンの仕様が理解できません

JavaScriptの非同期処理、Promiseを学習しています。 Promise構文において、thenメソッドの返り値は新しいPromiseインスタンスというところまでは理解できました。しかしその点を知ったことで、かえってわからなくなってしまったことがあります。 resolvePromise = new Promise((resolve)=>{ resolve('成功'); }) ...
3chord3code's user avatar
0
2 回答
83 閲覧数

asyncと値の受け取りについてわかりません

JavaScriptのAsync、Awaitについて解説している記事で以下のようなサンプルコードを見かけました。 Async/await の冒頭部分 async function f() { return 1; } f().then(alert); // 1 これが以下のコードであれば「1」が表示されることが理解できます。 async function f() { return 1; ...
3chord3code's user avatar
0
2 回答
239 閲覧数

JavaScriptではコールバック関数はすべて非同期処理になるのか?

JavaScriptの非同期処理についての質問です。 技術書や各々の解説ブログでは「コールバック関数は非同期処理」であると書かれています。 そこで以下のコードを実行してみたところ、自分のイメージしていた通りの結果になりませんでした。 function a(callback) { console.log('a'); callback(); console.log('finish'); } ...
3chord3code's user avatar
0
1 回答
3,258 閲覧数

JavaScriptでawaitが効かない。

下記のコードで Promiseの結果が取得され出力される事を予想していたのですが実際には Promise { <pending> } が表示されます。 await stripe.paymentIntents.create({ となっているので変数 paymentIntent にはPromiseで待った後の値が取れるような気がしたのですが、これは ...
wataru's user avatar
  • 1,133
1
1 回答
1,363 閲覧数

JavaScriptのテストですべての分岐をPASSしているのにカバレッジが100%にならない

下図(図1)のソースコードを3つのテストメソッドからなるテストスイートでカバレッジを取ったところ図1のように漏れがありました。1番目のテストケースを単体で実行してもカバレッジは図1のようになります。 図1: カバレッジに漏れがあるソースコード しかし、2番目のテストケースを単体で実行するとカバレッジは下図(図2)のようになります。 図2: 2番目のテストケース単体でのカバレッジ また、...
MorningMushroom's user avatar
0
1 回答
261 閲覧数

JavaScriptのPromis.allをforEachで使用したい。

下記のように並列で関数を実行したいのですが、エラーになります。 map()を使用すればエラーは取れるのですが、戻り値を必要としないので forEach のような構文が適している思うのですが、別の書方等ないでしょうか? 宜しくお願いします。 await Promise.all(articles.forEach((article) => { post(article) }))
wataru's user avatar
  • 1,133
0
1 回答
212 閲覧数

JavaScriptで画像がロードされる前にプログラムが走り、上手く処理出来ない。

新しく質問を立てた方が良いと言われたので前回の質問の続きになります。 JavaScriptのcolor-thiesというライブラリーを使用してプログラムがimgタグのsrcを書き換えたタイミングでライブラリーを実行したいのですが、書き換わる前に処理が実行されてしまうため上手く画像の色を取得出来ません。 前回の回答者様は画像にloadイベントを持たせると良いと話されていたのですが、...
wataru's user avatar
  • 1,133
0
1 回答
2,759 閲覧数

Javascriptで非同期関数をクラスメソッドに定義したい。

下記の非同期で書かれたコードをクラスのメソッドとして定義したいのですが、上手くいきません。どのようにコードを書いたら良いでしょうか? asyncを使用した関数はクラスメソッドに定義出来ないようなのでラップしたら上手く行くと思ったのですが this.wait(num) 推奨しない書き方と注意が入るのと、実行しても何も出力されません。予定では 0,1が出力されます。 詳しい方、助けて下さいお願いします。...
wataru's user avatar
  • 1,133
1
0 回答
419 閲覧数

Vue.js でFirestoreからMessagesコレクションを取り出すときにソートしたい

FirebaseのCloud Firestoreを用いて、リアルタイムに反映される簡単なチャットアプリをVue.jsで実装したいと思っています。 Firestoreにはusersコレクションとmessagesコレクションがあり、それぞれのドキュメントには {name: 名前, photoURL: プロフィール画像url}, {userID: 投稿したuserドキュメントのID, message: ...
ねむいぬ's user avatar
1
1 回答
281 閲覧数

fetchメソッドで通信エラー時の処理を正しく実装するための方法を教えてください

いつもお世話になっています。 下記の質問についてご存知の方がいらっしゃいましたらご教示を願います。 【質問の主旨】 GitHubに公開しているfetch_catch.htmlを表示して「現在日時」と言うボタンを押すと、"Error: undefined"と言うメッセージがポップアップされます。本来はscripts/fetch_catch.jsの7行目に記述したとおり、「...
echizenya_yota's user avatar
1
0 回答
2,122 閲覧数

fetchメソッドのエラー処理で"Unchecked runtime.lastError: The message port closed before a response was received."が表示させないようにする方法を教えてください

いつもお世話になっています。 下記の質問についてご存知の方がいらっしゃいましたらご教示を願います。 【質問の主旨】 GitHubに公開しているfetch_catch.htmlを実行すると、コンソール画面に下記のエラーが表示されます。エラーが表示されないようにするためにはどうすれば良いでしょうか? Unchecked runtime.lastError: The message port ...
echizenya_yota's user avatar
2
2 回答
288 閲覧数

ajaxの非同期通信時にUnable to autoload constant ControllerとUncaught SyntaxError: Unexpected token . , compile errorのエラーが発生する

初めての質問です! ruby on railsで現在製作中の投稿型アプリケーションの投稿機能に、ajaxで非同期通信を適用させようとしています。 createアクションにrespond_toを使って、json形式でデータをとり、ajaxでデータを返すという具合です。 ところが、いざ実装してみると一つのエラーを抜け出せず、投稿がままならない状態です。 エラー内容は、 Unable to ...
kanta numa's user avatar
1
1 回答
126 閲覧数

どの部分が前回の非同期通信なのか

下記の引用は、ブレイクスルーjavascript初版96頁に記述されているものを一部抜粋したものです。 〇Promise/Deferredを使った非同期通信 javascriptにおける非同期通信は、昨今のwebアプリケーションの進化を大きくけん引してきたといっても過言ではありません。しかし、その便利さとは裏腹に、...
aaaaaaaa's user avatar
3
2 回答
3,387 閲覧数

JavaScript(jQuery)でkeydown,keyup等のイベントで重い処理をするときsetTimeoutすべき?

以下のような処理があったとき、重い処理はsetTimeoutで処理すべきでしょうか? $(document).bind("keydown keyup",function(e){ if (e.type === "keydown"){ ... //重い処理 } if (e.type === "keyup"){ ... //別の処理 } }...
tomorin's user avatar
  • 653