# Webメディア構築支援 元のページ: 独自CMS「Orizm」を用いて、Webメディアを構築します。 記事数が増えても表示速度を落とさず、部署や担当者が増える組織にも対応できる権限管理・承認フローを設計します。 [お問い合わせ](https://chot-inc.com/contact) [AIに相談](https://chot-inc.com/chat?q=Web%E3%83%A1%E3%83%87%E3%82%A3%E3%82%A2%E6%A7%8B%E7%AF%89%E6%94%AF%E6%8F%B4%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6%E7%9B%B8%E8%AB%87%E3%81%97%E3%81%9F%E3%81%84) ## こんな課題をお持ちではありませんか？ 既存CMSの制約で思うような運用ができていない Webサイトの老朽化や記事・画像の増加により表示速度が遅い 更新担当者が多く、権限管理や承認フローが複雑になっている 社内システムのデータベースを記事に反映したい ## chot Inc. が選ばれる理由 ### 自社開発の独自CMS「Orizm」 自由度・拡張性の高い独自CMSを用いて、Webメディアの特性に合わせて構築 ### モダンWeb技術による高品質な実装 Next.jsなどのモダンWeb技術を強みとするエンジニアが、パフォーマンスの高いWebサイトを実装 ### ページ数が多いサイトの構築実績 記事数の多いサイトやデータベース型コンテンツの構築を数多く手がけてきた実績 ## サービス詳細 ### Webメディアの刷新・新規構築 老朽化した既存サイトでは、継ぎ足しを重ねて構造が複雑化していたり、新しい機能を追加したくても対応できなかったりします。既存の運用を踏まえ、更新性と拡張性を両立するサイトへと刷新します。 #### 主な対応内容 - 既存サイトの構造や管理運用を引き継げるように設計 - 更新性や拡張性を備えた基盤の構築 - 記事や固定ページまで更新できるCMSの実装 - 記事データ・SEO評価を維持した移行計画 ### 表示速度・パフォーマンス改善 Webサイトの老朽化や画像数・記事数の増加など、さまざまな要因が重なって表示速度は低下していきます。原因を切り分けたうえで、モダンな技術基盤へ移行しパフォーマンスの改善を行います。 #### 主な対応内容 - 表示速度・サーバー負荷のボトルネックを調査 - Next.jsなどのモダンな技術基盤への移行 - 画像最適化・キャッシュ設計によるパフォーマンス改善 - アクセス集中時にも耐えられる基盤の構築 ### メディア運用のガバナンス整備 複数人・複数部署が関わるメディア運用でも、スピードと品質を両立できる基盤を構築。外部の情報源と連携した記事作成にも対応し、効率的なコンテンツ制作を実現します。 #### 主な対応内容 - 社内担当者・外部のパートナーなど役割に応じた権限設計 - 執筆・確認・公開に至る承認フローの構築 - 社内データベースなど、外部の情報源と連携した記事作成 ## 得意とする技術 | フロントエンド | React / Next.js / TypeScript を中核に、モダンなコンポーネント設計で構築 | | - | - | | アーキテクチャ | ハイブリッドレンダリング（SSGやSSRなどを組み合わせた表示手法）を中心に、コンテンツとサイトを疎結合に構成 | | ホスティング・インフラ | Vercel / AWS Amplify / Cloudflare / Amazon CloudFront などのサーバーレス基盤を、要件に応じて選定 | | CMSプラットフォーム | 自社プラットフォーム Orizm を中心に、各種ヘッドレスCMSの構築・運用実績 | | スタイリング・UI | Tailwind CSS を基盤に、CSS Modules や shadcn/ui などを組み合わせ、要件に応じた柔軟なUI実装に対応 | | 開発基盤 | GitHub によるソース管理・コードレビュー・CI/CD連携 | | AIエージェント | Claude Code を用いて、コード生成・レビュー・リファクタリングなどを効率化 | | 品質・パフォーマンス | Core Web Vitals最適化、アクセシビリティ対応 | | 使用ツール | Figma、Backlog、Slack | ## 導入の流れ 1. 1\. ### ヒアリング・課題整理 現状の課題や目的・スケジュール・予算感をヒアリングします。この段階では、漠然としたご要望でも構いません。 2. 2\. ### 要件定義・情報設計 ヒアリング内容をもとに、技術選定・ナレッジ設計・CMS設計・デザイン方針を整理・確定します。 3. 3\. ### デザイン・開発 確定した設計をもとに、実装を進めます。進捗は随時共有し、認識のズレが生じないよう並走します。 4. 4\. ### データ移行 既存コンテンツの移行・リダイレクト設定・SEO引き継ぎを確認します。 5. 5\. ### テスト 品質・動作確認を行い、リリースに向けた最終調整をします。 6. 6\. ### リリース 最終確認を経て、本番環境への公開を行います。 7. 7\. ### 運用保守 公開後も、必要に応じてサイト更新・機能追加を継続的に支援します。 ## 支援実績 AXIS Inc. - 株式会社アクシス ### [デジタルとリアルを融合した新メディアプラットフォームの開発。microCMSとNext.jsで実現した「AXIS Media Membership」の事例](https://chot-inc.com/works/0cqeihrxl) - microCMS - Next.js 株式会社sustenキャピタル・マネジメント ### [「誰でもNISAを楽しく学べるサイトをつくる」 sustenキャピタル・マネジメントがちょっと社を選んだ理由](https://chot-inc.com/works/susten) - Next.js dely株式会社 ### [「クラシル比較」の開発期間は3カ月！Next.jsとVercelを用いたモダンな技術スタックで挑んだフロントエンド開発支援事例](https://chot-inc.com/works/kurashiru-hikaku) - Next.js ## よくあるご質問 公開中のメディアを停止せずに移行を進めることが可能です。記事データやSEO評価を維持したまま移行できるよう計画を立てます。 数千〜数万記事規模のデータ移行に対応しています。既存CMSの構造や運用に合わせて、移行方法を設計します。[サイトリニューアル時のSEO対策（順位を落とさない施策）](https://chot-inc.com/knowledge/site-renewal-seo)を実施します。 役割に応じた権限設計や、公開前の承認フローの構築に対応しています。社内担当者と外部パートナーがいる運用にも対応可能です。 弊社は設計・実装を中心にご支援しており、コンテンツ制作は提携先のパートナー企業をご紹介する形で対応しております。[WebサイトにおけるコンテンツSEOの考え方については](https://chot-inc.com/knowledge/content-seo-guide) [こちら](https://chot-inc.com/knowledge/content-seo-guide)で解説していますので、あわせてご覧ください。 サイトの規模や要件に応じて適切なCMSを選定しご提案いたします。詳しくは[オウンドメディアのCMS選定ガイド](https://chot-inc.com/knowledge/owned-media-cms-selection)を参考にしてください。