Kashiwabara-Gruppe: Migration von über 10 Websites zu Cloudflare-/microCMS-Umgebung

Unterschiedliche Website-Strukturen beibehalten und gleichzeitig Sicherheit sowie Betrieb vereinheitlicht

Wir haben die Infrastruktur von über 10 Websites, die von der Kashiwabara Corporation und ihren Tochterunternehmen betrieben werden, erneuert und Cloudflare als gemeinsame Grundlage genutzt.

Die Gruppe betreibt mehrere Websites mit unterschiedlichen Zielen und Betriebsstrukturen, darunter Unternehmensseiten, Brand-Websites, Karriereseiten und Kampagnen-Websites.

Bei diesem Projekt haben wir nicht alle Websites einheitlich durch die gleiche Technologie ersetzt. Stattdessen haben wir DNS, Sicherheit, Bereitstellung und Überwachung in Cloudflare zusammengeführt und dabei die jeweilige Struktur und Betriebsmethode jeder Website beibehalten.

Für die wichtigsten Unternehmensseiten und Brand-Websites haben wir das Frontend mit Astro und microCMS erneuert. Dies ermöglicht eine gestärkte Governance für die gesamte Gruppe und gleichzeitig flexible Betriebsmethoden, die für jede Website geeignet sind.

Hintergrund des Projekts

Mit der Geschäftsexpansion und der Markenentwicklung der Gruppe nahm die Anzahl der Websites sowie die Menge an Inhalten wie Videos und Bildern zu.

Andererseits wurden die einzelnen Websites in unterschiedlichen Phasen mit unterschiedlichen Technologien und Betriebsstrukturen entwickelt, was zu folgenden Herausforderungen führte.

• Server- und DNS-Verwaltung sind je Website verteilt.
• Sicherheitsmaßnahmen und Wartungsmethoden unterscheiden sich je nach Website.
• Die zunehmende Anzahl von hochauflösenden Videos und Bildern erhöht die Anzeigelast.
• Mehrere Beteiligte, einschließlich externer Anbieter, betreiben jeweils unterschiedliche Umgebungen.
• Kontinuierliche Wartungskosten entstehen durch Betriebssystem- und Middleware-Updates sowie Fehlerüberwachung.
• Webseiten der gesamten Gruppe sind schwer zu überwachen.

Eine bloße Servermigration kann diese Herausforderungen nicht bewältigen.

Kashiwabara Corporation und deren verbundene Unternehmen betreiben über 10 öffentliche Webseiten. Wir haben die Web-Infrastruktur dieser Websites mit Cloudflare als gemeinsame Grundlage neu aufgebaut.

Migrationsstrategie ohne Vereinheitlichung aller Systeme

Bei der Integration von Gruppenwebseiten: Wenn alle Websites auf das gleiche CMS oder Framework umgestellt werden, hat dies erhebliche Auswirkungen auf bestehende Arbeitsabläufe und die Zusammenarbeit mit externen Anbietern.

In diesem Projekt haben wir die Rolle jeder Website, ihre Aktualisierungshäufigkeit, die Betriebsverantwortung und künftige Überarbeitungspläne dokumentiert und die jeweils am besten geeignete Migrationsmethode ausgewählt.

Gesamter Ablauf des Migrationsdesigns

1. Überprüfung der Website-Struktur, DNS, Server, CMS und Betriebsstruktur aller Gruppenwebsites
2. Dokumentation der Rolle und Aktualisierungsmethode jeder Website sowie der beteiligten Anbieter
3. Klassifizierung der zu modernisierenden Websites und derjenigen, bei denen die bestehende Konfiguration beibehalten werden soll
4. Überarbeitung der Hauptwebsite mit Astro × microCMS
5. Websites, die bestehende CMS fortsetzten, wurden in einer separaten Umgebung von der Hauptwebsite isoliert
6. Konsolidierung von DNS und Kommunikationspfaden aller Websites zu Cloudflare
7. Sicherheitseinstellungen und Überwachungsmethoden in eine einheitliche Gruppenrichtlinie integriert
8. Schrittweise Umstellung mit Übergang zu Betriebsstruktur und Überwachungsverfahren nach dem Start

Wir respektieren die spezifischen Anforderungen jeder Website und schaffen gleichzeitig eine gemeinsame Grundlage durch Cloudflare, um Flexibilität und Governance zu vereinbaren.

Aufbau einer gemeinsamen Grundlage mit Cloudflare

