Plus de 10 sites du groupe Kashiwabara migrés vers Cloudflare / microCMS

Sécurité et gestion unifiées tout en préservant les configurations distinctes des sites

Nous avons reconstruit l'infrastructure de plus de 10 sites web gérés par Kashiwabara Corporation et ses filiales en utilisant Cloudflare comme plateforme commune.

Le groupe exploite plusieurs sites web aux objectifs et structures de gestion différents : sites institutionnels, sites de marque, sites de recrutement, sites de campagne, etc.

Plutôt que de remplacer uniformément tous les sites par la même technologie, nous avons centralisé les mécanismes de DNS, de sécurité, de distribution et de monitoring sur Cloudflare tout en préservant les configurations et méthodes de gestion spécifiques à chaque site.

Pour les principaux sites institutionnels et de marque, nous avons modernisé le frontend en adoptant Astro et microCMS, visant à renforcer la gouvernance du groupe tout en maintenant une gestion flexible adaptée à chaque site.

Contexte du projet

Avec l'expansion commerciale et le renforcement du branding du groupe, le nombre de sites web et la quantité de contenus (vidéos, images, etc.) ont augmenté.

Cependant, comme chaque site avait été construit à des périodes différentes avec des technologies et des structures de gestion différentes, nous avons identifié les défis suivants :

• Les serveurs et la gestion DNS sont dispersés entre les différents sites.
• Les mesures de sécurité et les méthodes de maintenance varient selon les sites.
• L'augmentation des vidéos et images haute résolution accroît la charge d'affichage.
• Plusieurs parties prenantes, y compris des fournisseurs externes, exploitent chacune des environnements distincts.
• Des coûts de maintenance continus sont engagés pour les mises à jour du système d'exploitation, des middlewares, la surveillance des pannes, etc.
• Il est difficile de comprendre de manière transversale l'ensemble des sites Web du groupe.

La simple migration des serveurs ne peut pas résoudre ces problèmes.

Par conséquent, nous avons reconstruit l'infrastructure Web en utilisant Cloudflare comme plateforme commune pour plus de 10 sites Web publics exploités par Kashiwabara Corporation et ses sociétés affiliées.

Conception de migration sans uniformiser toutes les configurations

Lors de la consolidation de sites de groupe, si vous changez tous les sites vers le même CMS ou le même framework, cela aura un impact majeur sur les flux d'exploitation existants et les partenariats avec les fournisseurs externes.

Dans ce projet, nous avons examiné le rôle du site, la fréquence de mise à jour, l'entité responsable de son exploitation et les plans de modification futurs, puis sélectionné la méthode de migration la plus appropriée pour chaque cas.

Flux global de la conception de migration

1. Audit de la structure de chaque site du groupe, du DNS, des serveurs, du CMS et de la structure opérationnelle
2. Clarification du rôle et des méthodes de mise à jour de chaque site, ainsi que les prestataires associés
3. Classification des sites à moderniser et des sites maintenant la configuration existante
4. Refonte des sites principaux avec une configuration Astro × microCMS
5. Isolement de l'environnement des sites utilisant le CMS existant par rapport aux sites principaux
6. Consolidation du DNS et des chemins de communication de tous les sites sur Cloudflare
7. Intégration des paramètres de sécurité et des méthodes de surveillance dans une politique commune au groupe
8. Basculement progressif et transition vers un régime opérationnel et de surveillance post-lancement

En respectant les spécificités de chaque site, nous avons établi une infrastructure commune via Cloudflare, assurant ainsi à la fois flexibilité et gouvernance.

Construction d'une infrastructure commune avec Cloudflare

Nous avons centralisé le DNS et les chemins de communication de plus de 10 sites Web vers Cloudflare.

Même lorsque les serveurs et CMS de chaque site diffèrent, en unifiant le point de contact avec Internet via Cloudflare, nous avons créé une configuration qui facilite l'application de politiques de sécurité et de distribution communes à l'ensemble du groupe.

Centralisation de la gestion DNS

Nous avons consolidé la gestion DNS, qui était auparavant distribuée sur plusieurs sites, vers Cloudflare.

Vous pouvez désormais avoir une vue transversale de la configuration de chaque domaine et avez mis en place une base opérationnelle qui facilite l'ajout de sites, les migrations et les modifications de configuration.

Distribution de contenu via CDN

En distribuant les fichiers statiques tels que les images, vidéos, CSS et JavaScript via le réseau Cloudflare, nous réduisons la charge sur les serveurs d'origine.

Même pour les sites utilisant largement du contenu riche, nous avons construit une infrastructure de distribution qui assure un affichage stable.

Unification de la politique de sécurité

Nous avons placé Cloudflare en amont de chaque site pour exploiter des fonctionnalités de sécurité telles que le WAF et la protection contre les attaques DDoS.

En contrôlant les communications via une entrée commune au groupe plutôt que de dépendre uniquement des serveurs individuels, nous avons harmonisé les mesures de sécurité qui variaient d'un site à l'autre.

Composants partagés Astro × microCMS déployés sur plusieurs sites

Pour les principaux sites d'entreprise et les sites de marque, nous avons adopté Astro et microCMS pour moderniser la base d'implémentation frontend et de gestion de contenu.

