[{"data":1,"prerenderedAt":38},["ShallowReactive",2],{"post-report-of-micro-cms-meetup-2024":3},{"id":4,"createdAt":5,"updatedAt":6,"publishedAt":7,"revisedAt":6,"title":8,"body":9,"categories":10,"author":13,"thumbnail":26,"ogpImage":30},"report-of-micro-cms-meetup-2024","2024-07-16T00:40:57.554Z","2025-07-29T07:59:08.799Z","2024-07-24T00:00:06.031Z","現地で感じた熱気と最新機能！　microCMS Meetup 2024 参加レポート","\u003Cp>2024年7月11日（木）に、中野セントラルパーク カンファレンスで開催された「\u003Ca href=\"https:\u002F\u002Fmicrocms.connpass.com\u002Fevent\u002F316541\u002F\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">microCMS Meetup 2024\u003C\u002Fa>」に現地参加しました。\u003C\u002Fp>\u003Cp>このMeetupは、年に1度開催されているmicroCMSの新機能や最新情報を紹介するイベントです。今回で3回目の開催で、オフライン・オンライン合わせて500名以上の参加があり、現地でも多くの参加者による熱気を感じることができました。\u003C\u002Fp>\u003Cp>今回は、\u003Cstrong>microCMSの導入事例\u003C\u002Fstrong>や\u003Cstrong>開発プロセス\u003C\u002Fstrong>、\u003Cstrong>新機能の紹介\u003C\u002Fstrong>など多彩なセッション内容についてレポートにまとめました。\u003C\u002Fp>\u003Ch2 id=\"hb0d664eaa8\">快適な管理画面の国産ヘッドレスCMS\u003C\u002Fh2>\u003Cp>\u003Ca href=\"https:\u002F\u002Fmicrocms.io\u002F\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">microCMS\u003C\u002Fa>は日本製のヘッドレスCMSサービスです。シンプルで見やすいUIの管理画面を用いて、APIベースで柔軟なコンテンツデータの管理が行えます。機能のアップデートも頻繁に行われており、ユーザーフレンドリーなサービスです。cho-menでもコンテンツ管理に利用しており、この原稿もmicroCMSのリッチエディタで執筆しています。\u003C\u002Fp>\u003Cfigure>\u003Cimg src=\"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002F91e356fbacea47bc8dd45b0098c3e4d8\u002Fimage-2.png?w=1280&h=852\" alt=\"スクリーンショット：microCMSの管理画面で記事を執筆している様子\" width=\"1280\" height=\"852\">\u003C\u002Ffigure>\u003Ch2 id=\"h7f6aabd282\">スポーツ業界でmicroCMSを積極的に導入している話\u003C\u002Fh2>\u003Cp>最初のセッションは、宮川貴佳史さん（プラスクラス・スポーツ・インキュベーション株式会社）によるスポーツ業界のウェブサイトにおける、microCMSの導入事例のお話でした。スポーツ業界のウェブサイトならではの特性や、実際にmicroCMSを導入する中での活用ポイントなど、興味深いお話を聴くことができました。\u003C\u002Fp>\u003Ch3 id=\"hda74fcc554\">エンジニアではない運用スタッフでも扱いやすい管理画面\u003C\u002Fh3>\u003Cp>サイトの主な運用者は、エンジニアではないクラブスタッフであるため、\u003Cstrong>日本語のわかりやすいUI\u003C\u002Fstrong>や\u003Cstrong>管理画面の標準機能が充実している\u003C\u002Fstrong>ことなどがmicroCMSの導入理由ということでした。管理画面機能の活用事例としては、\u003Cstrong>ロール別の権限設定\u003C\u002Fstrong>を利用した操作ミスの防止や、\u003Cstrong>コンテンツ参照\u003C\u002Fstrong>を利用したコンテンツ管理の方法などが紹介されていました。\u003C\u002Fp>\u003Ch3 id=\"h38864c03f0\">外部データによる情報更新\u003C\u002Fh3>\u003Cp>外部データのAPIを元に情報更新を行う際には、読み取り・書き込みでキーを使い分け、\u003Cstrong>APIキーの権限設定を細かく行う\u003C\u002Fstrong>といった運用をされているそうです。また、速報性が重視されるサイトの特性から、microCMS側のキャッシュを意識した運用をされているといった内容もとても参考になりました。\u003C\u002Fp>\u003Cfigure>\u003Ca href=\"https:\u002F\u002Fspeakerdeck.com\u002Fgorannasai\u002Fsupotuye-jie-demicrocmswoji-ji-de-nidao-ru-siteiruhua-at-microccms-meetup-2024?slide=14\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\u003Cimg src=\"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002F6ec88b4c3b7a4e8f911af6803c3a4a8f\u002Fimage.png\" alt=\"スライド画像：microCMSのキャッシュを意識\" width=\"1357\" height=\"754\">\u003C\u002Fa>\u003Cfigcaption>出典：スポーツ業界でmicroCMSを積極的に導入している話@microcCMS Meetup 2024\u003C\u002Ffigcaption>\u003C\u002Ffigure>\u003Ch3 id=\"h42a78d43ca\">高品質なビジュアルを提供するための工夫\u003C\u002Fh3>\u003Cp>スポーツ業界のウェブサイトの特性として、画像・動画などに高品質なビジュアルが求められることが多いそうです。画像関連のパフォーマンス改善の例として、\u003Ca href=\"https:\u002F\u002Fdocument.microcms.io\u002Fimage-api\u002Fintroduction\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">画像API\u003C\u002Fa>とNext.jsのnext\u002Fimageコンポーネントを組み合わせた手法や、データ取得の際にクエリパラメータを工夫をするといった手法が紹介されていました。microCMSでは\u003Ca href=\"https:\u002F\u002Fwww.imgix.com\u002Fja\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Imgix\u003C\u002Fa>が全プランで利用できるというのも、とても熱いポイントです。\u003C\u002Fp>\u003Chr>\u003Cp>業界の特性を考慮しながら、課題解決に向けてmicroCMSをどのように活用されているかがわかりやすく紹介されており、とても参考になりました。サイト運用者からの評判としては、「WordPressより使いやすい」といった声もあるようです。WordPressからmicroCMSへの移行に関しては、宮川さんがZennに書かれた\u003Ca href=\"https:\u002F\u002Fzenn.dev\u002Fpsi\u002Farticles\u002F2140adcbd3221e\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">記事\u003C\u002Fa>も参考になります。今回の詳しい発表内容については、スライドを共有していただいていますので参照ください。\u003C\u002Fp>\u003Cdiv style=\"left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.1972%;\">\u003Ciframe src=\"https:\u002F\u002Fspeakerdeck.com\u002Fplayer\u002F45ab2fee6f3a4154aa0433a7e71e8b25\" style=\"top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;\" allowfullscreen scrolling=\"no\">\u003C\u002Fiframe>\u003C\u002Fdiv>\u003Ch2 id=\"h658c4ea1e6\">基礎自治体サイトへのヘッドレスCMS導入で目指したこと\u003C\u002Fh2>\u003Cp style=\"text-align: start\">続いてのセッションは、鈴木利弥 さん（株式会社 博報堂アイ・スタジオ）による、自治体のウェブサイトへのmicroCMS導入についてのお話でした。\u003C\u002Fp>\u003Cp style=\"text-align: start\">本セッションは当日限定の内容だったため、詳細については省略しますが、自治体のウェブサイト特有の課題に対して、どのようにmicroCMSを活用しているのかといった実例がとても参考になりました。社会全体のDXに対する熱いメッセージも印象的でした。\u003C\u002Fp>\u003Cfigure>\u003Cimg src=\"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002F5b1ad3f06afc4ba1a816b28d16792c0f\u002Fimage.png?w=1280&h=672\" alt=\"\" width=\"1280\" height=\"672\">\u003Cfigcaption>出典：microCMS Meetup 2024 - connpass\u003C\u002Ffigcaption>\u003C\u002Ffigure>\u003Ch2 id=\"h3aaba77ec8\">microCMSの開発組織 - Deep dive into microCMS\u003C\u002Fh2>\u003Cp style=\"text-align: start\">microCMSのCTOである大西智也さんのセッションでは、microCMSの開発現場における技術スタックや開発フロー、カルチャーなどについて細部まで紹介されており、「\u003Cstrong>microCMSの開発現場大解剖！\u003C\u002Fstrong>」といった内容でした。\u003C\u002Fp>\u003Ch3 id=\"hfe05457d71\">便利なものを積極的に導入、多様な技術スタック\u003C\u002Fh3>\u003Cp>技術スタックについては、バックエンド・フロントエンドから、モニタリング・オブザーバビリティまで多岐にわたって紹介されました。フロントエンドのトピックでは、リンター・フォーマッターを\u003Ca href=\"https:\u002F\u002Fbiomejs.dev\u002Fja\u002F\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Biome\u003C\u002Fa>に変えたという点が個人的に気になりました。質問にも挙がっていましたが、Storybookについては最近あまり活用しておらず、一旦やめたそうです。\u003C\u002Fp>\u003Cfigure>\u003Ca href=\"https:\u002F\u002Fspeakerdeck.com\u002Fmicrocms\u002Fmicrocmsnokai-fa-zu-zhi-deep-dive-into-microcms?slide=7\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\u003Cimg src=\"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002F6b7c64597be8449eb8cebdf9cd3f94f8\u002Fimage.png\" alt=\"発表スライドのキャプチャ：技術スタック（フロントエンド）\" width=\"1550\" height=\"865\">\u003C\u002Fa>\u003Cfigcaption>出典：microCMSの開発組織 - Deep dive into microCMS\u003C\u002Ffigcaption>\u003C\u002Ffigure>\u003Cp>また、ChatGPTやCopilotなどAIツールも積極的に導入されているようです。コードレビューでは、一次レビューに\u003Ca href=\"https:\u002F\u002Fcoderabbit.ai\u002Fja\u002F\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">CodeRabbit\u003C\u002Fa>を活用しているとのことでした。\u003Cstrong>便利なもの、トレンドを積極的に導入し活用する文化\u003C\u002Fstrong>が根付いているという点が素晴らしいと感じました。\u003C\u002Fp>\u003Ch3 id=\"h0ff1bf00d6\">ツールを利用した「開発フロー・品質向上」の仕組み化\u003C\u002Fh3>\u003Cp style=\"text-align: start\">「企画」→「実装」→「QA」→「総合テスト」→「リリース」までの各開発フローについても紹介がありました。実装においては、タスクの細分化やスケジュール管理はエンジニア自身に委ねられており、自発的な働き方が求められる印象でした。また、\u003Cstrong>ユーザーにいいものを届けるために、どのフェーズでも手戻りし、スケジュールも延期する文化\u003C\u002Fstrong>というものを強調されており、ユーザーに向き合うことを特に大事にされているのだと感じました。\u003C\u002Fp>\u003Cp style=\"text-align: start\">最近では外形監視やE2Eテストに注力しており、自動テストにフルコミットする日も設けているとのことでした。外形監視には\u003Ca href=\"https:\u002F\u002Fwww.checklyhq.com\u002F\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Checkly\u003C\u002Fa>というサービスを活用しているようです。また、\u003Ca href=\"https:\u002F\u002Fgrafana.com\u002Fja\u002F\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Grafana\u003C\u002Fa>を利用したエラーログの監視・分析や、\u003Cstrong>Incident Command System\u003C\u002Fstrong>に沿ったインシデント対応フローの整備、\u003Ca href=\"https:\u002F\u002Fqase.io\u002F\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Qase\u003C\u002Fa>を利用したテストケースの管理など、様々なツールを利用し仕組み化している点が印象的でした。\u003C\u002Fp>\u003Ch3 id=\"h91ff3ac14d\">働き方にも多くの工夫\u003C\u002Fh3>\u003Cp>フルリモート、非同期ワークを導入する中で、働き方にも多くの工夫が取り入れられていました。例えば、タスク管理は\u003Ca href=\"https:\u002F\u002Fclickup.com\u002F\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">ClickUp\u003C\u002Fa>を用いて一元管理したり、ミーティングの際には事前に\u003Ca href=\"https:\u002F\u002Fwww.notion.so\u002F\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Notion\u003C\u002Fa>に議論ポイントをまとめて共有、コメントするといった取り組みをされているそうです。他にも、Slackを利用した勤怠の自動化の仕組みなど、\u003Cstrong>様々な取り組みを積極的にやってみる文化\u003C\u002Fstrong>があるようです。\u003C\u002Fp>\u003Chr>\u003Cp style=\"text-align: start\">microCMSの開発組織について、網羅的に紹介していただきました。どのフェーズにおいても、様々なツールを積極的に採用して仕組み化している点が印象的で、働き方の面なども参考にしたい点が多かったです。他にも盛り沢山な発表内容については、共有していただいている以下のスライドを参照ください。\u003C\u002Fp>\u003Cdiv style=\"left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.1972%;\">\u003Ciframe src=\"https:\u002F\u002Fspeakerdeck.com\u002Fplayer\u002F70866d65eb8e4e1eb3cb423e7bd9a88a\" style=\"top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;\" allowfullscreen scrolling=\"no\">\u003C\u002Fiframe>\u003C\u002Fdiv>\u003Ch2 id=\"hb9130e6bc6\">microCMS 最新リリース情報 - What’s New in microCMS\u003C\u002Fh2>\u003Cp style=\"text-align: start\">最後のセッションは、microCMSのプロダクトマネージャーである平松亮介さんによる、最新リリース情報についての発表でした。microCMSを利用していると、毎週のように機能改善が発表されますが、どのような観点で機能開発をしているのかなどが詳しく解説されていました。\u003C\u002Fp>\u003Ch3 id=\"h7d505cb2b6\">管理画面とAPIの最新アップデート\u003C\u002Fh3>\u003Cp>まずは、最近のアップデートを中心に\u003Cstrong>管理画面の機能\u003C\u002Fstrong>や\u003Cstrong>APIの改善\u003C\u002Fstrong>について紹介がありました。管理画面については、\u003Ca href=\"https:\u002F\u002Fblog.microcms.io\u002Fbulk-update-contents-status\u002F\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">コンテンツの複数操作\u003C\u002Fa>、メンバー・ロールー覧画面のソートとフィルタ、\u003Ca href=\"https:\u002F\u002Fblog.microcms.io\u002Fmedia-all-delete\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">メディアの全件削除\u003C\u002Fa>、\u003Ca href=\"https:\u002F\u002Fblog.microcms.io\u002Fdisplay-content-capacity\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">コンテンツ容量の上限の表示\u003C\u002Fa>など、細かい部分で使い勝手に直結する改善が多い印象でした。\u003C\u002Fp>\u003Cp>また、APIについては、\u003Ca href=\"https:\u002F\u002Fblog.microcms.io\u002Frich-editor-write-api\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">リッチエディタフィールドのWRITE API対応\u003C\u002Fa>やAPI経由での画像アップロードに対応した\u003Ca href=\"https:\u002F\u002Fblog.microcms.io\u002Fadd-media-post-api\u002F\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">メディアアップロードAPI\u003C\u002Fa>、以前は非対応だった\u003Ca href=\"https:\u002F\u002Fblog.microcms.io\u002Fupdate-content-api-media-adaption\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">画像、複数画像、ファイルフィールドに、API経由で入稿\u003C\u002Fa>といったアップデートについて紹介されていました。\u003C\u002Fp>\u003Cp>これらのアップデートにより、他CMSからのコンテンツ移行の簡単化も期待できそうです。\u003C\u002Fp>\u003Cfigure>\u003Ca href=\"https:\u002F\u002Fspeakerdeck.com\u002Fmicrocms\u002Fwhats-new-in-microcms-2024-microcms-meetup?slide=12\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\u003Cimg src=\"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002Fc6b159b246614f21b0729043b6f839c2\u002Fimage.png\" alt=\"セッションスライド：他CMSからのコンテンツ移行が可能に\" width=\"1555\" height=\"864\">\u003C\u002Fa>\u003Cfigcaption>出典：What’s new in microCMS (2024 microCMS Meetup)\u003C\u002Ffigcaption>\u003C\u002Ffigure>\u003Ch3 id=\"hfad400eb3e\">エンタープライズ向けにも機能改善\u003C\u002Fh3>\u003Cp>エンタープライズ向けの機能改善として紹介されたのは、宮川さんの発表にも出てきた\u003Ca href=\"https:\u002F\u002Fblog.microcms.io\u002Frole-permission-detailed\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">権限の細分化\u003C\u002Fa>であったり、\u003Ca href=\"https:\u002F\u002Fblog.microcms.io\u002Fapi-ip-address-restriction-on-service-settings\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">API共通でのIP制限設定\u003C\u002Fa>、作成者・ロール選択UIの簡単化などでした。ロールを活用し、コンテンツの作成・承認などのワークフローにも柔軟に対応できるようになっている印象でした。\u003C\u002Fp>\u003Ch3 id=\"h37930a5039\">全プランで利用可能なレビュー機能の差分表示\u003C\u002Fh3>\u003Cp>最後に、直近の更新でも特にインパクトの大きかった、\u003Ca href=\"https:\u002F\u002Fblog.microcms.io\u002Freview-diff\u002F\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">レビュー機能の差分表示\u003C\u002Fa>についての紹介がありました。\u003C\u002Fp>\u003Cp>microCMSの\u003Ca href=\"https:\u002F\u002Fdocument.microcms.io\u002Fmanual\u002Freview\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">レビュー機能\u003C\u002Fa>は、コンテンツ公開前のフィードバックを管理する機能で、タイムライン上でディスカッションを行い、コンテンツの承認・公開まで行えます。こちらに差分表示の機能が加わり、GitHubのPull RequestのようなUIでコンテンツの変更を可視化できるようになりました。\u003C\u002Fp>\u003Cfigure>\u003Cimg src=\"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002Ffeb1ab344bfb4401be3083d2718e1372\u002Fimage-1.png?w=1280&h=1302\" alt=\"\" width=\"1280\" height=\"1302\">\u003C\u002Ffigure>\u003Cp>これにより、レビューの効率化だけでなく、意図せぬ変更を未然に防ぐといったコンテンツの品質向上面にも期待ができそうです。こちらは\u003Cstrong>全プランで利用可能\u003C\u002Fstrong>ということでした。太っ腹です！\u003C\u002Fp>\u003Chr>\u003Cp>最新のアップデートを中心に、microCMSの機能についてたっぷりと紹介していただきました。細かい部分まで、ユーザーにとっては嬉しい機能更新が多い印象です。とくに、レビューの差分機能の紹介の際には会場も盛り上がっていたように感じました。発表の詳しい内容については、共有していただいている以下のスライドを参照ください。\u003C\u002Fp>\u003Cdiv style=\"left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.1972%;\">\u003Ciframe src=\"https:\u002F\u002Fspeakerdeck.com\u002Fplayer\u002F9f2fd19193054ac8ad85a7fb2aa2d4b2\" style=\"top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;\" allowfullscreen scrolling=\"no\">\u003C\u002Fiframe>\u003C\u002Fdiv>\u003Ch2 id=\"h154bef4d34\">来年の開催も期待しています！\u003C\u002Fh2>\u003Cp>以上、Meetupのセッション内容についての紹介でした。\u003C\u002Fp>\u003Cp>microCMSのプロジェクトへの導入事例や開発プロセスの話など、各セッションとても参考になる内容でした。普段使用しているサービスを身近に感じることができ、とても有意義な時間となりました。\u003C\u002Fp>\u003Cp>来年も開催があった際には、ぜひ参加したいと思います！\u003C\u002Fp>\u003Cfigure>\u003Cimg src=\"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002F792ac6b9a99142dba682c710ef95f2eb\u002FPXL_20240722_085222779.jpg\" alt=\"書籍「Next.js＋ヘッドレスCMSではじめる！ かんたんモダンWebサイト制作入門 高速で、安全で、運用しやすいサイトのつくりかた」とmicroCMSのTシャツ\" width=\"4516\" height=\"3100\">\u003Cfigcaption>microCMSさんが執筆された書籍とお土産にいただいたTシャツ\u003C\u002Ffigcaption>\u003C\u002Ffigure>\u003Cp>当日の詳しい様子は、microCMSの公式から\u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Flive\u002Ffh4syfArRrU\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">YouTube\u003C\u002Fa>と\u003Ca href=\"https:\u002F\u002Fblog.microcms.io\u002Fmicrocms-meetup-2024\u002F?utm_source=twitter&utm_medium=social&utm_campaign=microcms-meetup-2024-20240716\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">開催レポート\u003C\u002Fa>が出ていますので、こちらもチェックしてみてください。\u003C\u002Fp>",[11,12],"コミュニティ","イベントレポート",[14],{"id":15,"createdAt":16,"updatedAt":17,"publishedAt":16,"revisedAt":18,"name":19,"job":20,"avatar":21,"profile":24,"xId":25,"githubId":25},"koyama","2024-02-14T00:43:53.323Z","2024-03-20T13:41:39.499Z","2024-03-15T13:16:51.910Z","小山 樹人","フロントエンドエンジニア",{"url":22,"height":23,"width":23},"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002F74ad15c43b6042fe899472eb640b7db8\u002Fkoyama_202310.jpg",512,"静岡県出身。大学卒業後、桑沢デザイン研究所の夜間部でグラフィックデザインを学ぶ。専門誌や教育系の出版物を中心に、約10年間DTP制作の仕事に携わる。Webのフロントエンド開発の分野に興味を持ち、2023年に世路庵に入社。\nデザインと開発の両面からものづくりに携わっていきたい。","yamageji",{"url":27,"height":28,"width":29},"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002F2dc93d18be7c4eb1b9724067a295e750\u002Fmicro-cms-meetup.png",720,1280,{"fieldId":31,"type":32,"image":34},"ogpImage",[33],"タイプ2（タイトル＋画像）",{"url":35,"height":36,"width":37},"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002Ff89ce6b1482e4eab83273d7ceada0302\u002Fogp.png",630,1200,1776401665289]