2026年11月09日
他社が作ったホームページ、別の会社に頼んでもいい？WordPressサイトを引き継いでリニューアルした事例
「前の制作会社に頼んでも、なかなか進まない」「でも、作った会社以外に頼んでいいのか分からない」。ホームページをほかの業務と兼務で担当していると、こうした理由で修正やリニューアルが止まってしまうことがあります。
この記事では、他社が制作した古いWordPressサイトをブラキオが引き継ぎ、約1年の保守を経てリニューアルした事例を、段階ごとに紹介します。
こんなお悩みはありませんか
数年前に制作会社に作ってもらったホームページ。公開から時間が経ち、見た目が古くなってきたと感じていても、なかなか手を付けられないことがあります。
ブラキオにご相談いただいたお客様も、次のような状況でした。
- サイトの見た目が古くなってきた
- 元の制作会社に依頼しても、数ヶ月対応が進まなかった
- 他社が作ったサイトを、別の会社が触れるのか分からない
- ログイン情報やサーバーの契約がどうなっているか、把握していない
- 元の制作会社に断りを入れるのが気まずい
「別の会社に頼みたい」と思っても、こうした不安が重なると一歩が出にくくなります。Web制作会社は数が多く、どこに相談すればよいか迷う方も多いと考えています。
結論：他社が作ったサイトでも、引き継いで任せられます
他社が制作したサイトでも、別の会社が引き継ぐことはできます。今回の事例では、ブラキオが次の3段階で対応しました。
- 引き継ぎ：元の制作会社とやり取りし、ログイン情報・サーバー・ドメインの情報を受け取る
- 保守：約1年、軽微な更新とWordPressのバージョン管理を担当する
- リニューアル：見た目と一緒に、サイトの仕組みも新しくする
いきなり作り直すのではなく、まずは今のサイトを預かるところから始められます。
事例の概要
- 会社：従業員30人ほどの企業
- ご担当者：総務の方が、ほかの業務と兼務でホームページを担当
- サイト：数年前に別の制作会社がWordPressで制作したもの
- 状況：見た目が古くなってきたが、元の制作会社に依頼しても対応が進まなかった
- ブラキオとの接点：知人からの紹介
1. 引き継ぎ：元の制作会社とのやり取りは、ブラキオが行いました
最初に行ったのは、元の制作会社の担当者と話すことです。ブラキオの担当者が直接連絡を取り、サイトの運用に必要な次の情報を受け取りました。
- ログイン情報：サイトの管理画面などに入って作業するためのもの
- サーバーの情報：サイトのデータが置かれている場所
- ドメインの情報：「〇〇.co.jp」のような、サイトのアドレスの管理先
どれも、サイトを更新したり、別の場所に移したりするときに欠かせない情報です。
お客様は、ログイン情報やサーバーの契約がどうなっているかを把握していませんでした。それでも、ブラキオが元の制作会社と直接やり取りすることで、必要な情報をそろえられました。
情報の受け渡しに関するやり取りは、ブラキオが引き受けています。お客様が元の制作会社と細かな調整をする必要はありませんでした。
今回のように元の制作会社と連絡が取れれば、お客様の手元に情報がそろっていなくても、引き継ぎを進められます。
2. 保守（約1年）：まずは今のサイトを預かる
引き継ぎのあとは、すぐに作り直すのではなく、約1年間、今のWordPressサイトの保守を担当しました。主な作業は次の2つです。
- 軽微な更新
- WordPressのバージョン管理
バージョン管理とは、WordPressの本体やプラグインを新しいバージョンに更新し、サイトが問題なく動くかを確かめる作業です。WordPressは、この更新を続けないと、古いバージョンの不具合や脆弱性が残ったままになります。今回のサイトもかなり古いWordPressで作られていたため、バージョンの管理を保守の作業に含めました。
保守から始めると、サイトの構成や、どんな更新が多いのかを実際の作業を通して把握できます。そのため、リニューアルの相談を受けたときに「今のサイトの何を残し、何を変えるか」を具体的に話しやすくなると考えています。
3. リニューアル：見た目と一緒に、サイトの仕組みも変えました
約1年の保守を経て、お客様から「見た目が古いので、リニューアルしたい」とご相談をいただきました。
リニューアルでは、デザインを新しくするのに合わせて、サイトの仕組みもWordPressから次の構成に変えました。
- microCMS：お知らせなどの文章や画像を更新する管理画面
- Next.js：サイトの画面を作る仕組み
- Netlify：できあがったサイトを公開するサービス
ざっくり言うと、「更新するための画面」と「表示するサイト」を分けた構成です。WordPressは1つのシステムで両方を担いますが、この構成では役割ごとにサービスを分けています。
この構成を選んだ理由
1つ目は、サイトが軽くなることです。ページの表示が速くなり、訪れた人を待たせにくくなります。
2つ目は、サーバー費用を抑えられることです。具体的な金額はサイトの規模や構成によって変わるため、本記事では扱いません。
更新する人にとっての変化
リニューアル後、お客様からは「microCMSの管理画面は日本語なので扱いやすい」という声をいただきました。
ホームページを兼務で担当している方にとって、管理画面で迷わないことは、更新を続けられるかどうかの大きなポイントだと考えています。
なお、実装や移行の手順は本記事では扱いません。WordPressとJamstack（今回のような構成）の違いは、WordPressとJamstackの違いについてで紹介しています。
まとめ：他社が作ったサイトでも、まずはご相談ください
今回の事例の流れを振り返ります。
- 引き継ぎ：元の制作会社とのやり取りはブラキオが担当し、ログイン情報・サーバー・ドメインの情報を受け取った
- 保守：約1年、軽微な更新とWordPressのバージョン管理を担当した
- リニューアル：見た目を新しくするのに合わせて、microCMS + Next.js + Netlifyの構成に変えた
冒頭で挙げた不安は、今回の事例では次のように解消しました。
お客様の不安 | 今回の事例での対応 |
|---|---|
他社が作ったサイトを、別の会社が触れるのか | ブラキオが引き継ぎ、約1年保守したうえでリニューアルした |
ログイン情報やサーバーの契約が分からない | 元の制作会社から、ログイン情報・サーバー・ドメインの情報を受け取った |
元の制作会社に断りを入れるのが気まずい | 情報の受け渡しのやり取りは、ブラキオが直接行った |
「他社が作ったサイトだから」「ログイン情報が手元にないから」という理由で、相談をあきらめる必要はありません。今のサイトの状況が分からない段階でも、まずはお話をお聞きするところから始めます。
この記事をシェアする
最近の投稿
他社が作ったホームページ、別の会社に頼んでもいい？WordPressサイトを引き継いでリニューアルした事例
「前の制作会社に頼んでも、なかなか進まない」「でも、作った会社以外に頼んでいいのか分からない」。ホームページをほかの業務と兼務で担当していると、こうした理由で修正やリニューアルが止まってしまうことがあります。この記事では、他社が制作した古いWordPressサイトをブラキオが引き継ぎ、約1年の保守を経てリニューアルした事例を、段階ごとに紹介します。数年前に制作会社に作ってもらったホームページ。公開から時間が経ち、見た目が古くなってきたと感じていても、なかなか手を付けられないことがあります。ブラキオにご相談いただいたお客様も、次のような状況でした。「別の会社に頼みたい」と思っても、こうした不安が重なると一歩が出にくくなります。Web制作会社は数が多く、どこに相談すればよいか迷う方も多いと考えています。他社が制作したサイトでも、別の会社が引き継ぐことはできます。今回の事例では、ブラキオが次の3段階で対応しました。いきなり作り直すのではなく、まずは今のサイトを預かるところから始められます。最初に行ったのは、元の制作会社の担当者と話すことです。ブラキオの担当者が直接連絡を取り、サイトの運用に必要な次の情報を受け取りました。どれも、サイトを更新したり、別の場所に移したりするときに欠かせない情報です。お客様は、ログイン情報やサーバーの契約がどうなっているかを把握していませんでした。それでも、ブラキオが元の制作会社と直接やり取りすることで、必要な情報をそろえられました。情報の受け渡しに関するやり取りは、ブラキオが引き受けています。お客様が元の制作会社と細かな調整をする必要はありませんでした。今回のように元の制作会社と連絡が取れれば、お客様の手元に情報がそろっていなくても、引き継ぎを進められます。引き継ぎのあとは、すぐに作り直すのではなく、約1年間、今のWordPressサイトの保守を担当しました。主な作業は次の2つです。バージョン管理とは、WordPressの本体やプラグインを新しいバージョンに更新し、サイトが問題なく動くかを確かめる作業です。WordPressは、この更新を続けないと、古いバージョンの不具合や脆弱性が残ったままになります。今回のサイトもかなり古いWordPressで作られていたため、バージョンの管理を保守の作業に含めました。保守から始めると、サイトの構成や、どんな更新が多いのかを実際の作業を通して把握できます。そのため、リニューアルの相談を受けたときに「今のサイトの何を残し、何を変えるか」を具体的に話しやすくなると考えています。約1年の保守を経て、お客様から「見た目が古いので、リニューアルしたい」とご相談をいただきました。リニューアルでは、デザインを新しくするのに合わせて、サイトの仕組みもWordPressから次の構成に変えました。ざっくり言うと、「更新するための画面」と「表示するサイト」を分けた構成です。WordPressは1つのシステムで両方を担いますが、この構成では役割ごとにサービスを分けています。1つ目は、サイトが軽くなることです。ページの表示が速くなり、訪れた人を待たせにくくなります。2つ目は、サーバー費用を抑えられることです。具体的な金額はサイトの規模や構成によって変わるため、本記事では扱いません。リニューアル後、お客様からは「microCMSの管理画面は日本語なので扱いやすい」という声をいただきました。ホームページを兼務で担当している方にとって、管理画面で迷わないことは、更新を続けられるかどうかの大きなポイントだと考えています。なお、実装や移行の手順は本記事では扱いません。WordPressとJamstack（今回のような構成）の違いは、で紹介しています。今回の事例の流れを振り返ります。冒頭で挙げた不安は、今回の事例では次のように解消しました。お客様の不安今回の事例での対応他社が作ったサイトを、別の会社が触れるのかブラキオが引き継ぎ、約1年保守したうえでリニューアルしたログイン情報やサーバーの契約が分からない元の制作会社から、ログイン情報・サーバー・ドメインの情報を受け取った元の制作会社に断りを入れるのが気まずい情報の受け渡しのやり取りは、ブラキオが直接行った「他社が作ったサイトだから」「ログイン情報が手元にないから」という理由で、相談をあきらめる必要はありません。今のサイトの状況が分からない段階でも、まずはお話をお聞きするところから始めます。
2026.11.09
Jamstackサイトの運用コストはどこで発生するのか？
Jamstackのメリットとして、パフォーマンスやセキュリティとともに、運用コストの低さが挙げられます。Next.jsやAstroで静的HTMLを生成し、Cloudflare PagesなどのCDNから配信する構成なら、アクセスごとにサーバーでHTMLを生成する必要はありません。小規模なコーポレートサイトでは、ホスティング費用を比較的低く抑えられるケースもあります。では、公開後の費用はほとんど発生しないのでしょうか。今回は、Next.js / Astro + microCMSを例に、Jamstackサイト公開後にどのようなコストが発生するかを整理します。静的なHTML、CSS、JavaScript、画像をCDNから配信できる点は、Jamstackの大きな強みです。構成は次のような流れになります。サーバーレンダリングのようにページアクセスごとにアプリケーション処理を行う必要がなく、構成をシンプルにできます。ただし、ホスティング先によってはデータ転送量、ビルド回数・時間、ストレージなどの制限があります。ドメインの更新費用も別途発生します。無料枠で運用できても、サイト規模や契約条件に応じて見直しが必要です。microCMSなどのヘッドレスCMSを利用すると、お知らせやブログを管理画面から更新できます。一方で、CMS側にも費用や制限があります。 も運用コストの一部です。静的サイトでは、CMS更新時に再ビルドが必要な構成があります。この仕組みなら担当者がコードを触らずに更新できます。しかしビルドには実行時間とリソースが必要です。ページ数やビルド処理によっては時間が増え、ホスティングサービスの制限・料金に影響します。また、CMSスキーマ変更や依存関係の更新によってビルドが失敗すると、新しいコンテンツが反映されないことがあります。公開中のサイトがすぐ停止するとは限りませんが、 は必要です。長期運用で特に意識したい部分です。Next.js、Astro、React、Node.js、npmパッケージは継続して更新されています。公開時に問題がなくても、数年後にはNode.jsのサポート終了、依存ライブラリの非推奨化、脆弱性などが発生する可能性があります。静的配信ではリクエスト時のサーバー処理を減らせますが、ビルド環境と依存パッケージの管理まで不要になるわけではありません。Dependabotなどで更新PRを自動作成できますが、互換性は型チェックやテストで確認する必要があります。Jamstackは高速な構成を取りやすいものの、採用するだけで高速化が保証されるわけではありません。画像やJavaScript、外部スクリプト、Webフォントなどの追加で表示速度が低下することがあります。LCP・INP・CLSといったCore Web Vitals、Lighthouse、実ユーザーの計測データを使って継続的に確認できます。また、お問い合わせフォームの送信失敗、外部サービスとの連携エラーなども確認対象です。 が重要です。運用にはインフラ費用以外の作業もあります。GitHubでソースコードを管理していても、CMSの記事・画像などが同じ場所に保存されているとは限りません。ソースコード、CMSコンテンツ、画像それぞれの保存先と復旧方法を把握する必要があります。バックアップを取得するだけでなく、必要なときに も確認したいところです。すべてを毎月手動で確認する必要はありません。Jamstackでは運用の多くを自動化できます。AIによる修正やテスト支援も選択肢です。ただし、メジャーアップデートや仕様変更では人間による判断が必要な場面もあります。自動化できる作業と、人間が責任を持って判断する作業を分けることが重要です。Jamstackの強みは、静的ファイルをCDNから配信することでインフラ構成をシンプルにしやすいことです。一方、CMS、ビルド環境、依存パッケージ、パフォーマンス、バックアップなどの管理は継続して必要になります。 だと考えています。ブラキオでは、Next.jsやAstro、microCMSなどを利用したWebサイト制作に加え、公開後の継続的な運用・保守にも取り組んでいます。制作して終わりにするのではなく、長く安定して利用できる状態を維持すること。そこまで含めてWebサイトの品質を考えていきたいと思います。
2026.11.08
制作会社・広告代理店が外部フロントエンドエンジニアと組むときに整理しておきたいこと
Web制作会社や広告代理店の方から、次のような相談をいただくことがあります。「フロントエンドの実装だけお願いしたい」「社内リソースが足りないので一部だけ手伝ってほしい」「公開後の運用保守までまとめてお願いしたい」実際、Web制作ではデザインやディレクションは社内で対応できても、フロントエンドの実装リソースだけ不足するケースは珍しくありません。一方で、外部のエンジニアと組む場合、単純に「デザインデータを渡して実装してもらう」だけでは、思った以上に進行が難しくなることもあります。この記事では、制作会社や広告代理店が外部フロントエンドエンジニアとスムーズに仕事を進めるために、事前に整理しておくと良いポイントをまとめます。同じ「フロントエンドの外注」でも、依頼内容はかなり幅があります。最初に担当範囲を整理しておくと、見積もりもしやすく、あとから「ここは誰が対応するのか」が曖昧になりにくくなります。特に最近では、単純なコーディングだけではなく、Next.jsやCMS、ホスティング環境まで含めた構成になることも多いため、実装以外の範囲も確認しておくことが重要です。デザインデータがあれば実装できるように思えますが、実際にはデザインだけでは判断できないことが多くあります。たとえば、次のような部分です。こうした部分が整理されていないと、実装中に確認事項が増え、結果として制作スピードが落ちてしまいます。すべてを細かく仕様書にする必要はありません。「ここはお任せ」「この部分だけはこうしたい」といった形でも、 でかなり進めやすくなります。Figmaなどのデザインデータについても、少し整理されているだけで実装工数は大きく変わります。たとえば、次のような状態です。逆に、ページごとに微妙にボタンのサイズが違ったり、余白ルールが統一されていない場合、実装側で確認や調整が必要になります。これはデザインの良し悪しというよりも、「実装しやすい設計になっているか」という話です。実装を外部に依頼する場合は、デザイナーとエンジニアが早い段階で一度話しておくのも有効です。実装を開始してから「実はCMSはこれを使いたい」「ホスティングはこのサービスにしたい」となると、構成を変更する必要が出ることがあります。そのため、次のような項目はできるだけ早めに共有しておくのがおすすめです。もし技術選定自体が決まっていない場合は、実装担当に相談する方法もあります。案件の規模や更新頻度によっては、WordPressではなくJamstack構成の方が運用しやすいケースもあります。Webサイトは公開して終わりではありません。公開後には、次のような作業が発生します。特にNext.jsやReactなどを利用している場合、依存ライブラリのアップデートや脆弱性対応も必要です。そのため、制作時点で まで決めておくと安心です。制作を担当したエンジニアがそのまま運用保守まで対応できると、サイトの構成を理解しているため、改修もスムーズに進められます。外部のフロントエンドエンジニアというと、「仕様通りにコードを書く人」というイメージを持たれることもあります。ただ、長期的に組む場合は、次のような部分まで相談できるパートナーの方が、結果的にディレクターの負担を減らせます。案件によっては、要件をそのまま実装するよりも、少し仕様を整理するだけで工数を減らせるケースもあります。外部パートナーを探す際は、単純な実装スキルだけでなく、「案件全体を見て判断できるか」という点も重要だと思います。株式会社ブラキオでは、Next.js / Reactを中心としたフロントエンド開発やJamstackサイト制作を行っています。制作会社・広告代理店からの、次のようなご相談にも対応しています。単発の実装だけでなく、案件ごとに継続して相談いただく外部フロントエンドパートナーとしての関わり方も可能です。「社内の実装リソースが足りない」「Next.js案件だけ外部に任せたい」「公開後の保守までまとめて相談したい」といった場合は、お気軽にご相談ください。
2026.11.07
お知らせ・社員インタビューを更新できる企業サイトの制作で考えること
企業サイトを制作するときに、よく出てくる要望があります。「お知らせを自社で更新できるようにしたい」「採用向けに社員インタビューを増やしていきたい」「毎回制作会社に頼まなくても、簡単な情報は社内で直したい」こうした要望自体はとても自然です。公開後も情報を増やしていけるサイトは、会社の動きや雰囲気を伝えやすくなります。ただし、CMSを入れれば自動的に運用しやすくなるわけではありません。更新できるサイトにするには、制作前に「どの情報を更新するのか」「誰が入力するのか」「公開前に誰が確認するのか」「公開後に誰が保守するのか」まで決めておく必要があります。この記事では、お知らせや社員インタビューを更新できる企業サイトを作るときに、制作前に考えておきたいポイントを整理します。最初に決めたいのは、更新したい情報の種類です。たとえば企業サイトでは、次のようなコンテンツが更新対象になります。ここで大事なのは、 です。年に1回しか変わらない会社概要まで細かく管理画面化すると、制作費も運用ルールも重くなります。一方で、月に数回更新するお知らせや、採用活動に合わせて増やしたい社員インタビューは、社内で更新できるようにしておく価値があります。「更新頻度が高いもの」「社内の鮮度が価値になるもの」「公開後に増えていくもの」から優先すると、必要なCMSの範囲が見えやすくなります。同じ更新コンテンツでも、お知らせと社員インタビューでは管理したい項目が違います。お知らせなら、次のような項目が基本になります。社員インタビューなら、次のような項目が必要になるかもしれません。この入力項目を最初に整理しておくと、一覧ページや詳細ページの見せ方も決めやすくなります。逆に、入力項目を決めないままCMSを作ると、公開後に「この情報も載せたかった」「一覧でこの項目を出したい」となり、追加改修が必要になることがあります。見た目のデザインだけでなく、裏側の入力項目まで設計しておくことが、更新しやすさにつながります。CMSは、エンジニアではない人が使うことも多いツールです。そのため、入力画面はできるだけ迷わない形にしておくのがおすすめです。たとえば、次のような工夫があります。管理画面が複雑すぎると、更新作業そのものが負担になります。結果として、せっかくCMSを入れても更新されないサイトになってしまいます。「社内の誰が触っても、最低限の品質で更新できる」状態を目指すと、公開後の運用が続きやすくなります。企業サイトの更新では、入力できることと、すぐ公開してよいことは別です。特に社員インタビューや導入事例では、本人確認、掲載許可、顧客名、写真、機密情報などの確認が必要になることがあります。公開前に見ておきたい項目は、たとえば次のようなものです。CMS側で下書き・レビュー・公開の状態を分けたり、公開前チェックリストを運用に入れたりすると、担当者が変わっても確認漏れを減らしやすくなります。お知らせや社員インタビューは、単に更新頻度を増やすために書くものではありません。企業サイトを見に来る人は、「この会社は何をしているのか」「信頼できる会社なのか」「働く人はどんな雰囲気なのか」「自分が相談してよさそうか」を知りたいはずです。Googleも、検索向けに量産された内容ではなく、読者に役立つ、信頼できる、独自性のあるコンテンツを重視する考え方を示しています。社員インタビューなら、きれいな紹介文だけでなく、実際の働き方、仕事の進め方、入社前後のギャップ、チームの雰囲気など、会社の中にいる人だから書ける内容が価値になります。お知らせも、ただ「掲載しました」で終わらせるのではなく、読者が次に何をすればよいか分かる導線を用意すると親切です。公開後に増えていくコンテンツほど、品質のばらつきが出やすくなります。たとえば、社員インタビューで写真を載せるなら代替テキストをどう書くか。動画を使うなら字幕や内容説明をどう用意するか。リンク文言を「こちら」だけにしないか。見出しの順番が崩れていないか。こうした基本は、最初の制作時だけでなく、更新運用の中でも守る必要があります。デジタル庁の標準ガイドライン群でも、Webサイト構築後に追加されるコンテンツのアクセシビリティに焦点を当てた広報向けガイドブックが位置づけられています。つまり、アクセシビリティは制作時の一度きりの対応ではなく、更新し続ける情報にも関係するテーマです。検索エンジン向けには、記事ページごとにタイトル、説明文、公開日、更新日、著者・組織情報などを正しく扱える設計にしておくと、あとから整えやすくなります。GoogleのArticle構造化データでも、記事の見出し、画像、公開日、更新日、著者情報などを機械が理解しやすい形で示す例が紹介されています。CMSを導入すると、社内で更新しやすくなる一方で、保守も必要になります。特にWordPressのような広く使われているCMSでは、本体・プラグイン・テーマのアップデート、バックアップ、権限管理、ログイン情報の管理などを継続して見る必要があります。IPAも、WordPressの脆弱性対策として、対象バージョンへの更新確認や、必要に応じた手動更新の検討を案内しています。CMSを入れるかどうかを決めるときは、「誰が記事を更新するか」だけでなく、 もセットで考えておくと安心です。もし社内で保守を見るのが難しい場合は、制作会社や外部パートナーに保守運用まで依頼する方法もあります。更新できる企業サイトを作るとき、最初から完璧な管理画面を作る必要はありません。まずは、お知らせと社員インタビューだけを更新できるようにする。カテゴリやタグは最低限にする。公開前チェックリストを用意する。慣れてきたら導入事例やセミナー情報を増やす。このように段階的に広げる方法もあります。大切なのは、作って終わりにしないことです。企業サイトは公開したあとも、会社の動きに合わせて育てていくものです。CMSはそのための道具であり、目的ではありません。お知らせや社員インタビューを更新できる企業サイトを作るときは、CMSを入れるかどうかだけでなく、次のようなことを整理しておくと進めやすくなります。更新できるサイトは、管理画面を作るだけでは完成しません。社内の人が無理なく使えて、読者に役立つ情報を継続して出せて、公開後も安全に保守できる状態まで含めて設計することが大切です。ブラキオでは、中小企業の企業サイト制作や、Next.jsとヘッドレスCMSを組み合わせたサイト構築、公開後の保守運用まで相談できます。「お知らせや社員インタビューを自社で更新できるようにしたい」「CMSを入れるべきか迷っている」という段階でも、まずはお気軽に株式会社ブラキオへご相談ください。
2026.10.29
microCMSがTypeScript型の自動生成に対応。Next.js制作で見直したい型管理とCI
ヘッドレスCMSを使ったWeb制作では、CMS側のAPIスキーマとフロントエンド側の型定義を揃えておく必要があります。例えばmicroCMSで「お知らせ」に項目を追加しても、Next.js側のTypeScriptの型を更新し忘れると、実装と実際のデータ構造にずれが生じます。、microCMSはAPIスキーマからTypeScriptの型を自動生成するCLI「microcms-typegen」を公開しました。同時に、JavaScript SDK（microcms-js-sdk）のバージョン3.6.0では、生成した型を使ってエンドポイントや取得条件に応じた型推論ができるようになりました。これは単に型を書く手間を減らすだけでなく、を考えるきっかけになるアップデートです。この記事では、何が変わったのかを整理したうえで、Next.jsとmicroCMSで企業サイトを制作・保守するときに見直したい型管理とCIのポイントを考えます。Next.jsとmicroCMSを組み合わせる場合、CMSで定義したフィールドに対応する型をフロントエンド側で手書きする方法が一般的でした。例えば、お知らせに「タイトル」「本文」「公開日」がある場合、開発側でもそれらを型定義します。しかし運用開始後に「カテゴリ」や「サムネイル」が追加されると、CMSの設定変更と型定義の修正を別々に行う必要があります。担当者が違ったり、変更が小さかったりすると、この同期が抜けることがあります。型チェックが通っていても、。microcms-typegenは、マネジメントAPIから取得したAPIスキーマをもとにTypeScriptの型を生成します。CMSの設定を見ながらフィールド名を書き写す必要がなくなり、スキーマ変更時もコマンドの再実行で型を更新できます。基本的な導入は、ツールのインストール、初期設定、API情報取得権限を持つAPIキーの設定、型生成の順番です。ただし、公式READMEに記載された動作環境はです。設定ファイルや生成した型を型チェックする場合はが必要で、SDK側の新しい型推論もTypeScript 6.0以降を前提としています。既存プロジェクトへ導入する前に、ランタイムとTypeScriptのバージョンを確認しておきたいところです。microcms-js-sdk 3.6.0では、生成されたサービス全体の型をに指定できます。例えば記事一覧の取得時にで「タイトルだけ」を指定すれば、その条件に応じた戻り値の型が推論されます。による参照先の展開も考慮され、存在しないエンドポイントやフィールドを指定した場合は、静的に分かる範囲で型エラーとして検出できます。これまでのように取得メソッドごとに型を手で指定するより、APIスキーマと実装の関係が明確になります。今回注目したいのは、コマンドです。生成済みの型と現在のAPIスキーマを比較し、差分やファイルの欠落がある場合に終了コード1を返します。生成ファイルを書き換えないため、CIに組み込めます。例えば、次のような運用が考えられます。導入にあたっては、CIからmicroCMSのマネジメントAPIへアクセスするためのAPIキーの管理、チェックを実行するタイミング、開発環境と本番環境でスキーマが異なる場合の扱いなども、あわせて設計する必要があります。Claude CodeなどのAIに実装を任せる場合、AIがCMSに存在しないフィールド名を推測して使ってしまうことがあります。生成した型を参照できる状態にしておけば、存在しないフィールドを使った実装は型チェックで発見しやすくなります。AIに「正しいフィールド名を覚えさせる」だけでなく、という考え方です。ただし、型が正しいからといって画面の仕様や使いやすさまで保証されるわけではありません。AIへの指示、型チェック、テスト、人間による動作確認は、それぞれ役割が異なります。人が確認すべきことと機械で検出できることを分ける、これはブラキオが重視するFrontend Opsの考え方にもつながります。今回の型推論にも対象外があります。公式SDKのREADMEでは、やの文字列内で指定するフィールド名や値は型検査の対象外とされています。また、TypeScriptの型はコンパイル時の確認であり、実際のAPIレスポンスを実行時に検証するものではありません。さらに、既存データには未入力の値が残っている可能性があります。必須フィールドだから必ず値がある、と安易に決めつけないことも大切です。型生成ツールには読み取り型の空値を絞る設定がありますが、実データの状態を保証できる場合に限って使うのがよいでしょう。設定ファイルはES modules形式のTypeScriptが前提で、でを明示しているプロジェクトには対応していない点にも注意が必要です。microCMSの型自動生成は、TypeScriptを書く量を減らすだけの機能ではありません。CMSのスキーマ変更を、フロントエンドの型チェックやCIにつなげられる点に価値があります。Webサイトは公開後も、お知らせの項目追加やページ構成の変更が発生します。そのたびに人間が目視で型を確認するより、方が、継続的な保守には向いていると考えています。導入を検討する際の確認ポイントは次のとおりです。まずは既存プロジェクトのNode.js・TypeScriptのバージョンとCMSの更新フローを確認し、小さなAPIから導入を検討してみるのがよさそうです。ブラキオでは、Next.jsとmicroCMSを使ったサイトの制作だけでなく、公開後の保守・運用もお手伝いしています。「既存サイトに型生成やCIを導入したい」「CMSの更新フローを整理したい」といったご相談も、お気軽にお問い合わせください。※記事内の仕様・バージョンは2026年10月24日時点の公式情報に基づきます。最新の内容は各公式ドキュメントをご確認ください。
2026.10.26