厳格な機密契約のため、私たちはパートナーの名前を公開できません。 そのためプロジェクトの一部が不明瞭な可能性があります。
電動バイクアプリ：成功したプロトタイプの設計図
コンテキスト
日本の大手テクノロジー企業と提携し、電動バイクを制御するプロトタイプモバイルアプリを共同で開発する取り組みに着手し、迅速で、国際的なデモンストレーションに備えました。ビジョンとビジュアルブループリントを持って、経験豊富なテクニカルチームを結集してそれを実現しました。
3
回の成功した国際的なデモンストレーション
協力は実を結び、3年間にわたる実りあるパートナーシップで3つの成功したデモンストレーションが生まれました。
~30%
のコスト削減
採用したクロスプラットフォーム戦略により、大幅なコスト削減が実現し、保守性も向上しました。
3
年間の協力
2人の専門家がおよそ3年間、このアプリケーションの開発とサポートに専念し、協力してパートナーの夢を実現しました。
目的
Scriptide の目標は、国際的な基準に対応できるプロトタイプを作り上げることでした。想定されるアプリは、ユーザーにライトの制御、ロックの管理、異なるユーザー間でのキーシェアリング、およびカスタムネイティブマップ上でのリアルタイム位置情報の更新などの機能を提供しました。
さらに、各ユーザーの特定のバイクを鮮明な 3D イメージとしてアプリに取り入れ、リアルタイムの変化に応答するダイナミックなアニメーションを促進することを目指しました。課題は、60FPS 前後の高いレンダリング性能のターゲットを達成しながら、滑らかなアニメーションを維持することでした。
また、将来のアップグレードとテクノロジーアドバンスメントのために、保守可能で拡張可能なコードベースを作成することに重点を置きました。
プロセス
1.)Scriptideのパートナーは、達成したい目標を明確に持っていました。
2.)Scriptideは、パートナーの取り組みを実行可能な計画に変えるために技術的な観点からのアドバイスを提供しました。
3.)パートナーのデザイナーとの協力により、ビジョンを魅力的で機能的なアプリケーションに変換しました。
4.)パートナーの開発チームは、重要な要素を綿密に計画し、実行するために我々と協力しました。
5.)デザインとテクノロジーの反復サイクルを通じて、複数のプロトタイプを作成し、Scriptideとの合意に達するまでソリューションを改善しました。
6.)コミットメントは初回のデモンストレーションを超え、進化する要求に対応するためにデモンストレーションのプロトタイプをさらに2年間（2回のデモンストレーションを含む）改善し、適応させるために進展しました。
範囲
モバイルアプリ開発
技術スタック
Typescript
React Native
GraphQL
Apollo
BabylonJS
AWS AppSync
チャレンジ
結果的には、パートナーのチームとの円滑な協力となり、主要な課題は技術的なものでした。以下、プロジェクトの技術的リクエストを具体的に説明します。
AWS AppSync・Apolloを使用して、GraphQLのクエリ、ミューテーション、およびサブスクリプション操作をサポートする複雑さを解決すること。
レンダリングパフォーマンスの目標を約60FPSとし、スムーズなユーザー体験を実現すること。
バイクのロックおよびアンロックなどの機能にカスタムネイティブモジュールを組み込むこと。
カスタムネイティブUIコンポーネントを導入し、効果的なイベント通信を促進することにより、ネイティブとJavaScriptの環境とのギャップを埋めること。
開発、ステージング、本番環境間でのシームレスなワークフローを確保し、多環境対応を徹底すること。
アプリの成長に応じて、適応できるカスタムUIコンポーネントの設計を行うこと。
オープンソース貢献
開発フェーズでは、数多くの技術的な課題に立ち向かい、完璧を追求するために未知の領域に踏み込みました。Scriptide の取り組みはプロジェクトを超え、React Native のドキュメンテーション の一部として、ネイティブ UI 要素の Android フラグメントへのレンダリングに関する内容を向上させ、広範な開発者コミュニティに利益をもたらしました。
さらに、このプロジェクトを通じて、新しい React Native アーキテクチャの動作に関する深い洞察をパートナーに提供し、特に iOS と Android プラットフォームでの要素のレンダリングに関して知識を蓄積しました。これらの知識は、人気のある StackOverflow の回答 としてまとめられています。
さらに、Scriptide は Microsoft の Babylon React Native に貢献し、一般的な問題である3D .glb ファイルのインポートに関する実用的な解決策 を見つけました。また、3D レンダリング用の透明な背景を有効にする提案 も取り入れられました。
結果
この成果は、Scriptide の協力の証となります。デモンストレーションは、最も楽観的な予測を上回る結果を収めました。この成果は、パートナー側の優れたチームによって後押しされ、Scriptide の全ての技術的なポテンシャルを発揮することができました。パートナーシップは 2 年以上にわたり、3 つの成功したデモンストレーションで締めくくられました。
この規模のプロジェクトを戦略的に計画し、実行するための貴重な技術的なアドバイスを提供しました。Scriptide のチームは、デザイナーやプロダクトオーナーと協力して一緒に取り組み、プロジェクトを成功に導きました。Scriptide の参加なしでは、プロジェクトは異なる結末を迎えたかもしれません。
クロスプラットフォームアプローチを採用することで、新しいデザイン、機能、変更の迅速な反復が可能となり、従来の開発方法に比べてパートナーにとって重要な時間とコストの節約が実現しました。React Native のエンジニアの力を最大限に活用し、この技術のポテンシャルをフルに活用して、パートナーの利益に貢献しました。