From 1e28ffb1407558e6a9328f1fd221e716e4191fa4 Mon Sep 17 00:00:00 2001 From: himaratsu Date: Fri, 19 Dec 2025 15:53:17 +0900 Subject: [PATCH] =?UTF-8?q?Pipedream=20-=20=E3=83=89=E3=82=AD=E3=83=A5?= =?UTF-8?q?=E3=83=A1=E3=83=B3=E3=83=88=E3=81=AE=E6=9B=B4=E6=96=B0=E3=82=92?= =?UTF-8?q?MCP=E3=81=AB=E5=90=8C=E6=9C=9F=E3=81=99=E3=82=8B=20(p=5FOKCgO3e?= =?UTF-8?q?)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...43\343\203\274\343\203\253\343\203\211.md" | 94 +++++++++++++++++++ 1 file changed, 94 insertions(+) create mode 100644 "docs/manual/\343\203\206\343\202\255\343\202\271\343\203\210\343\203\225\343\202\243\343\203\274\343\203\253\343\203\211.md" diff --git "a/docs/manual/\343\203\206\343\202\255\343\202\271\343\203\210\343\203\225\343\202\243\343\203\274\343\203\253\343\203\211.md" "b/docs/manual/\343\203\206\343\202\255\343\202\271\343\203\210\343\203\225\343\202\243\343\203\274\343\203\253\343\203\211.md" new file mode 100644 index 0000000..1177566 --- /dev/null +++ "b/docs/manual/\343\203\206\343\202\255\343\202\271\343\203\210\343\203\225\343\202\243\343\203\274\343\203\253\343\203\211.md" @@ -0,0 +1,94 @@ +--- +contentId: text-field +directory: manual +--- + +# テキストフィールド + +テキストフィールドは、短いテキストや文字列を入力するためのフィールドです。 +記事タイトル、商品名、著者名など、改行を含まない文字列データの管理に適しています。 + +データの入稿方法 +-------- + +フィールドをクリックして、テキストを入力します。  + +![](https://images.microcms-assets.io/assets/d6af1616730544a596d299c20834f460/2fddb19eb58b47bfbddf0f8abaa58d56/CleanShot%202025-11-19%20at%2015.55.25.png) + +### **補足** + +フィールドの右下には入力されている文字数が表示されます。 + +API、CSVを利用した入稿については以下のドキュメントをご参照ください。 + +https://document.microcms.io/content-api/post-content#h6165104509 + +https://document.microcms.io/manual/csv-import#h2b3036ae9c + +制限事項/注意事項 +--------- + +* デフォルトでは最大文字数の制限は設けていません。ただし、1コンテンツあたりのデータ容量には上限(約200KB)があるため、上限を超えるデータは登録できません。 + +詳細設定 +---- + +設定項目 + +説明 + +必須項目 + +設定をオンにすると入稿時の入力が必須となります。 + +説明文 + +入稿画面に表示する説明文です。 + +重複を許可しない(ユニーク) + +設定をオンにすると他のコンテンツで同じ値がある場合に保存できなくなります。 + +1つのAPIに対して最大で5つのフィールドに設定が可能です。 + +コンテンツに重複した値がある場合はオンに変更することはできません。 + +特定のパターンのみ入力を許可 + +正規表現にマッチした入力のみに制限します。 + +利用可能な正規表現のパターンには制限があります。詳しくは「[入力文字列の制限で利用可能な正規表現のパターンは?](https://help.microcms.io/ja/knowledge/regex-pattern)」をご参照ください。 + +文字数制限 + +フィールドに入力する文字数の最小文字数、最大文字数を制限します。 + +GET APIのレスポンス形式 +--------------- + +詳細は以下のドキュメントをご参照ください。 + +https://document.microcms.io/content-api/get-api-field-responses#h1e03ffe5f5 + +フロントエンドでの利用方法 +------------- + +テキストフィールドは文字列として返されるため、HTMLの要素や属性に直接指定できます。 +以下はNext.jsの実装例です。 + + export default async function Page({ params }) { + const { slug } = await params; + + // microCMS JavaScript SDK(https://github.com/microcmsio/microcms-js-sdk)を使用してデータを取得 + const data = await client.getListDetail({ + endpoint: "blog", + contentId: slug, + }); + + return ( +
+ {/* textFieldはフィールドIDです。実際のフィールドIDに置き換えてください */} +

{data.textField}

+
+ ); + } \ No newline at end of file