Wir haben DNS und Kommunikationswege von über 10 Websites bei Cloudflare konsolidiert.

Selbst wenn die Server und CMS der einzelnen Websites unterschiedlich sind, vereinheitlichen wir den Kontaktpunkt zum Internet über Cloudflare, um eine Konfiguration zu schaffen, die es einfacher macht, einheitliche Sicherheits- und Bereitstellungsrichtlinien auf die gesamte Gruppe anzuwenden.

Zentralisierung der DNS-Verwaltung

Wir haben die zuvor auf verschiedene Websites verteilte DNS-Verwaltung bei Cloudflare konsolidiert.

Wir können nun die Konfiguration aller Domains übergreifend überblicken und haben eine Betriebsplattform geschaffen, die Website-Hinzufügungen, Migrationen und Konfigurationsänderungen einfacher macht.

Content Delivery über CDN

Wir liefern statische Dateien wie Bilder, Videos, CSS und JavaScript über das Cloudflare-Netzwerk aus und reduzieren so die Last auf den Origin-Servern.

Auch auf Websites, die umfangreiche Rich-Content-Inhalte nutzen, haben wir eine zuverlässige Bereitstellungsplattform geschaffen.

Einheitliche Sicherheitsrichtlinie

Wir haben Cloudflare vor jedem Standort positioniert, um Sicherheitsfunktionen wie WAF und DDoS-Schutz nutzen zu können.

Anstatt sich nur auf einzelne Server zu verlassen, kontrollieren wir die Kommunikation über einen gemeinsamen Eingang auf Gruppenebene, was es einfacher macht, unterschiedliche Sicherheitsmaßnahmen zwischen den Standorten zu vereinheitlichen.

Gemeinsame Komponenten mit Astro × microCMS aufbauen und auf mehrere Standorte ausrollen

Bei den wichtigsten Corporate- und Brand-Standorten haben wir Astro und microCMS eingeführt, um unser Frontend und die Content-Management-Grundlage zu modernisieren.

Anstatt für jeden Standort eine neue Umgebung von Grund auf zu erstellen, haben wir Implementierungen und Konfigurationen identifiziert, die auf mehreren Standorten gemeinsam genutzt werden können, und gemeinsame Komponenten auf Astro-Basis aufgebaut. Auf jedem Standort nutzen wir diese gemeinsamen Komponenten, während wir Design, Inhalte und erforderliche Funktionen individuell implementieren.

Auf diese Weise respektieren wir die Markenidentität und Betriebsrichtlinien jedes Standorts und halten gleichzeitig Qualität, Wartbarkeit und Entwicklungseffizienz auf allen Gruppenstandorten auf einem einheitlichen Niveau.

Standardisierung mit Beibehaltung der individuellen Identität pro Standort

Anstatt alle Standorte auf ein einheitliches Design oder eine einheitliche Funktionalität zu standardisieren, haben wir nur die technische Grundlage vereinheitlicht.

Da Design, Content-Struktur und erforderliche Funktionen für jeden Standort einzeln gestaltet werden können, können wir die Vorteile der gemeinsamen Grundlage nutzen, ohne die Brand-Ausdrucksfähigkeit oder Betriebsmethoden zu beeinträchtigen.

Frontend-Entwicklung nur dort, wo sie gebraucht wird

Dank der Island-Architektur von Astro wird JavaScript nur in Bereichen ausgeführt, die interaktive Verarbeitung erfordern.

Durch den Verzicht auf das einheitliche Laden von JavaScript auf der gesamten Seite erreichen wir ein Gleichgewicht zwischen ausdrucksstarken Inhalten mit Videos und hochauflösenden Bildern und leichten Webseiten.

Content-Management mit microCMS

Für die Content-Verwaltung haben wir das Headless-CMS microCMS eingesetzt.

Durch die Trennung des Frontends für die Präsentation und des CMS für die Verwaltung von Informationen können wir Design und Funktionen für jede Website flexibel gestalten und gleichzeitig die Möglichkeit schaffen, dass Verantwortliche regelmäßig Inhalte aktualisieren können.

Eine Grundlage für leichtere Entwicklung und Wartung

Durch die Verwendung von gemeinsamen Paketen verhindern wir, dass sich unterschiedliche Implementierungen und Konfigurationen von Website zu Website unkontrolliert vermehren.

Dies ermöglicht einfachere Konstruktion neuer Websites, Hinzufügen von Funktionen zu bestehenden Websites und Updates gemeinsamer Komponenten und realisiert eine Entwicklungsgrundlage, auf der mehrere Group-Websites mittelfristig betrieben werden können.

