---
title: "Cache セグメントの作成"
url: https://docs.catalyst.zoho.com/ja/tutorials/catly/nodejs/create-cache/
description: "Catalyst の React プラグインとさまざまな Catalyst コンポーネントを使用して、シングルページ React アプリケーションとして URL 短縮サービス Cat.ly を構築します。"
last_updated: 2026-08-17T12:16:04Z
service: All Services
type: tutorial
related_links:
  - name: "Cache"
    url: /ja/cloud-scale/help/cache/introduction
---

# Cache セグメントの作成

次に、**Catly** プロジェクトに[キャッシュセグメント](https://docs.catalyst.zoho.com/ja/cloud-scale/help/cache/introduction)を作成しましょう。キャッシュセグメントは、元の URL とそのショート ID をより簡単にアクセスできるよう保存するために使用します。

キャッシュセグメントを作成するには、以下の手順に従ってください：

1. **Storage** 配下の **Cache** コンポーネントに移動し、**Segments** ページで **Create Segment** をクリックします。
![create-segment](https://catalyst-docs-development.zohostratus.in/images/tutorials/react/create-segment.webp) 

2. ポップアップウィンドウでセグメント名に「**shortUrl**」と入力し、**Create** をクリックします。
![enter-segment-name](https://catalyst-docs-development.zohostratus.in/images/tutorials/react/enter-segment-name.webp) 

> **Note**: GitHub リポジトリからダウンロードするアプリケーションのコードに同じ名前が含まれているため、指示どおりに正確に名前を入力してください。

セグメントが作成され、**Segments** ページに一覧表示されます。

![segments-page](https://catalyst-docs-development.zohostratus.in/images/tutorials/react/segments-page.webp)

ユーザーが URL を短縮すると、元の URL とそのショート ID がキーバリューペアの形式でキャッシュアイテムとして自動的に格納されます。ショート ID がキーとなり、バリューには元の URL、ショート ID、テーブル情報などの詳細を含む文字列が格納されます。

キャッシュセグメントの詳細については、[こちらのヘルプページ](https://docs.catalyst.zoho.com/ja/cloud-scale/help/cache/key-concepts/)をご覧ください。