docs: add contents

nozomuikuta · nozomuikuta · commit 3b53ca9d138f · 2025-01-24T04:00:24.000+09:00
diff --git a/docs/content/memo.draft.md b/docs/content/memo.draft.md
@@ -1,5 +1,104 @@
 # ハンズオン目次
 
+## Hello, chibivite!
+
+```ts
+const app = connect()
+
+app.use(function () {
+  return 'Hello, chibivite!'
+})
+
+app.listen()
+```
+
+```sh
+node index.mjs
+```
+
+## `index.html` へのアクセス
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>chibivite</title>
+  </head>
+  <body>
+    <h1>Hello, chibivite!</h1>
+  </body>
+</html>
+```
+
+```ts
+import fs from 'fs/promises'
+import connect from
+
+const app = connect()
+
+app.use(async function () {
+  const content = await fs.readFile('./index.html', 'utf-8')
+  return content
+})
+
+app.listen()
+```
+
+```sh
+node index.mjs
+```
+
+## JavaScript へのアクセス
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>chibivite</title>
+  </head>
+  <body>
+    <h1>Hello, chibivite!</h1>
+    <script type="module" src="/src/index.mjs"></script>
+  </body>
+</html>
+```
+
+```js
+console.log('Hello, chibivite!')
+```
+
+```ts
+import fs from 'fs/promises'
+import connect from
+
+const app = connect()
+
+app.use(async function (req, _, next) {
+  if (req.path.endsWith('.mjs')) {
+    const content = await fs.readFile('./src/index.mjs', 'utf-8')
+    return content
+  }
+  next()
+})
+
+app.use(async function () {
+  const content = await fs.readFile('./index.html', 'utf-8')
+  return content
+})
+
+app.listen()
+```
+
+```sh
+node index.mjs
+```
+
+---
+
 - ツールのセットアップ
 - プロジェクトのセットアップ
 - Hello, chibivite!
