ID:76360さん

プロジェクト概要

自社製パブリッククラウド（ニフクラ）からAWSへの移行を担当。
対象サイトは「ニフティ キッズ」「@nifty天気予報」の2つ。

【課題】

1. 運用コストの高さ

   • ニフクラ利用時のインフラコストが高額であり、コスト削減が求められていた。

2. システム移行のリスク

   • 既存システムを停止させることなく、安全かつ確実なAWS環境への移行が必要だった。

【解決策・工夫点】

1. 計画的な移行スケジュールの作成

   • システム停止リスクを最小限に抑えるスケジュールを作成し、移行プロセスを効率化。
   • 企画担当や関係者と密に連携し、スムーズな移行を実現。

2. AWS環境の最適化

   • EC2、RDS、S3、Lambdaを用いて、コスト効率とパフォーマンスを両立する構成を設計・構築。

3. データ移行の安全性確保

   • 綿密なテスト計画を策定し、データ移行の正確性を検証。
   • DNS切り替えを含む移行プロセスを事前にシミュレーションし、リスクを軽減。

【成果】

1. コスト削減

   • AWS移行後、年間で約100万円のインフラコストを削減。

2. 安全なシステム移行の実現

   • サービス停止時間をゼロに抑え、ユーザー体験への影響を回避。

3. スムーズなプロジェクト完遂

   • 新人かつ1名体制ながら、企画調整から運用保守までの全フェーズを担当し、プロジェクトを成功に導いた。

【担当フェーズ】

要件定義、設計、開発、テスト、リリース、運用保守

【チーム構成】

1名

【使用技術】

AWS

• EC2
• RDS
• S3
• Lambda

プロジェクト概要

20世紀から続くポータルサイトの基盤をモダンなシステムへ刷新

【課題】

1. 保守性の低さ

   • 旧システムはレガシーな設計と技術で構築されており、新規案件の対応に多大な工数が必要だった。

2. コスト増大

   • レガシーなインフラ環境により、運用コストが増大していた。

3. 技術的負債の蓄積

   • jQueryなどの古い技術スタックが使われており、モダンな技術への対応が困難だった。

【解決策・工夫点】

1. モダン技術の採用

   • TypeScriptとNext.jsをチームで初めて採用し、開発効率とコードの可読性を向上。
   • Reactを用いて、jQueryで実装された処理を再構築。

2. インフラの最適化

   • AWS（ECS、RDS、S3、Lambda）を利用したコンテナ基盤の設計・構築を実施。
   • IaC（Infrastructure as Code）を導入し、効率的なインフラ管理を実現。

3. 開発プロセスの改善

   • CI/CDパイプライン（GitHub Actions使用）を構築し、リリースフローを効率化。

4. API連携の効率化

   • 自社製CMSと新システムのAPI連携を提案・実装。
   • Go言語を用いたBFF（Backend For Frontend）の設計と開発を担当。

5. ユーザー体験の向上

   • CWV（Core Web Vitals）を意識したUX改善を実施し、パフォーマンスを向上。

【成果】

1. 工数削減

   • 新システムへの移行により、新規案件の対応工数を40%削減。

2. コスト削減

   • レガシーインフラからAWSへの移行により、運用コストを50%削減。

3. 開発効率向上

   • TypeScriptとNext.jsの導入により、チームの開発スピードと品質が向上。

4. 安定性とUX向上

   • 新基盤によりシステムの安定性を確保し、より快適なユーザー体験を提供。

【担当フェーズ】

要件定義、設計、開発、テスト、リリース、運用保守

【チーム構成】

全8名（開発6名、企画2名）
役割: 開発メンバー

【外部発信】

1. 落ちないシステムの作り方

   • YouTubeリンク
   • 発表資料

2. 今さら聞けない！GitHub Actions超入門

   • YouTubeリンク
   • 発表資料

プロジェクト概要

2008年に開始したサービス「@nifty天気予報」
自社製CMSと基盤システムの老朽化に伴い、サイトのフルリニューアルを実施。
サービスリンク

【課題】

1. 老朽化したシステムの限界

   • 自社製CMSや基盤システムの老朽化により、新機能追加や保守が困難だった。

2. モバイルユーザー体験の不足

   • スマホファーストの設計が欠如し、モバイルユーザーへの対応が不十分だった。

