microCMSでサイトを刷新し、書籍情報を複数サイトへ配信。担当者が「更新したくなる」運用に

microCMSでサイトを刷新し、書籍情報を複数サイトへ配信。担当者が「更新したくなる」運用に
導入前の課題
  • 創業時の少ない出版点数を前提にしたサイト構成で、毎月10冊以上に増えた新刊を見せにくかった
  • 「お知らせ」内でカテゴリー分けができておらず、イベントや作品の関連情報をわかりやすく掲載できていなかった
  • CMSのアップデートなど、サーバー側の保守を制作会社が担う必要があった
導入後の効果
  • 直感的に操作できる管理画面になり、担当者1名でも更新にかかる手間が大幅に減った
  • microCMSに登録した新刊情報やお知らせを、別のサービスサイトや特設サイトにもAPIで表示できるようになった
  • CMSのアップデートなど、サーバー側の保守作業から手が離れた

小説・新書・漫画のレーベルを中心に、オールジャンルの出版を手がける株式会社星海社。同社は2026年4月、コーポレートサイトのリニューアルにあわせてmicroCMSを導入し、書籍情報やお知らせを他のサイトにも配信しています。

今回は、星海社 宣伝プロデューサーの築地教介さん、サイト制作を担当した株式会社シナップ クリエイティブディレクターの大川貴裕さんに、導入の背景から効果、今後の展望についてお聞きしました。

導入の背景:増え続ける新刊を見せられるサイトへ

microCMSを導入した背景を教えてください。

-築地さん
以前のコーポレートサイトは、創業時から15年以上、別のCMSで運用していました。

当社は講談社の子会社として少人数でスタートした会社で、創業当初は新刊も月に2〜3冊程度だったのですが、今では、平均して毎月8タイトル前後の新刊を出しています。出版点数が増えたことで、サイトに求められる役割も変わってきたんです。

以前は、イベントなどの情報を独立したカテゴリーで更新できていなかったのですが、お知らせのカテゴリーをもっと細かく分けたいという思いもありました。書籍情報だけでなくイベントやお知らせも見やすく整理し、あわせて更新のストレスも減らしたいと考えていたんです。

-シナップ・大川さん
創業時のサイトも当社で制作しました。運用面では、CMSのアップデートなどの保守も当社で担ってきました。

出版点数の少なさを感じさせない見せ方で設計していたんです。ただ、築地さんのおっしゃるとおり、今は逆に豊富なラインナップを存分にアピールする必要が出てきました。 

導入の決め手は何だったのでしょうか?

-シナップ・大川さん
いちばんの理由は、管理画面が使いやすく、更新の負荷を減らせることです。星海社さんのサイトは築地さんがほぼお一人で更新されているので、更新のしやすさを最も重視しました。

加えて、ヘッドレス構成にすることで、表示速度やセキュリティも高められます。以前のCMSを使い続ける選択肢もありましたが、管理画面の使いやすさや運用面でのメリットを総合的に考え、microCMSに移行したほうがよいと判断しました。

当社はmicroCMSでの構築経験が豊富で、自信を持っておすすめできたことも大きかったです。

-築地さん
ヘッドレスCMSは、大川さんに教えていただいて初めて知りました。当社はメディアサイトに「最前線」と名づけるくらい、新しい提案に対しては「面白そうだね!」と前向きに採用することが多い会社です。今回もすぐに導入が決まりました。 

導入までのプロセス:約4か月でリニューアル。数千冊の書籍データもAPIで移行

導入時の体制と進め方を教えてください。

-築地さん
星海社側は弊社の代表と私が窓口になり、社内のメンバーから今のサイトで改善したい点を集めて、シナップさんに相談しました。

-シナップ・大川さん
シナップ側は、私とデザイナー、エンジニア2名、アシスタントディレクターの5名の体制です。当社は星海社さんの創業時からWeb全般を担当していて、これまでの経緯を踏まえて進められたのは大きかったです。サイトリニューアルの構想は以前からありましたが、具体的に動き出したのは2025年の年末で、そこから約4か月でリニューアルサイトを公開できました。

データの移行はどのように進めましたか?

-シナップ・大川さん
出版社のサイトリニューアルでは、書影の登録作業がボトルネックになりがちです。今回は、15年以上分、数千冊の書籍を、ISBNなどの情報や書影も含めて移す必要があったんです。そこで画像の一括アップローダーを自作し、ファイル名と書籍データを突き合わせながら、書影を自動でアップロードしました。書籍情報は一度CSVに落とし込み、整形したものをmicroCMSのAPI経由で登録しました。