Darüber hinaus reduziert eine Struktur mit statischer Bereitstellung als Schwerpunkt die Verwaltungsbelastung für Betriebssysteme und Middleware, die bisher erforderlich war. Wir haben eine Umgebung geschaffen, in der wir uns nicht nur auf Wartungsarbeiten konzentrieren, sondern auch auf Content-Management und Website-Verbesserungen fokussieren können.

Referenzartikel
https://www.liberogic.jp/topics/20250804-AstroComponent/

Umgebungstrennung zur Nutzung bestehender CMS

Für Recruitingseiten, Kampagnenseiten und andere Sites, die externe Partnerschaften oder schnelle Aktualisierungen erfordern, verwenden wir weiterhin bestehende CMS wie WordPress und Movable Type.

Wir haben jedoch die Server- und Betriebsumgebung getrennt, anstatt sie in derselben Umgebung wie die Hauptsite zu vermischen.

Diese Konfiguration minimiert die Auswirkungen, falls Probleme in einem CMS oder Server auftreten.

Wir stärken das Risikomanagement für die gesamte Gruppe, ohne den bestehenden Entwicklungs- und Betriebsprozess grundlegend zu ändern.

Mit Cloudflare unterschiedliche Site-Konfigurationen verbinden

Die Hauptsite und bestehende CMS-Sites werden jeweils in unabhängigen Umgebungen betrieben.

Gleichzeitig verwalten wir DNS, Kommunikation, Sicherheit und Überwachung nach einer gemeinsamen Richtlinie mit Cloudflare im Mittelpunkt.

Auf diese Weise bewahren wir die für jede Site geeigneten Technologien und Betriebsstrukturen und realisieren gleichzeitig eine kontrollierte Web-Infrastruktur für die gesamte Gruppe.

Änderungen nach der Implementierung

Mehrere Websites nicht "vereinheitlichen", sondern "integrieren"

In diesem Projekt haben wir mehr als zehn Websites nicht alle auf die gleiche Technologie umgestellt, sondern haben jeweils eine Konfiguration beibehalten, die dem Zweck und der Betriebsstruktur der einzelnen Seite entspricht.

Darüber hinaus nutzen wir Cloudflare als gemeinsame Grundlage der Gruppe, um DNS, Kommunikation, Sicherheit und Überwachung zu integrieren.

Die Hauptseite wurde mit Astro × microCMS modernisiert, und Sites mit bestehendem CMS wurden in eine unabhängige Umgebung ausgelagert, um ein Gleichgewicht zwischen Performance, Betriebseffizienz und Sicherheit zu erreichen.

Anstatt verschiedene Sites zwanghaft zu vereinheitlichen, war es ein entscheidender Punkt dieses Web-Infrastruktur-Projekts, die Unterschiede zu nutzen und dennoch eine zentral verwaltete Struktur zu schaffen.

Ein Projekt, das durch das Verständnis und die Zusammenarbeit des Teams realisiert wurde

Dieses Projekt, das sich über 10 oder mehr Websites erstreckt und die Migration zur gemeinsamen Plattform bei gleichzeitiger Fortsetzung des jeweiligen Betriebs durchführt, war nicht nur technisch, sondern auch in der Koordination zwischen den Beteiligten eine äußerst anspruchsvolle Aufgabe.

Die erfolgreiche Migration zu einer zukunftsorientierten neuen Infrastruktur unter Berücksichtigung unterschiedlicher Ziele, Betriebsstrukturen und bestehender Produktionsabläufe für jede Site war nur möglich durch das tiefe Verständnis und die positive Haltung der KASHIWABARA-Gruppe, die diese Veränderungen vorantrieb.

Wir möchten uns auch bei der Nippon Design Center Co., Ltd. für Branding und Creative Design, bei Original Text Co., Ltd. für die Gesamtprojektleitung und -struktur sowie bei allen anderen beteiligten Unternehmen, die an der Erstellung und dem Betrieb der einzelnen Sites mitgewirkt haben, herzlich bedanken.

Die Tatsache, dass Mitglieder mit unterschiedlichen Rollen und Fachkenntnissen ihre jeweiligen Erkenntnisse einbrachten, die bestehenden Strukturen respektierten und auf das gemeinsame Ziel einer besseren Web-Infrastruktur hinarbeiteten, war die entscheidende Kraft, die dieses Projekt zum Erfolg führte.