MicroCMSの使い方を紹介します
白田 連大
ブログ開発者
山田 太郎
唯一神
{
"id": "example",
"title": "(サンプル)まずはこの記事を開きましょう",
"summary": "MicroCMSの使い方を紹介します",
"tags": [
{
"id": "event",
"name": "イベント",
"description": "茨城高専の天文部が主催もしくは参加するイベントについての記事集です!"
},
{
"id": "equipment-introduction",
"name": "機材紹介",
"description": "茨城高専の天文部で使用している機材を紹介します!"
}
],
"authors": [
{
"id": "reohakuta",
"name": "白田 連大",
"role": "ブログ開発者",
"description": "<p>菅原圭がすきです。<br>フロントエンド開発もすきです。</p>",
"icon": {
"url": "https://images.microcms-assets.io/assets/d75b4ca57e1d45c5a21a9a8baf25d56a/a930831c95a14a6892a5fe6849007de0/reohakuta.jpg",
"height": 1524,
"width": 1524
},
"externalLinks": [
"https://instagram.com/reohakuta",
"https://github.com/ReoHakase",
"https://example.com/portfolio"
],
"isObOg": false
},
{
"id": "3kr6js2w-p",
"name": "山田 太郎",
"role": "唯一神",
"description": "<p>ふあっはははははは</p>",
"externalLinks": [],
"isObOg": true
}
],
"cover": {
"url": "https://images.microcms-assets.io/assets/d75b4ca57e1d45c5a21a9a8baf25d56a/ba5fb1868ce74bf98e20428181810343/elevate-nYgy58eb9aw-unsplash.jpg",
"width": 3036,
"height": 2162
},
"publishedAt": "2023-03-01T13:00:20.532Z",
"updatedAt": "2023-05-09T17:32:13.819Z",
"createdAt": "2023-03-01T13:00:20.532Z",
"revisedAt": "2023-05-09T17:32:13.819Z",
"body": "<h2 id=\"hdb41525ba7\">ブログテンプレートから作成されました🎉</h2><p>ブログテンプレートからAPIを作成しました。<br>おつかれさまでした🎉<br></p><pre><code>hello---</code></pre><p><br></p><h2 id=\"hf45076424a\">APIプレビューを試そう🚀</h2><p>最初に「APIプレビュー」をしてみましょう。<br>入稿したコンテンツはAPI経由で取得し、Viewに繋ぎ込みます。<br>APIプレビューでは実際のAPIレスポンスを確認でき、あなたの開発を加速させます。<br><br>👇まずはここをクリックします。<br><img src=\"https://images.microcms-assets.io/assets/d75b4ca57e1d45c5a21a9a8baf25d56a/8641c68f126a47de9d7b5c47c7ff0608/blog-template-description1.png\" alt=\"\" width=\"1058\" height=\"525\"><br><br>APIプレビュー画面が開いたら、<strong>「取得」</strong>ボタンでリクエストを試してみましょう。<br><img src=\"https://images.microcms-assets.io/assets/d75b4ca57e1d45c5a21a9a8baf25d56a/482a4964b25d49108fbbe34cd2452887/blog-template-description2.png\" alt=\"\" width=\"1254\" height=\"743\"><br><br>この記事の内容がAPIで取得できていることがわかります。<br><img src=\"https://images.microcms-assets.io/assets/d75b4ca57e1d45c5a21a9a8baf25d56a/19f45b48768444e4b1acc0288e5b3e74/blog-template-description3.png\" alt=\"\" width=\"761\" height=\"510\"></p><h2 id=\"h88398f2fb7\"><br>次にやること🏃</h2><p>APIプレビューで確認したレスポンスを参考に、あなた自身のWebサイトを構築しましょう。<br>microCMSはAPIでコンテンツを取得するため、お好きな言語・フレームワークで画面を構築できます。<br></p><ul><li><a href=\"https://document.microcms.io/tutorial/javascript/javascript-top\" target=\"_blank\" rel=\"noopener noreferrer\">JavaScript SDK</a></li><li><a href=\"https://document.microcms.io/tutorial/nuxt/nuxt-top\" target=\"_blank\" rel=\"noopener noreferrer\">Nuxt SDK</a></li><li><a href=\"https://document.microcms.io/tutorial/gatsby/gatsby-top\" target=\"_blank\" rel=\"noopener noreferrer\">Gatsby SDK</a></li></ul><p><br>その他に<a href=\"https://microcms.io/features/sdk\" target=\"_blank\" rel=\"noopener noreferrer\">サーバーサイドSDK(PHP / Go / Ruby)やモバイルSDK(iOS / Android)</a>もございます。<br><br>お困りなことや疑問点などございましたらお気軽にご連絡ください。<br><br>サポート窓口:<a href=\"mailto:support@microcms.io\">support@microcms.io</a><br>よくある質問:<a href=\"https://help.microcms.io/ja/knowledge\" target=\"_blank\" rel=\"noopener noreferrer\">https://help.microcms.io/ja/knowledge</a></p>"
}
著者プロフィール
山田 太郎
唯一神
<p>ふあっはははははは</p>