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
「関数」の章に以前は次のような「処理の分割」の節がありましたが、これを削除しました。
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
「オブジェクト」の章をすべて書き直しました。特に大きな違いとしては、「配列とオブジェクト」の節を削除したことと、例および演習問題の書き直しがあります。
以前の「オブジェクト」の章
現在の「オブジェクト」の章
「データベース」の章からDBeaverを削除 by @chvmvd in #832
「データベース」の章で、以前はデータベースを直接操作するソフトウェアとしてDBeaverを使用していましたが、Supabaseの機能を用いてデータベースを直接操作することとしました。これにより、DBeaverについての記述を削除し、次のようなAdmonitionの中にのみ残すこととしました。
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-cookie
をSet-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