量は多かったものの、以前のCMSのデータがきれいに整理されていたので、スキーマを合わせる作業自体はそれほど大変ではありませんでした。手で直したのは、カテゴリーがつながらなかったものなど数十冊ほどです。 

活用の状況:書籍情報やお知らせを、APIで複数のサイトに配信 

microCMSをどのように利用されていますか?

-築地さん
「お知らせ・イベント」「書籍情報・新刊情報」、トップページのスライドなどをmicroCMSで管理しています。「お知らせ」はイベントや作品関連情報などのカテゴリーに分け、知りたい情報を探しやすくしました。サイン会やトークショーといったイベントの情報も、以前よりタイムリーに届けられるようになっています。

-シナップ・大川さん
今回のリニューアルでは、コーポレートサイトを更新すれば、同じ情報がほかのサイトにも表示される仕組みをつくりました。

ひとつ目の例が、4コマ漫画の連載サイト「ツイ4」です。「ツイ4」自体は別のCMSで運用されていますが、トップページの新刊コミックスの欄には、microCMSから呼び出した新刊情報が書影付きで並んでいます。microCMSに情報を登録すれば、「ツイ4」側で作業をしなくても、表示が自動で最新の状態に切り替わります。

もうひとつの例が、メディアサイト「最前線」内にある、奈須きのこさんの小説『魔法使いの夜』の特設サイトです。microCMSに登録するお知らせには、どの作品の情報なのかを示すフラグを付けられるようにしました。特設サイトでは、『魔法使いの夜』の目印が付いたお知らせだけを呼び出して表示しています。書店別特典などの情報をmicroCMSに登録すれば、コーポレートサイトと同じお知らせが特設サイトにも自動的に並ぶ仕様になっています。 

具体的なシステム構成を教えてください。

-シナップ・大川さん
CMSはmicroCMS、フロントエンドはNext.js、ホスティングはVercelで、SSG(Static Site Generation)で静的に配信するJamstack構成です。表示速度を重視してこの構成を選びました。

コンテンツの運用フローを教えてください。

-築地さん
サイトの更新は、基本的に私1人で行っています。新刊が出るときに書籍情報を登録し、アニメ化やドラマ化、電子書籍フェアなどがあればお知らせで告知するという流れです。出版物は情報解禁の日時が決まっているので、公開予約機能を使って解禁タイミングに合わせています。トップページのスライド画像のようにデザイン作業が必要なものは、素材をシナップさんにお渡しして制作してもらっています。

導入の効果:更新の時間が減り、CMSの保守負担も軽減

microCMSを導入して、どのような効果がありましたか?

-築地さん
更新にかかる時間は圧倒的に減りましたね。読者の方から特に反響があるわけではないのですが、社内のメンバーはリニューアルでとても見やすくなったと喜んでいます。

-シナップ・大川さん
制作会社の立場から見ても、更新の回数が増え、スピードも上がったのがわかります。新刊一覧に書籍がずらりと並ぶ様子は壮観で、星海社さんの活動の幅がよく伝わりますね。

CMSの保守にかかる手間もなくなりました。現在はmicroCMS側で管理されているので、当社でアップデートを行う必要がありません。フロントエンドとバックエンドが分離したことで、制作会社としての運用も楽になっています。

microCMSの使い勝手はいかがですか?

-築地さん
画面を見ていると、ここはこう操作すればいいんだなと、なんとなくわかりますね。まるでスマートフォンを触っているような感覚で使えるんです。触っていけば直感的にわかるので、担当者が変わっても大丈夫だと思います。操作した内容もすぐに画面に反映されるし、ポップアップの出方も心地いい。サイトを更新するモチベーションが上がるんですよね。

-シナップ・大川さん
簡易的なマニュアルは用意しましたが、おそらく読まなくてもすぐ操作できると思います。それがmicroCMSのよさでもありますよね。

今後の展望:書籍ごとの情報を厚くし、AIでの更新も視野に 

今後、microCMSをどのように活用していきたいですか?

-築地さん
書籍の個別ページを、宣伝の場としてもっと活用していきたいと考えています。リニューアル直後には、PR動画や紹介記事などの情報を追記した書籍ページも作りました。そのページを見れば作品の話題がひととおりわかる、簡易的なLPのような使い方ですね。まだ一部のタイトルで試した段階なので、今後は新刊ごとに、発売後の追加情報の掲載を厚くしていきたいです。

-シナップ・大川さん
作品単位で情報を届ける仕組みは、特設サイトでも広げていきたいですね。『魔法使いの夜』と同じ仕組みを使えば、別の作品で特設サイトを立ち上げるときも、すぐにお知らせを表示できます。

