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