Skip to content

Commit 4403644

Browse files
authored
Merge pull request #76 from microcmsio/auto-update-docs-20250917T020022
ドキュメントの更新を同期
2 parents 1286f3a + 5bd02fd commit 4403644

File tree

1 file changed

+189
-0
lines changed

1 file changed

+189
-0
lines changed
Lines changed: 189 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,189 @@
1+
---
2+
contentId: create-api
3+
directory: manual
4+
---
5+
6+
# APIの作成・管理
7+
8+
APIはサービス内で複数作成することができます。
9+
本ドキュメントでは、APIの作成・管理方法を説明します。
10+
11+
作成できるAPI数の上限は[プラン](https://microcms.io/pricing)ごとに異なります。
12+
13+
APIを作成する手順
14+
==========
15+
16+
新規にAPIを作成する手順を説明します。
17+
18+
まず、管理画面左側のメニュー内で、「コンテンツ(API)」項目の3点リーダーをクリックし**[新しいAPIを作成]**をクリックします。
19+
20+
![](https://images.microcms-assets.io/assets/d6af1616730544a596d299c20834f460/d7d24ee831424b46a5c2921ba9554b38/CleanShot%202025-07-17%20at%2010.38.02.png)
21+
22+
すると、APIの作成画面が表示されます。
23+
※APIが存在しない場合は、サービスにアクセス後、自動でAPIの作成画面が表示されます。
24+
25+
![](https://images.microcms-assets.io/assets/d6af1616730544a596d299c20834f460/f37ce227419e4799973f48ed795c4292/api%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%81%AE%E9%81%B8%E6%8A%9E.png)
26+
27+
APIを作成する際は、以下の2つの方法から選んで作成します。
28+
29+
1. 自分で決める
30+
2. テンプレートから選ぶ(ブログ/お知らせ/バナー)
31+
32+
以降、それぞれの方法について説明します。
33+
34+
自分で決める場合
35+
--------
36+
37+
APIの作成画面で**[自分で決める]**をクリックします。
38+
その後、以下の手順で進めます。
39+
40+
### 1\. APIの基本情報を入力する
41+
42+
APIの基本情報を入力します。
43+
44+
![](https://images.microcms-assets.io/assets/d6af1616730544a596d299c20834f460/338138e97fa04a018029417883bfbb9d/CleanShot%202024-08-16%20at%2014.32.35%402x.png)
45+
46+
ここでは、「API名」および「エンドポイント」の2つを入力します。
47+
48+
#### API名
49+
50+
API名は管理画面上で各APIを識別するための名前です。
51+
52+
#### エンドポイント
53+
54+
エンドポイントはAPIのエンドポイントの最後尾のパスにあたる値です。
55+
エンドポイントの入力条件は以下のとおりです。
56+
57+
* 3文字以上32文字以内
58+
* 半角英数字
59+
* 小文字のみ
60+
* 記号はハイフン、アンダースコアのみ
61+
* すでに設定済みのAPIエンドポイントとの重複不可
62+
63+
### 2\. APIの型を選択する
64+
65+
APIの型を選択します。
66+
67+
![](https://images.microcms-assets.io/assets/d6af1616730544a596d299c20834f460/58654b8b67c142a394a1e64d15c12ded/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-03-27%2014.57.46.png)
68+
69+
ここではAPIレスポンスの形式について、「**リスト形式**」か「**オブジェクト形式**」かを選択することができます。
70+
71+
#### リスト形式
72+
73+
複数のコンテンツを取り扱います。
74+
お知らせやブログなどの複数コンテンツの管理に適しています。
75+
APIでは下記のように配列データを取得できます。
76+
77+
[ { message: 'おはよう' }, { message: 'こんにちは' }, { message: 'こんばんは' } ]
78+
79+
####
80+
オブジェクト形式
81+
82+
単一のコンテンツを取り扱います。
83+
設定情報や単体ページの情報などの単一コンテンツの管理に適しています。
84+
APIでは下記のようにオブジェクトデータを取得できます。
85+
86+
{ title: 'プロフィール', profile: 'ヘッドレスCMSを勉強しています' }
87+
88+
### 3\. APIスキーマを定義する
89+
90+
APIスキーマを定義します。
91+
92+
![](https://images.microcms-assets.io/assets/d6af1616730544a596d299c20834f460/14e01ce40c9843ff8505f3784fd64410/CleanShot%202024-08-16%20at%2014.34.23%402x.png)
93+
94+
APIスキーマの定義では、下記3つの項目を入力します。
95+
96+
#### フィールドID
97+
98+
フィールドごとの一意なIDです。APIレスポンスのプロパティ名となります。
99+
100+
#### 表示名
101+
102+
コンテンツを入力する際に表示されます。
103+
104+
#### 種類
105+
106+
コンテンツを入力する際の入力フォーム形式を指定します。
107+
テキストフィールド、リッチエディタ、画像フィールドなど様々な種類から選択可能です。
108+
109+
APIスキーマの設定について、詳しくは「[API設定](https://document.microcms.io/manual/api-model-settings#hbf58befd50)」のページをご覧ください。
110+
111+
### 4\. [作成]をクリックする
112+
113+
最後に[作成]をクリックすると、APIの作成が完了します。
114+
115+
116+
117+
テンプレートから作る場合
118+
------------
119+
120+
テンプレートから作る場合、以下の3つのテンプレートから選ぶことができます。テンプレートごとに異なるAPIが作成されます。
121+
122+
* **ブログ**:ブログ用のテンプレート。記事とカテゴリのAPIを作成します。
123+
* **お知らせ**:更新情報やニュースの用のテンプレート。お知らせとタグのAPIを作成します。
124+
* **バナー**:キャンペーンなど、バナー用のテンプレート。バナー要素のAPIを作成します。
125+
126+
127+
対象のテンプレートをクリックすると作成が始まります。
128+
129+
![](https://images.microcms-assets.io/assets/d6af1616730544a596d299c20834f460/7d5ef3840bcd4c9cb8c830343938c175/CleanShot%202024-08-16%20at%2014.26.14%402x.png)
130+
131+
しばらくすると、APIが自動で作成されます。
132+
なお、APIごとにいくつかのサンプルコンテンツが入稿されています。
133+
134+
![](https://images.microcms-assets.io/assets/d6af1616730544a596d299c20834f460/f602d6fc28d64135886ab23f773cee03/CleanShot%202024-08-16%20at%2014.35.56%402x.png)
135+
136+
作成したAPIをグルーピングする
137+
================
138+
139+
140+
作成したAPIは、APIグループでまとめることができます。複数のサイトを1サービスで管理している場合などに便利です。
141+
142+
APIグループはTeamプラン、Businessプラン、Enterpriseプランでご利用いただける機能です。
143+
プランごとに利用できる機能については、[料金プランページ](https://microcms.io/pricing)をご覧ください。
144+
145+
146+
APIグループを作成する
147+
---------------
148+
149+
150+
管理画面左側のメニュー内で、「コンテンツ(API)」項目の3点リーダーをクリックし**[新しいAPIグループを作成]**をクリックします。
151+
152+
![](https://images.microcms-assets.io/assets/d6af1616730544a596d299c20834f460/8159c7579a934851add0c710d206d797/CleanShot%202025-07-17%20at%2011.17.19.png)
153+
154+
* APIグループは100個まで作成できます。
155+
* APIグループは1階層のみ対応しています。
156+
157+
作成するグループのグループ名を入力し**[作成する]**をクリックします。
158+
159+
![](https://images.microcms-assets.io/assets/d6af1616730544a596d299c20834f460/ccffca94174344fb882f6f909861848e/image.png)
160+
161+
同じ名前のAPIグループは作成できません。
162+
163+
APIをドラッグ&ドロップで移動させることで、APIをAPIグループにまとめることができます。
164+
165+
![](https://images.microcms-assets.io/assets/d6af1616730544a596d299c20834f460/76beccf1788f4cad99439d86ed79e666/CleanShot%202025-07-17%20at%2011.27.27.gif)
166+
167+
APIグループの名称を変更する
168+
---------------
169+
170+
171+
APIグループにマウスカーソルを合わせると表示される3点リーダーをクリックし**[グループ名の編集]**をクリックします。
172+
173+
![](https://images.microcms-assets.io/assets/d6af1616730544a596d299c20834f460/65ec79f0481949fcaccffa704d7b1caa/CleanShot%202025-07-17%20at%2011.30.35.png)
174+
175+
グループ名を編集して**[変更する]**をクリックすると、グループ名の変更を反映できます。
176+
177+
APIグループを削除する
178+
------------
179+
180+
181+
APIグループにマウスカーソルを合わせると表示される3点リーダーをクリックし**[グループの削除]**をクリックします。
182+
183+
![](https://images.microcms-assets.io/assets/d6af1616730544a596d299c20834f460/4a75bfae027d47ac86e1e8606236b257/CleanShot%202025-07-17%20at%2019.44.25.png)
184+
185+
確認ダイアログで**[OK]**をクリックすると、APIグループを削除できます。
186+
187+
APIグループにAPIが所属している場合は、APIグループを削除できません。
188+
189+
APIを他のAPIグループにすべて移動させてから削除してください。

0 commit comments

Comments
 (0)