もうひとつ考えているのが、AIを使った更新の自動化です。今は新刊が出るたびに、書影をアップロードして書籍情報を登録し、SNSで告知するという一連の作業が発生しています。microCMSのMCPサーバーを使うことで、星海社さんが普段利用しているAIからサイトを更新できるようになるので、さらにSNSへの投稿もあわせて自動化できるのではないかと検討しているところです。

microCMSに期待することはありますか?

-築地さん
音声コンテンツを収録してそのまま公開できる機能があると嬉しいです。今はYouTubeのリンクを埋め込んで動画を載せていますが、同じように音声もページ上で聞いてもらえる形にしてみたいんですよね。これまでブログで書いていたような内容を、お知らせとして音声で気軽に出せると、発信の幅が広がりそうだなと思っています。


取材協力:エディット合同会社(ライター:藤井亮一 撮影:関口佳代) 

microCMSでサイトを刷新し、書籍情報を複数サイトへ配信。担当者が「更新したくなる」運用に
株式会社星海社様
広告・メディアエンタメ・サービス業Next.jsVercel
microCMSでサイトを刷新し、書籍情報を複数サイトへ配信。担当者が「更新したくなる」運用に
開発と運用を切り離したヘルプポータルをmicroCMSで構築。エンジニアへの依存をゼロにし、業務効率も向上
NTTドコモビジネス株式会社様
IT・システム開発Next.jsVercel
開発と運用を切り離したヘルプポータルをmicroCMSで構築。エンジニアへの依存をゼロにし、業務効率も向上
記事更新のリードタイムが7日→1日以下に。複雑化したWordPressの独自カスタマイズから脱却し、マーケター主導でのコンテンツ運用を実現
株式会社エイチームライフデザイン様
エンタメ・サービス業AstroAWS
記事更新のリードタイムが7日→1日以下に。複雑化したWordPressの独自カスタマイズから脱却し、マーケター主導でのコンテンツ運用を実現
大規模なオンライン学習サービスのサイトリニューアルをmicroCMSで実現。APIを活用した独自運用基盤により、SEO改善の効率も向上
株式会社グロービス様
教育・学習支援Nuxt.js
大規模なオンライン学習サービスのサイトリニューアルをmicroCMSで実現。APIを活用した独自運用基盤により、SEO改善の効率も向上
事業の急成長を支えるWebサイトの基盤をmicroCMSで構築。エンジニアがより本質的な開発に集中できる運用と、最短1ヶ月での新サイト立ち上げが可能に
ANYCOLOR株式会社様
広告・メディアAWSNext.js
事業の急成長を支えるWebサイトの基盤をmicroCMSで構築。エンジニアがより本質的な開発に集中できる運用と、最短1ヶ月での新サイト立ち上げが可能に
外部委託コストを半減。WordPressからmicroCMSへ移行し、更新スピードとセキュリティを同時改善
株式会社Looop様
自治体・公共・組合Next.jsAWS
外部委託コストを半減。WordPressからmicroCMSへ移行し、更新スピードとセキュリティを同時改善
毎日更新が必要なキャンペーン・バナー掲載がミスなくスムーズに!フロントエンドの開発に注力可能な体制も構築
株式会社ブックリスタ様
エンタメ・サービス業AWSReact
毎日更新が必要なキャンペーン・バナー掲載がミスなくスムーズに!フロントエンドの開発に注力可能な体制も構築
microCMSでWebサイト運営を内製化。ノウハウが社内に蓄積し、新規サイトの立ち上げもスムーズに
株式会社USEN ICT Solutions様
IT・システム開発AstroNode.js
microCMSでWebサイト運営を内製化。ノウハウが社内に蓄積し、新規サイトの立ち上げもスムーズに

導入事例集 - 課題・ケース別編

microCMSを導入いただいた企業の事例を課題やケース別にまとめた資料です。microCMS導入前に抱えていた課題、microCMS導入後の効果をご覧いただけます。

導入事例集 - 課題・ケース別編
導入事例集 - 課題・ケース別編導入事例集 - 課題・ケース別編

目次

  1. 表示速度などのパフォーマンス改善
  2. 保守・運用コスト削減
  3. 工数削減
  4. 開発面における柔軟性
  5. 管理画面などの利便性
  6. セキュリティの高さ
  7. 充実のサポート
  8. WordPressからの移行
  9. Movable Typeからの移行

こんなことを知りたい方におすすめ

  • どんな課題をもつ企業がmicroCMSを導入しているのか
  • microCMS導入前に抱えていた課題、microCMS導入後の効果がどのようなものか