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