厳格な機密契約により、パートナー名を公開できません。 そのため、プロジェクトの内容の一部が非公開となっております。
スーパーモジュラーフレームワーク：下請け業者からの技術的独立を実現
コンテキスト
従来より、当社のパートナーはソフトウェア開発において下請け業者に依存していました。複数の製品で効率的なスケーラビリティを可能にし、さらなる社内開発を促進できる堅牢なアーキテクチャプランを求めていました。しかし、必要なスキルや専門知識が不足していたため、社内チームは当社の専門的な支援を必要としていました。
100%
増加した独立性
当社が実装したシンプルな構造により、当社のパートナーは外部のエンジニアに頼ることなく、自立して運用できるようになりました。
~20%
の継続的なコスト削減
当社のフレームワークを活用することで、パートナーはアプリケーションの長期的なサポートコストを約20％削減できました。
∞
の知識移転
パートナーからのフィードバックによれば、当社のチームの調査は非常に価値のあるものだと評価されています。
目的
当社の目標は、スケーラブルなフレームワークを構築し、その効果的な活用方法をチームに伝えることでした。具体的には、Webpack のモジュール連合を使用して高度にモジュール化された Web アプリケーションを作成することを含みます。このツールを用いて、視覚コンポーネント、認証機能、特定のサービスを独立したマイクロアプリケーションとして分離しました。これにより、新しいサービスを既存および今後のアプリケーションにシームレスに統合できるようにしました。
プロセス
1.)当社のパートナー側の技術チームは、認証などの既存サービスに関する必要な資料を提供し、要件の把握をサポートしました。
2.)当社の専門チームは、パートナーの要望に対応する2つの戦略を策定しました。
3.)次に、当社はパートナーに2つの戦略を概要を示しました。１番目の戦略は、3つの主要な部分を別々のリポジトリに分割し、カスタムパッケージとして統合するものでした。2番目のアプローチは、共有コンポーネントを備えた異なる単一ページアプリケーション（SPA）を開発することを中心としていました。
4.)両方の戦略のメリットとデメリットをパートナーと共に検討した結果、よりパートナーのチームに適していると判断される2番目の戦略を選択しました。
5.)当社は実装を実行し、複数の反復を通じてそれを改善しました。
6.)スムーズな移行を支援するために、パートナーの技術チーム向けに複数回のトレーニングを実施し、新しく確立されたパターンを効果的に活用するための知識を共有しました。
範囲
Webバックエンド開発
Webフロントエンド開発
技術スタック
Typescript
React
Webpack
GraphQL
Apollo
AWS AppSync
チャレンジ
パートナーが当社に求める独自のユースケースを把握し、それらを包括的で実行可能な技術計画に変換すること。
パートナーのエンジニアの学習期間を短縮しながら、ビジネス要望を満たすソリューションを提供すること。
Scriptideが提供したフレームワークを通じて、パートナーの長期的な利益を確保しながら、予算内で作業を進めること。
オープンソース貢献
Webpack Module Federation と theme-ui などのサードパーティパッケージを活用する試みにより、技術的な知見を拡大し、Github 上で価値あるディスカッションを実現しました。
結果
当社のチームの専門知識により、パートナーは堅牢で保守性の高い構造を確立することができました。ユーザーフレンドリーなテンプレートを考案し、社内のエンジニアが新しいサービスをスムーズに統合しながら最適化を維持できるようにしました。さらに、技術環境を自ら操作できるスキルを習得するためのトレーニングセッションを実施しました。
当社は、3 つの独立したマイクロアプリケーションを完成させました。これらのアプリケーションは、ユーザーインターフェース（UI）と開発者エクスペリエンス（DX）の両方においてシームレスな体験を提供しています。