コードブロック

コードブロックは Expressive Code ↗ によって提供されており、これはAstroのプロジェクトです。これは機能の小さなショーケースに過ぎず、多くのオプションがあります！

Write-Output "これにはタイトルがあります！"

// ラップの例
function getLongString() {
  return 'これは非常に長い文字列で、コンテナが非常に広くない限り、利用可能なスペースに収まらないでしょう'
}

function demo() {
  console.log('これらは挿入されたおよび削除されたマーカータイプです');
  // return文はデフォルトのマーカータイプを使用します
  return true;
}

function thisIsJavaScript() {
  // この全体のブロックはJavaScriptとしてハイライトされ、
  // まだdiffマーカーを追加することができます！
  console.log('削除される古いコード')
  console.log('新しくて輝かしいコード！')
}

```powershell title="PowerShellターミナルの例"
Write-Output "これにはタイトルがあります！"
```

```js wrap
// ラップの例
function getLongString() {
  return 'これは非常に長い文字列で、コンテナが非常に広くない限り、利用可能なスペースに収まらないでしょう'
}
```

```js "return true;" ins="inserted" del="deleted"
function demo() {
  console.log('これらは挿入されたおよび削除されたマーカータイプです');
  // return文はデフォルトのマーカータイプを使用します
  return true;
}
```

```diff lang="js"
  function thisIsJavaScript() {
    // この全体のブロックはJavaScriptとしてハイライトされ、
    // まだdiffマーカーを追加することができます！
-   console.log('削除される古いコード')
+   console.log('新しくて輝かしいコード！')
  }
```

出力

コードブロックの出力を含めたい場合は、下に2つ目のコードブロックを作成し、開くコードフェンスに output プロパティを追加します。

npx wrangler vectorize create tutorial-index --dimensions=3 --metric=cosine

✅ インデックス 'tutorial-index' を正常に作成しました

[[vectorize]]
binding = "VECTORIZE_INDEX" # env.VECTORIZE_INDEX であなたのWorkerで利用可能
index_name = "tutorial-index"

```sh
npx wrangler vectorize create tutorial-index --dimensions=3 --metric=cosine
```

```sh output
✅ インデックス 'tutorial-index' を正常に作成しました

[[vectorize]]
binding = "VECTORIZE_INDEX" # env.VECTORIZE_INDEX であなたのWorkerで利用可能
index_name = "tutorial-index"
```

プレイグラウンド

Workerの例のために開くコードフェンスに playground オプションを追加すると、ユーザーを Workerのプレイグラウンドに連れて行く「プレイグラウンドでWorkerを実行」リンクが追加されます。

export default {
  fetch() {
    return new Response("テスト！")
  }
}

Run Worker in Playground

```js playground
export default {
  fetch() {
    return new Response("テスト！")
  }
}
```

Cloudflare Dashboard Discord Community Learning Center Support Portal

Cookie Settings