3. インフラコストの増大

   • 既存の冗長なインフラ構成により、コストが過剰に発生していた。

【解決策・工夫点】

1. プロジェクト管理の徹底

   • プロジェクトリーダーとしてスケジュール作成、タスク・進捗管理を実施し、OJT中の新人を含むチーム全体を牽引。

2. モダン技術の採用

   • 社内初のGraphQL（AppSync）を活用したAPI構築を導入。
   • デザインシステムを初めて導入し、UI/UXの一貫性を向上。

3. ユーザー体験の向上

   • スマホファースト設計を導入し、UXに配慮したサービス設計を実施。
   • レスポンシブデザインを採用し、工数削減と使いやすさを両立。

4. インフラの最適化

   • AWSのECS、RDS、Lambda、Step Functionsなどを活用してコスト効率の高いアーキテクチャを設計・構築。
   • OpenTelemetryを用いたトレーシングを導入し、パフォーマンスを可視化。

5. 防災情報の強化

   • 防災情報を充実させ、自社サービスとの親和性を向上。

【成果】

1. プロジェクトの成功

   • 進捗管理により、全工程をスケジュール通り完遂。
   • プロジェクトリーダーとして設計から実装までを担当し、OJT新人の育成にも貢献。

2. コスト削減

   • インフラコストを月間1/3に削減（2200USD → 700USD）。

3. 開発効率と品質の向上

   • デザインシステムとGraphQLの導入により、開発効率と品質を大幅に向上。

4. ユーザー体験の改善

   • スマホファースト設計とレスポンシブデザインにより、モバイルユーザーへの最適な体験を提供。

【担当フェーズ】

要件定義、設計、開発、テスト、リリース、運用保守

【チーム構成】

7名（開発2名、SRE2名、テックリード1名、デザイナー1名、企画1名）+OJT中の新人2名
役割: プロジェクトリーダー兼開発メンバー

【使用技術】

AWS

• ECS
• RDS
• S3
• Lambda
• Step Functions
• AppSync（GraphQL）
  トレース
• OpenTelemetry

【外部発信】

1. Next.js/Go/GraphQLで生まれ変わった@nifty天気予報 開発のウラ側
   • YouTubeリンク
   • 発表資料

プロジェクト概要

子供向け掲示板サービスや投稿型サービスの運用保守を担当。
SEO向上のための施策提案と実施に加え、生成AIを活用したプロジェクトを推進。
サービスリンク

【課題】

1. SEOパフォーマンスの低下

   • 検索流入が低迷しており、サービス利用者の獲得が課題となっていた。

2. 技術的な老朽化

   • Flashゲームの提供終了に伴い、既存コンテンツの復元が必要だった。

3. 新しいサービスの価値提供

   • 生成AIが当たり前となる次世代に向けた新しいサービスの企画・開発が求められていた。

【解決策・工夫点】

1. SEO施策の実施

   • ユーザー分析を基に、キーワード最適化やページ構造の最適化などのSEO改善を実施。

2. 生成AIの活用

   • AWS Bedrockを活用し、生成AIを活用したチャットサービスを開発。
   • 生成AIが当たり前となる次世代に向けて、リアルイベントの場で体験できるサービスを設計・構築。

3. Flashゲームの復元

   • Ruffleを活用して、サービス内のFlashゲームを復元し、既存コンテンツの価値を再現。

4. 効率的な運用保守

   • DBやサーバーメンテナンスを通じて、システムの安定性とパフォーマンスを向上。
   • AWS（EC2、RDS、ECSなど）を活用して効率的な運用を実現。

【成果】

1. 利用者数の増加

   • SEO改善により、MAU（Monthly Active Users）を150％向上。

2. 新体験の提供

   • 生成AIを活用し、リアルイベントで体験できるサービスを開発し、教育コンテンツを提供。

3. コンテンツ復元による価値向上

   • Flashゲームを復元し、既存ユーザーの満足度を向上。

【担当フェーズ】

要件定義、設計、開発、テスト、リリース、運用保守

【チーム構成】

4名（開発1名、企画3名）
役割: プロジェクトリーダー兼開発メンバー

【使用技術】

AWS

• EC2
• RDS
• S3
• Lambda
• Bedrock
• ECS