非同期処理プログラムの提出 by miyanew · Pull Request #3 · miyanew/js-practices

miyanew · 2025-01-06T15:31:09Z

お手数ですがレビューよろしくお願い致します🙏

cafedomancer · 2025-01-07T13:42:55Z

順番を管理する必要があるならしょうがないですが、必要がないならファイル名に prefix を付けるのはやめたほうがよいと思います。c1 が何を指しているのかもよく分からないです。

承知しました！

cafedomancer · 2025-01-07T13:44:58Z

+  `CREATE TABLE books (
+    id INTEGER PRIMARY KEY AUTOINCREMENT,
+    title TEXT NOT NULL UNIQUE
+  )`,


複数行のテンプレート文字列でインデントすると、以下のようにインデント分も空白として含まれてしまいますよ。

CREATE TABLE books ( id INTEGER PRIMARY KEY AUTOINCREMENT, title TEXT NOT NULL UNIQUE )

余計な空白を含ませないようにSQLを1行で書くように修正しました！

cafedomancer · 2025-01-07T13:45:46Z

+    bookTitles.forEach((title) => {
+      db.run("INSERT INTO books (title) VALUES (?)", [title], () => {
+        console.log(`ADD TITLE: ${title}`);
+
+        db.get("SELECT * FROM books WHERE title = ?", [title], (_, book) => {
+          console.log(`GET TITLE: ${book.title}, ID: ${book.id}`);
+          index++;
+
+          if (index >= bookTitles.length) {
+            db.run("DROP TABLE books", () => {
+              db.close();
+            });
+          }
+        });
+      });
+    });


コールバックベースの非同期処理は、ループと組み合わせてその実行順を制御することはできないです。

コメントありがとうございます。なるほど、これがコールバック形式の問題点なのですね！

ループ処理を除外しました！

cafedomancer · 2025-01-07T13:46:25Z

ファイル名は名詞形になるようにしてください。文のように見えます。

修正しました！

cafedomancer · 2025-01-07T13:47:16Z

