microCMS

【株式会社ALBA様】コンテンツ更新の速報性とページ読み込み表示スピードが大幅改善!

工藤 港
株式会社ALBAが運営するゴルフ総合サイト「ALBA.Net」は、不動の人気ゴルフ雑誌「アルバトロス・ビュー」のWEBマガジンとして2007年にスタートし、ゴルフニュースやツアー情報などゴルファーをサポートするさまざまなコンテンツをお届けしています。
2023年1月「ALBA Net」がリニューアルし、コンテンツ管理にmicroCMSが導入されました。

ゴルフ総合サイト「ALBA.Net」
今回は、株式会社ALBAのデジタル編集部長の山村さんとサイト企画・改善担当の會澤さん、制作を担当されたちょっと株式会社のリードエンジニアの立崎さんとフルスタックエンジニアの伊藤さんに、microCMSの導入経緯や導入後の変化についてお話を伺いました。

導入の背景:ページ表示速度・セキュリティ・運用コストの課題があった

導入のきっかけ・決め手はなんでしたか?

- ALBA山村さん

ALBA Net」はサイトの立ち上げ以来、長年の運用によりさまざまな問題が発生しており、リニューアルが必要と判断しました。具体的な課題として、以下の3点が挙げられます。

  1. 経年劣化によるページ表示速度の著しい低下
  2. 毎年発生するセキュリティ問題
  3. サイト開発・運用における労力やコストの増加


加えて、スポーツメディアの特性上、以下に点も考慮が必要でした。

  • 試合中のスコアや画像配信などの速報性が重要
  • 静的ページだけでは対応が難しい(動的ページが必要)
  • 速報性の維持とサイトパフォーマンスを両立させるためのキャッシュコントロールが難しい
  • 40人以上の非エンジニアメンバーが運用するため、日本語の管理画面やサポートを利用したい


スクラッチでCMSを作成することも検討しましたが、カスタマイズの手間がかかることを懸念しました。そんな折、知人からヘッドレスCMSとSSGの組み合わせを提案されたことがきっかけとなり、microCMSを知りました。

パートナー紹介相談で、microCMSでの制作実績が豊富なちょっと株式会社さんから、課題解決に向けた有力な提案を受け、microCMSを導入したサイトリニューアルを決定しました。

(画像:左から株式会社ALBA 會澤さん、山村さん)

活用方法:現場からアップロードされた撮影画像を連携、管理画面で素早く選択し記事化

microCMSをどこでご利用いただいていますか?

- ちょっと伊藤さん

トップページの記事ピックアップ設定やメディア(画像)の管理など、ほぼ全ページでmicroCMSを利用しています。

(画像:左からちょっと株式会社 伊藤さん、立崎さん)

メディアサイトならでは特徴的な使い方として、ニュース管理データベースとしての利用です。

例えば、ニュース記事作成時には画像選択やコンテンツ編集はmicroCMSで行い、選手や関連大会情報は外部データベースを参照し、編集者が管理画面上で選べるように情報を連携しています。この実現のために、拡張フィールドを活用しています。

(画像:外部データベースから取得した関連大会情報管理画面で設定している様子

また、複数の外部ニュースサイトへ各社のフォーマットに合わせて配信するため、拡張フィールドWebhookを組み合わせて連携しています。

さらには、試合中にカメラマンが撮影した画像がデジタルカメラからAWSのFTPサーバーにアップロードされ、管理画面上からリアルタイムに選択・表示できる仕組みも拡張フィールドで実現しています。

(画像:サイト全体の構成図イメージ)

- ALBA會澤さん

カメラマンからアップロードされる画像は1日に数百枚にも及び、以前はメールでのやりとりや写真の読み込み作業が発生し、記事配信までに時間がかかっていました。

リニューアル後はmicroCMSの管理画面から必要な画像情報を選ぶだけで記事作成ができるようになり、配信までの時間が短縮し、運用もとても楽になっています

(画像:microCMS管理画面のメディア選択を行うイメージ画像

導入の効果:運用スピードとページ表示スピードが大幅改善!

使ってみてmicroCMSの良さは感じられましたか?

- 會澤さん

操作が簡単で使いやすさを実感しています。40人以上の運用メンバーの中には、記者や雑誌編集部などエンジニアの知識がない人もいるにもかかわらず、操作に関する問い合わせがほぼゼロで、幅広いメンバーが効率的かつスムーズに運用できています。

- ALBA山村さん

特に、記事のコピー機能は非常に便利です。メディアの性質上、即時なニュース配信が必要とされます。そのため、タイトルと記事本文のみを変更し、即座にページを公開できることで、運営スピードや記事の速報性が向上しました。

また、リニューアル前に課題となっていたページ表示速度やセキュリティの問題も改善され、満足のいく結果が得られています。

microCMSの活用でサービス価値向上と競合差別化を目指す

microCMSの今後の活用計画はありますか?

- ちょっと立崎さん

現在はmicroCMSのプレーン機能を使用していますが、今後は管理画面をカスタマイズしてさらに運用しやすくしていきたいです。

- ALBA山村さん

microCMSを導入する前は、SaaSサービスでここまでフルスクラッチに近い状態のような実現ができるとは思っていませんでした。今後もmicroCMSの活用により、サービスの価値を高め、競合他社との差別化を図っていきたいと考えています。

今後microCMSに期待してることはありますか?

- ALBA山村さん

外部のライターや編集者にmicroCMSの権限を渡す際、権限管理画面でどの項目をONにすればいいのかわかりづらいと感じたため、もっと簡単に設定できるようになると助かります。
また、コンテンツ参照の検索でタイトルで検索してもうまく結果が出ないことがあるため、今後改善されることを希望します。

- ALBA會澤さん

エンジニア知識がない運用者に説明する際に、JamstackヘッドレスCMSについて簡単に説明できるものがあればいいなと思います。

-----------------------
株式会社ALBA 山村さん・會澤さん、ちょっと株式会社 立崎さん・伊藤さん、貴重なお話をありがとうございました!
引き続き、microCMSがお役立ていただけるよう改善を進めてまいります。

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

microCMSを導入いただいた企業の様々な用途の活用方法を課題やケース別にまとめた資料です。導入前に抱えていた課題、microCMS導入後の効果をご覧いただけます。

無料で資料請求する

ABOUT ME

ちょっと株式会社 認定パートナー
もともとWebデザイナー・フロントエンドエンジニアだった代表が2019年に起業し、UIや体験の設計にこだわったサイト制作・システム開発を行っております。 特に最近はUX向上やSEOを目的としたサイト高速化・UI改善に力を入れており、JamstackのようなモダンなWeb開発にも積極的に取り組んでいます。
https://microcms.io/partners/chot
制作を依頼する