こんな課題をお持ちではありませんか？
既存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.
ヒアリング・課題整理
現状の課題や目的・スケジュール・予算感をヒアリングします。この段階では、漠然としたご要望でも構いません。
- 2.
要件定義・情報設計
ヒアリング内容をもとに、技術選定・ナレッジ設計・CMS設計・デザイン方針を整理・確定します。
- 3.
デザイン・開発
確定した設計をもとに、実装を進めます。進捗は随時共有し、認識のズレが生じないよう並走します。
- 4.
データ移行
既存コンテンツの移行・リダイレクト設定・SEO引き継ぎを確認します。
- 5.
テスト
品質・動作確認を行い、リリースに向けた最終調整をします。
- 6.
リリース
最終確認を経て、本番環境への公開を行います。
- 7.
運用保守
公開後も、必要に応じてサイト更新・機能追加を継続的に支援します。