Merge pull request #20 from tomoam/update-up-to-20220220

2023/02/20 迄の更新に追従

Author: tomoam

.github/workflows/node.js.yml

@@ -0,0 +1,33 @@
+name: CI
+
+on:
+  push:
+    branches: ['main']
+  pull_request:
+    branches: ['main']
+
+env:
+  # we call `pnpm playwright install` instead
+  PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: '1'
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [18.x]
+        # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
+
+    steps:
+      - uses: actions/checkout@v3
+      - uses: pnpm/[email protected]
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ matrix.node-version }}
+          cache: 'pnpm'
+      - run: pnpm install --frozen-lockfile
+      - run: pnpm playwright install chromium
+      - run: pnpm build
+      - run: pnpm test

content/tutorial/01-svelte/01-introduction/06-html-tags/README.md

@@ -12,4 +12,4 @@ Svelteでは、`{@html ...}` という特別なタグを使ってこれを行い
 <p>{+++@html+++ string}</p>
 ```
 
-> Svelte は DOM に挿入される前に `{@html ...}` 内の式のサニタイズを行いません。違う言い方をすれば、この機能を使用する場合は信頼できないソースから来た HTML を手動でエスケープすることが重要です、そうしなければユーザーをXSS攻撃にさらす危険性があります。
+> Svelte は DOM に挿入される前に `{@html ...}` 内の式のサニタイズを行いません。言い換えると、この機能を使用する場合は信頼できないソースから来た HTML を手動でエスケープすることが重要です、そうしなければユーザーを<a href="https://owasp.org/www-community/attacks/xss/" target="_blank">Cross-Site Scripting</a> (XSS) 攻撃にさらす危険性があります。

content/tutorial/01-svelte/03-props/03-spread-props/app-a/src/lib/App.svelte

@@ -4,7 +4,7 @@
 	const pkg = {
 		name: 'svelte',
 		version: 3,
-		speed: 'blazing',
+		speed: 'blazingly',
 		website: 'https://svelte.dev'
 	};
 </script>

content/tutorial/01-svelte/03-props/03-spread-props/app-b/src/lib/App.svelte

@@ -4,7 +4,7 @@
 	const pkg = {
 		name: 'svelte',
 		version: 3,
-		speed: 'blazing',
+		speed: 'blazingly',
 		website: 'https://svelte.dev'
 	};
 </script>

content/tutorial/01-svelte/07-lifecycle/03-update/README.md

@@ -2,6 +2,8 @@
 title: beforeUpdate and afterUpdate
 ---
 
+> この練習問題で使用される Eliza Chatbot が現時点では動作しません。代わりに、既存のチュートリアルをお試しください: https://svelte.jp/tutorial/update
+
 `beforeUpdate` 関数は DOM が更新される直前に作業をスケジュールします。`afterUpdate` はそれと対になるもので、DOM がデータと同期した後にコードを実行するために使用されます。
 
 これらは、要素のスクロール位置を更新するなど、純粋な状態駆動では実現が困難なことを、命令的に行うのに便利です。

content/tutorial/02-sveltekit/03-loading-data/02-layout-data/README.md

@@ -5,9 +5,9 @@ path: /blog
 
 `+layout.svelte` ファイルが全ての子ルート(route)共通の UI を作るのと同じように、`+layout.server.js` ファイルは全ての子ルート(route)共通で使えるデータをロードします。
 
-'more posts'(他の記事) サイドバーを、ブログ記事ページに追加したいと思います。`src/blog/+page.server.js` で行っているのと同じように、`src/blog/[slug]/+page.server.js` の `load` 関数から `summaries` を返すこともできますが、これでは同じことを繰り返すことになってしまいます。
+'more posts'(他の記事) サイドバーを、ブログ記事ページに追加したいと思います。`src/routes/blog/+page.server.js` で行っているのと同じように、`src/routes/blog/[slug]/+page.server.js` の `load` 関数から `summaries` を返すこともできますが、これでは同じことを繰り返すことになってしまいます。
 
-代わりに、`src/blog/+page.server.js` を `src/blog/+layout.server.js` にリネームしましょう。`/blog` ルート(route)が動作し続けていることにご注目ください — `data.summaries` がまだページで利用できているのです。
+代わりに、`src/routes/blog/+page.server.js` を `src/routes/blog/+layout.server.js` にリネームしましょう。`/blog` ルート(route)が動作し続けていることにご注目ください — `data.summaries` がまだページで利用できているのです。
 
 では、記事ページ向けのレイアウトを作りましょう。