Plutôt que de construire un environnement unique à partir de zéro pour chaque site, nous avons organisé les implémentations et configurations réutilisables sur plusieurs sites et créé des composants partagés basés sur Astro. Chaque site utilise ces composants partagés tout en implémentant individuellement son design, son contenu et les fonctionnalités nécessaires.

Cela nous permet de maintenir le respect des identités de marque et des politiques d'exploitation de chaque site, tout en assurant une qualité, une maintenabilité et une efficacité de développement cohérentes dans l'ensemble du portefeuille de sites du groupe.

Harmonisation tout en préservant l'individualité de chaque site

Nous n'avons pas unifié le design et les fonctionnalités de tous les sites, mais uniquement harmonisé la base technique.

Puisque le design, la structure du contenu et les fonctionnalités requises peuvent être conçus individuellement pour chaque site, nous bénéficions d'une plateforme commune tout en préservant l'expression de marque et les méthodes d'exploitation spécifiques à chaque site.

Frontend minimaliste qui exécute uniquement ce qui est nécessaire

Grâce à l'architecture en îles d'Astro, JavaScript s'exécute uniquement sur les zones nécessitant une interactivité.

En évitant de charger JavaScript sur l'ensemble de la page, nous avons réussi à concilier des contenus visuels riches — vidéos et images haute résolution — avec des pages web légères.

Gestion de contenu via microCMS

Pour la gestion de contenu, nous avons adopté microCMS, un headless CMS.

En séparant le frontend qui affiche le contenu du CMS qui le gère, nous avons créé une architecture qui permet de concevoir librement le design et les fonctionnalités de chaque site, tout en permettant aux responsables de mettre à jour régulièrement le contenu.

Une base de développement durable et facile à maintenir

En utilisant des paquets partagés, nous avons limité la prolifération anarchique des implémentations et configurations spécifiques à chaque site.

Nous avons facilité la création de nouveaux sites, l'ajout de fonctionnalités à des sites existants et la mise à jour de composants communs, créant ainsi une base de développement qui permet la gestion à long terme de plusieurs sites de groupe.

De plus, cette architecture basée principalement sur une distribution statique réduit la charge de gestion des systèmes d'exploitation et des intergiciels autrefois nécessaires. Nous avons ainsi créé un environnement où les ressources se concentrent sur l'amélioration du contenu et du site plutôt que sur la simple maintenance.

Article de référence
https://www.liberogic.jp/topics/20250804-AstroComponent/

Séparation des environnements pour tirer parti des CMS existants

Pour les sites de recrutement, les sites de campagne et autres sites nécessitant une collaboration avec des prestataires externes ou une mise à jour rapide, nous continuons à utiliser les CMS existants tels que WordPress et Movable Type.

Cependant, au lieu de les mélanger dans le même environnement que le site principal, nous avons séparé les serveurs et les environnements opérationnels.

En cas de problème sur l'un des CMS ou serveurs, cette architecture facilite la limitation de l'impact.

Nous avons renforcé la gestion des risques au niveau du groupe sans modifier considérablement les flux de production et d'exploitation existants.

Connexion de configurations distinctes par site via Cloudflare

Le site principal et les sites CMS existants fonctionnent dans des environnements indépendants.

En parallèle, le DNS, les communications, la sécurité et la surveillance sont gérés selon une politique commune centrée sur Cloudflare.

Cela nous permet de maintenir les technologies et les modèles d'exploitation adaptés à chaque site, tout en réalisant une infrastructure Web cohérente et contrôlée au niveau du groupe.

Changements après la mise en œuvre

Intégrer plutôt qu'harmoniser plusieurs sites

Pour ce projet, au lieu de remplacer plus de 10 sites web par la même technologie, nous avons maintenu une configuration adaptée à l'objectif et à la structure opérationnelle de chacun.

En outre, en utilisant Cloudflare comme infrastructure commune au groupe, nous avons intégré le DNS, les communications, la sécurité et la surveillance.

Le site principal a été modernisé avec Astro × microCMS, tandis que les sites utilisant le CMS existant ont été séparés dans des environnements indépendants, permettant d'équilibrer performance, maintenabilité et sécurité.

Plutôt que de forcer l'uniformité entre les différents sites, l'accent a été mis sur la mise en place d'une gestion globale qui valorise leurs différences — un élément clé de cette refonte des bases web.

Un projet rendu possible grâce à la compréhension et à la coopération de l'équipe

Ce projet, qui a impliqué la migration de plus de 10 sites web vers une base commune tout en maintenant leurs opérations respectives, s'est avéré extrêmement ambitieux, tant sur le plan technique que sur celui de la coordination entre les parties prenantes.

La transition vers cette nouvelle base prospective, en mettant de l'ordre dans les objectifs, les structures opérationnelles et les flux de production distincts pour chaque site, n'a été possible que grâce à la profonde compréhension et à l'adhésion positive du groupe KASHIWABARA, qui a soutenu l'avancement du projet.

Nous remercions également les équipes de NIPPON DESIGN CENTER pour leurs contributions en matière de branding et de design motion, ainsi que les équipes d'Original Text Inc. pour leur soutien dans la gestion et la coordination globale du projet, et toutes les autres organisations partenaires impliquées dans la production et la gestion de chaque site.

Des membres issus de différentes disciplines et domaines d'expertise ont contribué leurs connaissances respectives, en respectant les structures existantes, pour converger vers un objectif commun : une meilleure base web. Cette synergie a été le moteur essentiel qui a porté ce projet à son terme.