Skip to content

2024-10-01

Latest
Compare
Choose a tag to compare
@chvmvd chvmvd released this 01 Oct 02:46
45868bc

Full Changelog: 2024-06-11...2024-10-01
前回のリリースのプレビュー: https://f50cede8.utcode-learn.pages.dev/
今回のリリースのプレビュー: https://a96feb3a.utcode-learn.pages.dev/

Major Changes

和欧文間の半角スペースを削除 by @chvmvd in #799 インラインコードの前後の半角スペースを削除 by @chvmvd in #800

以前は、次の例のように和欧文間およびインラインコードと地の文の間に半角スペースを挿入していました。

HTML と CSS
`strong` 要素

これからは、次の例のように半角スペースを挿入しないこととしました。

HTMLとCSS
`strong`要素

「関数」の章の「処理の分割」の見出しを削除 by @chvmvd in #803

「関数」の章に以前は次のような「処理の分割」の節がありましたが、これを削除しました。

Screenshot 2024-10-01 at 14-10-03 関数 ut code() Learn

CSSの章をHTMLの章の直後に移動 by @chvmvd in #806

以前は、「CSS」の章は「オブジェクト」の章の直後にありました。これを「HTML」の章の直後に移動しました。

String.prototype.replaceメソッドを削除 by @chvmvd in #804

以前は、次のように、返すHTMLの内容を外部のファイルに書きHTMLファイルの中のコメントを、String.prototype.replaceメソッドを使ってJavaScriptを用いて生成した内容に置換することによりWebサーバーを構築していました。

<!doctype html>
<html lang="ja">
  <head>
    <meta charset="utf-8" />
    <title>Title</title>
  </head>
  <body>
    <ul>
      <!-- users -->
    </ul>
  </body>
</html>
import express from "express";
import { readFileSync } from "node:fs";

const app = express();

const names = ["田中", "鈴木", "佐藤"];
app.get("/", (request, response) => {
  const template = readFileSync("./index.html", "utf-8");
  const html = template.replace(
    "<!-- users -->",
    names.map((name) => `<li>${name}</li>`).join(""),
  );
  response.send(html);
});

app.listen(3000);

String.prototype.replaceメソッドを使用して置換する方法をut.code(); Learnから削除し、次のようにHTMLの内容を直接JavaScriptファイルの中に書く方法のみを記載することにしました。

import express from "express";
const app = express();

const names = ["田中", "鈴木", "佐藤"];
app.get("/", (request, response) => {
  response.send(`
    <!doctype html>
      <html lang="ja">
      <head>
        <meta charset="utf-8" />
        <title>Title</title>
      </head>
      <body>
        <ul>
          ${names.map((name) => `<li>${name}</li>`).join("")}
        </ul>
      </body>
    </html>
  `);
});

app.listen(3000);

「オブジェクト」の章を全面改訂 by @chvmvd in #802

「オブジェクト」の章をすべて書き直しました。特に大きな違いとしては、「配列とオブジェクト」の節を削除したことと、例および演習問題の書き直しがあります。

以前の「オブジェクト」の章

Screenshot 2024-10-01 at 11-45-29 オブジェクト ut code() Learn

現在の「オブジェクト」の章

Screenshot 2024-10-01 at 11-46-05 オブジェクト ut code() Learn

「データベース」の章からDBeaverを削除 by @chvmvd in #832

「データベース」の章で、以前はデータベースを直接操作するソフトウェアとしてDBeaverを使用していましたが、Supabaseの機能を用いてデータベースを直接操作することとしました。これにより、DBeaverについての記述を削除し、次のようなAdmonitionの中にのみ残すこととしました。

Screenshot 2024-10-01 at 11 51 46

GET/POST リクエストの書き直し by @aster-void in #835

「GETリクエストとPOSTリクエスト」の章を大幅に変更しました。章および節のタイトルを見直し、説明の文言を改善し、画像や動画を撮り直しました。

Moderate Changes

  • 「Cookieと認証(発展)」の章の解答を削除 by @chvmvd in #809
  • 「Linuxコマンド」の章のパスの説明の表を修正 by @aster-void in #808
  • express.static("static")からexpress.static("./public")へ変更 by @chvmvd in #818
  • 確認問題および演習問題のフォーマットを統一 by @chvmvd in #823
  • 書籍検索システムの解答例のURLパスを/sendから/searchにした by @aster-void in #827
  • Fetch API に関する表記の問題を修正 by @chelproc in #829
  • Cookieの章のset-cookieSet-Cookieに変更 by @aster-void in #828
  • 不要な改行を削除 by @chvmvd in #821

Minor Changes

  • ネットワークタブを開く説明を追加した by @aster-void in #791
  • データベースの章の誤りを直した by @aster-void in #790
  • フォームの章の言葉遣いを直した。 by @aster-void in #778
  • 「POST リクエストを開発者ツールで覗いてみる」の章のタイポを修正 by @aster-void in #792
  • 不要な半角スペースを削除 by @chvmvd in #801
  • _samplesディレクトリにあるpackage.jsonをアップデート by @chvmvd in #805
  • 「Expressとサーバー」の章の不要な解答を削除 by @chvmvd in #807
  • MDXが正しくパースされていない問題を修正 by @chvmvd in #819
  • 「フォーム」の章のnode-emojiに関する演習問題にViewSourceコンポーネントを追加 by @chvmvd in #820
  • 「GETリクエストとPOSTリクエスト」の章のリクエストとレスポンスの画像のタイポを修正 by @chvmvd in #824
  • date-fnsパッケージを最新にアップデート by @chvmvd in #834
  • Node.jsのインストール方法をアップデート by @chvmvd in #831

Non-Documentation Changes

  • GitHub Actionsの設定をアップデート by @chvmvd in #796
  • Node.jsのバージョンをv18からv20に更新 by @chvmvd in #797
  • パッケージをアップデート by @chvmvd in #798
  • パッケージをアップデート by @chvmvd in #830