プロジェクト概要
外出先の営業担当者がSalesforceのデータにモバイルからアクセスし、取引先管理・商談確認・AI支援・名刺登録をワンストップで行えるネイティブアプリです。Salesforce REST APIとの連携により、リアルタイムのデータ同期を実現しています。
システム構成図
主な機能
Salesforce認証 + 生体認証
Connected App OAuth認証とデバイスの指紋/Face IDによる二段階のセキュアなログイン。
取引先マップ
現在地周辺の取引先をピン表示。距離フィルタとRating色分けで重要顧客を即座に把握。
取引先・商談管理
Salesforceの取引先・商談データをモバイルで検索・一覧・詳細表示。外出先でもリアルタイムに確認。
AIコンシェルジュ
チャットUIで取引先のネクストベストアクションをAIが提案。音声入力にも対応。
名刺スキャン
カメラまたはファイル選択でAI-OCR読取。取引先・取引先責任者としてSalesforceに自動登録。
技術的なポイント
- React Nativeによるクロスプラットフォーム開発（iOS/Android対応）
- Salesforce Connected App OAuthによるセキュアな認証フロー
- デバイスの生体認証（指紋/Face ID）による二段階認証
- React Native Mapsで取引先の地理情報を可視化
- AIエージェントによるネクストベストアクション提案
- AI-OCRによる名刺読取→取引先自動登録パイプライン
- Zustand + React Queryによる状態管理とキャッシュ戦略
- Zodによる入力バリデーション
開発プロセス
AIを活用したVibe Codingアプローチで、認証フロー設計からUI実装・API連携・AI機能統合まで約5日間で完成。Salesforce REST APIの仕様に合わせたデータモデリングと、モバイル特有のUX（マップ操作・カメラ連携・音声入力）をネイティブ品質で実現しました。
注意事項
このアプリケーションは、販売やお客様への導入を目的としたものではなく、技術検証やデモンストレーションを目的として開発したプロトタイプとなります。