+
+    bookTitles.forEach((title) => {
+      db.run("INSERT INTO books (title) VALUES (?)", [title], () => {
+        console.log(`ADD TITLE: ${title}`);


自動採番された ID を出力してください。

修正しました！

cafedomancer · 2025-01-07T13:48:00Z

+
+    bookTitles.forEach((title) => {
+      db.run("INSERT INTO books (title) VALUES (?)", [title], () => {
+        console.log(`ADD TITLE: ${title}`);


エラーメッセージを標準エラー出力に出力してください。

実装漏れ失礼しました🙇‍♂️
標準エラー出力の処理を追加しました。

cafedomancer · 2025-01-07T13:48:04Z

+        console.log(`ADD TITLE: ${title}`);
+
+        db.get("SELECT * FROM books WHERE title = ?", [title], (_, book) => {
+          console.log(`GET TITLE: ${book.title}, ID: ${book.id}`);


エラーメッセージを標準エラー出力に出力してください。

実装漏れ失礼しました🙇‍♂️
標準エラー出力の処理を追加しました。

cafedomancer · 2025-01-09T14:27:15Z

+    bookTitles.forEach((title) => {
+      promise = promise
+        .then(() =>
+          run(db, "INSERT INTO books (title) VALUES (?)", [title]).then(
+            (result) => {
+              console.log(`ADD TITLE: ${title}, ID: ${result.lastID}`);
+            },
+          ),
+        )
+        .then(() =>
+          get(db, "SELECT * FROM books WHERE title = ?", [title]).then(
+            (book) => {
+              console.log(`GET TITLE: ${book.title}, ID: ${book.id}`);
+            },
+          ),
+        );
+    });


Promise の実行順もループでは制御できませんよ。

ご指摘ありがとうございます。

forEachのインデックスで起動順は保証されるが、待機しないので結果が返ってくる順序の制御できない

今回の実行結果は毎回同じ順序になるのですが、それは処理時間にばらつきがでない処理だからだった

と理解しました。齟齬あればご指摘お願い致します

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

forEach()同期関数を想定しており、Promise を待機しません。

「制御できない」の具体的な中身はそうですが、今回に限ってはもっと簡単な話で、「前の処理が終わってから次の処理を行う必要がある」というだけのことです。

cafedomancer · 2025-01-09T14:27:37Z

+    return promise;
+  })
+  .then(() => run(db, "DROP TABLE books"))
+  .then(() => db.close());


close が Promise として扱えるようになっていないです。

今回のコードだと後続処理がないので問題はないかと思いますが、後続処理がある場合もよくあるという意図かと解釈しました。齟齬あればご指摘をお願い致します。

db.closeをPromise化するヘルパー関数 close を追加しました。

それはそうですが、コールバックの項目で使った node-sqlite3 の関数を Promise の形式で扱えるようにする、というのがそもそもの要件です。

cafedomancer · 2025-01-09T14:28:15Z

@@ -0,0 +1,23 @@
+export const run = (db, sql, params = []) => {


質問ですが、params にデフォルト引数を設定しているのはなぜですか？

申し訳ありません。意図はなく確認漏れでした💦
不要なデフォルト値と思いますので削除しました。

意図なく設定していることはないと思うのですが...。なぜ設定していたのかと、なぜ削除していいのかをコメントしてほしいです。なぜ設定していたのかが本当にないのであれば、それはコメントしなくてもよいですが、それはそれで進め方がまずいと思います。自分で書いたコードのいずれの部分についても理由が説明できる状態でないといけません。でないと、コードの要不要が適切に判断できなくなってしまうし、コードを後から変更することになっても現状どうしてこのようなコードになっているのか・変更してよいのかどうかの判断がつかなくなってしまうからです。

書いたコードのすべてを説明できる状態ではなかったです。申し訳ございません🙇‍♂️
デフォルト引数は、以下のAPIガイドをみてrunメソッドの引数の挙動を確認していたときのコードの名残りでした。（デフォルト引数をいじる必要はなかったのですが..）
https://github.com/TryGhost/node-sqlite3/wiki/API#runsql--param---callback

削除理由は、動作確認結果が期待通りの出力だったためです。（FBC内の方へキャプチャは貼っています）

改めてAPIガイドを読み返したところ、以下のように書かれていました🤔

コールバックを3番目のパラメータとして保持したい場合は、問題#116に従って、パラメータを「[]」（空の配列）に設定する必要があります

リンク先のIssueのエラーは.then(() => run(db, "DROP TABLE books", null)) とすれば再現し、undefined では発生しないことを確認できました。

今回の実装ではnullがセットされることはありませんので、現状のままでよいと考えます。
もし、ヘルパー関数 run に const safeParams = params === null ? [] : params; を追記するような修正をした方がよければコメントお願い致します

cafedomancer · 2025-01-10T22:38:01Z

+  .then(() =>
+    run(db, "INSERT INTO books (title) VALUES (?)", [bookTitle]).then(
+      (result) => {
+        console.log(`ADD TITLE: ${bookTitle}, ID: ${result.lastID}`);
+      },
+    ),
+  )


コールバックでネストが深くなる問題を解消するために Promise を導入しているのに、その Promise でネストが発生してしまっているのはおかしいですね。

ネストが深くならないように修正しました！

cafedomancer · 2025-01-10T22:40:51Z

+    bookTitles.forEach((title) => {
+      promise = promise
+        .then(() =>
+          run(db, "INSERT INTO books (title) VALUES (?)", [title]).then(
+            (result) => {
+              console.log(`ADD TITLE: ${title}, ID: ${result.lastID}`);
+            },
+          ),
+        )
+        .then(() =>
+          get(db, "SELECT * FROM books WHERE title = ?", [title]).then(
+            (book) => {
+              console.log(`GET TITLE: ${book.title}, ID: ${book.id}`);
+            },
+          ),
+        );
+    });


「制御できない」の具体的な中身はそうですが、今回に限ってはもっと簡単な話で、「前の処理が終わってから次の処理を行う必要がある」というだけのことです。

cafedomancer · 2025-01-10T22:42:10Z

+    return promise;
+  })
+  .then(() => run(db, "DROP TABLE books"))
+  .then(() => db.close());


それはそうですが、コールバックの項目で使った node-sqlite3 の関数を Promise の形式で扱えるようにする、というのがそもそもの要件です。

cafedomancer · 2025-01-10T22:45:29Z

@@ -0,0 +1,23 @@
+export const run = (db, sql, params = []) => {


意図なく設定していることはないと思うのですが...。なぜ設定していたのかと、なぜ削除していいのかをコメントしてほしいです。なぜ設定していたのかが本当にないのであれば、それはコメントしなくてもよいですが、それはそれで進め方がまずいと思います。自分で書いたコードのいずれの部分についても理由が説明できる状態でないといけません。でないと、コードの要不要が適切に判断できなくなってしまうし、コードを後から変更することになっても現状どうしてこのようなコードになっているのか・変更してよいのかどうかの判断がつかなくなってしまうからです。

cafedomancer · 2025-01-11T22:51:41Z

+  .then((book) => {
+    console.log(`GET TITLE: ${book.title}, ID: ${book.id}`);
+    run(db, "DROP TABLE books");
+  })
+  .then(() => close(db));


この書き方では DROP TABLE ... の実行を待たずに close の処理に進んでしまいます。なぜかは自分で考えてみてください。

ご指摘ありがとうございます。文法の理解があやふやでした💦
上記のように短縮形を使わない場合、return しないと run(db, "DROP .. が戻すPromiseを次のthenに渡せていないから待機できてないと考えます。

return を追記しました！

https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Using_promises#%E9%80%A3%E9%8E%96

コールバック関数から処理結果を返すのを忘れないでください。さもないと後続のコールバック関数からその処理結果を利用することができなくなります（アロー関数を使った () => x は () => { return x; } の短縮形です）

cafedomancer · 2025-01-11T22:52:32Z

+  .then(() => {
+    return get(db, "SELECT * FROM NotExistTable WHERE title = ?", [bookTitle]);
+  })


ここだけアロー関数の簡潔文体が使われていないです。

修正しました！

2点、質問させてください🙏

1.文体の使い分けについて、
MDN Web docs: アロー関数式をみたのですが使い分けには特に言及がなく..

console.log() やconsole.error() も1行なので簡潔文体で書けるかと思います。
戻り値がない式文の場合、どちらでもよく（簡潔文体orブロック文体)
戻り値がある式文の場合、簡潔文体にするという使い分けでしょうか?

2.promise_error.js の待機制御について
console.log() やconsole.error() はPromiseを返さない（undefined）なので、後続処理(SELECT、DROP)が待機せず実行されているかと思います。
が、INSERT → SELECT → DROP の実行順を制御できている（console...を待つ必要がない）から問題なしという理解でよいですか？

1.文体の使い分けについて、 MDN Web docs: アロー関数式をみたのですが使い分けには特に言及がなく..

console.log() やconsole.error() も1行なので簡潔文体で書けるかと思います。戻り値がない式文の場合、どちらでもよく（簡潔文体orブロック文体) 戻り値がある式文の場合、簡潔文体にするという使い分けでしょうか?

違います。アロー関数の中身の処理が 1 行しかなく、かつその実行結果を return したい場合に簡潔文体を使います。アロー関数で return する必要がない場合はブロック文体を使います。理由は、アロー関数が戻り値を持つかどうかを明確にするためです。式文に戻り値があっても、アロー関数の戻り値としてそれを return しない可能性もあるのだから、式文に戻り値があるかどうかだけでは決められないです。

2.promise_error.js の待機制御について console.log() やconsole.error() はPromiseを返さない（undefined）なので、後続処理(SELECT、DROP)が待機せず実行されているかと思います。が、INSERT → SELECT → DROP の実行順を制御できている（console...を待つ必要がない）から問題なしという理解でよいですか？

console.log や console.error は非同期処理ではなく同期処理です。なので、質問自体が成り立っていないです。

ご説明いただきありがとうございます。

について、戻り値をもつかどうかで指摘の有無があったのですね、承知いたしました！

について、同期処理と非同期処理を判別できてなかったです、失礼しました。

cafedomancer · 2025-01-12T13:25:49Z

+const bookTitles = ["booktitle_01", "booktitle_02", "booktitle_03"];
+const db = new sqlite3.Database(":memory:");
+
+const main = async () => {


async 関数を定義するのではなく Top-level await を使ってください。

修正しました！

cafedomancer · 2025-01-12T13:26:38Z

+  await run(db, "DROP TABLE books");
+  await close(db);


他の処理間には空行があるのにここだけないです。

承知しました！

cafedomancer · 2025-01-12T13:27:01Z

+      ]);
+      console.log(`ADD TITLE: ${title}, ID: ${result.lastID}`);
+    } catch (err) {
+      if (err.code === "SQLITE_CONSTRAINT") {


err にプロパティアクセスできない値が入っていると err.code の部分でエラーが起きます。また、エラーでない以下のようなオブジェクトが捕捉された場合にもこの条件が満たされてしまいます。

try { throw { code: "SQLITE_CONSTRAINT" } } catch (...) { ... }

throw { code: ... を console.log の下に追加してcatch内でフックされること確認しました💦
（JSはErrorオブジェクト以外もthrowできるんですね..📝）

if文に&条件を追加しました！

codeプロパティを持つこと > "code" in err

Errorオブジェクトであること > instanceof

cafedomancer · 2025-01-24T14:36:27Z

+for (const title of bookTitles) {
+  const result = await run(db, "INSERT INTO books (title) VALUES (?)", [title]);
+  console.log(`ADD TITLE: ${title}, ID: ${result.lastID}`);
+
+  const book = await get(db, "SELECT * FROM books WHERE title = ?", [title]);
+  console.log(`GET TITLE: ${book.title}, ID: ${book.id}`);
+}


コールバックや Promise のプログラムと処理内容が異なっています。前のプログラムを順に書き換えていく課題なので、処理内容はプログラム間で統一してください。

処理内容を統一しました！

cafedomancer · 2025-01-24T14:36:56Z

+  } catch (err) {
+    if (
+      err instanceof Error &&
+      "code" in err &&


質問ですが、"code" in err のチェックは何のために必要なんでしょうか？

codeプロパティがない場合に例外が発生すると思い、それを防ぐ意図で書いた処理でした

が、例外にはならず undefined で評価されることを確認しましたので、"code" in err のチェックを削除しました。確認足りておらず失礼しました。

> const err1 = new Error("test error"); undefined > "code" in err1 false > err1.code undefined

cafedomancer · 2025-01-24T14:42:20Z

+  .then(() => {
+    return get(db, "SELECT * FROM NotExistTable WHERE title = ?", [bookTitle]);
+  })


1.文体の使い分けについて、 MDN Web docs: アロー関数式をみたのですが使い分けには特に言及がなく..

console.log() やconsole.error() も1行なので簡潔文体で書けるかと思います。戻り値がない式文の場合、どちらでもよく（簡潔文体orブロック文体) 戻り値がある式文の場合、簡潔文体にするという使い分けでしょうか?

違います。アロー関数の中身の処理が 1 行しかなく、かつその実行結果を return したい場合に簡潔文体を使います。アロー関数で return する必要がない場合はブロック文体を使います。理由は、アロー関数が戻り値を持つかどうかを明確にするためです。式文に戻り値があっても、アロー関数の戻り値としてそれを return しない可能性もあるのだから、式文に戻り値があるかどうかだけでは決められないです。

2.promise_error.js の待機制御について console.log() やconsole.error() はPromiseを返さない（undefined）なので、後続処理(SELECT、DROP)が待機せず実行されているかと思います。が、INSERT → SELECT → DROP の実行順を制御できている（console...を待つ必要がない）から問題なしという理解でよいですか？

console.log や console.error は非同期処理ではなく同期処理です。なので、質問自体が成り立っていないです。

miyanew added 5 commits December 30, 2024 17:49

splite3をインストール

f3d5f27

エラーなしエラーありをファイル分割して作成する

4e979ca

Promiseベースなsqlite3の関数を切り出す

4d4cfe4

async版にもヘルパー関数を適用する

9fac0f2

捕捉したい例外のみを捕捉する

09ae015

cafedomancer reviewed Jan 7, 2025

View reviewed changes

miyanew added 5 commits January 8, 2025 00:31

エラーメッセージを標準エラー出力に出力する

c67ad6a

余計な空白を含まないようにSQLを1行でかく

03fda89

自動採番された ID を出力する

661ad6d

ファイル名をプレフィックスのない名詞形にする

883d4c5

実行順を制御できてないためコールバックベースの処理からループを除外する

f01507a

cafedomancer reviewed Jan 9, 2025

View reviewed changes

miyanew added 4 commits January 10, 2025 22:45

DBクローズをPromiseとして扱えるようにする

54eacfb

不要なデフォルト引数を削除する

956e3c3

待機できてないのでpromiseベースの処理からループを除外する

7e59a66

課題要件をみたすため参照エラーが起きるようにする

31b4294

cafedomancer reviewed Jan 10, 2025

View reviewed changes

不要なネストを修正する

0ded943

cafedomancer reviewed Jan 12, 2025

View reviewed changes

miyanew added 5 commits January 13, 2025 20:27

アロー関数の簡易文体でそろえる

c115759

Promiseの渡し漏れを直す

9d82436

async関数を定義せずTop-level awaitでシンプルに書く

dc52ab1

catchで捕捉したオブジェクトがErrorであり指定プロパティをもつことを確認する

0cc3111

フォーマッタの修正を反映する

f39a6b9

cafedomancer reviewed Jan 24, 2025

View reviewed changes

miyanew added 2 commits February 24, 2025 21:49

処理内容を統一する

3b3cce6

不要なチェックを削除する

3e32987

cafedomancer approved these changes May 27, 2025

View reviewed changes

miyanew merged commit 8bf9638 into main Jun 2, 2025

miyanew deleted the my-asynchronous branch June 2, 2025 12:07

		@@ -0,0 +1,23 @@
		export const run = (db, sql, params = []) => {

Conversation

miyanew commented Jan 6, 2025

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

miyanew Jan 7, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

miyanew Jan 10, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

miyanew Jan 11, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

miyanew Jan 13, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

miyanew Jan 13, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

miyanew Jan 7, 2025 •

edited

Loading

miyanew Jan 10, 2025 •

edited

Loading

miyanew Jan 11, 2025 •

edited

Loading

miyanew Jan 13, 2025 •

edited

Loading

miyanew Jan 13, 2025 •

edited

Loading

cafedomancer Jan 24, 2025 •

edited

Loading

miyanew Feb 24, 2025 •

edited

Loading

miyanew Jan 13, 2025 •

edited

Loading