スケーラブルなエンタープライズAppスイートのビルド

スケーラブルなエンタープライズAppスイートのビルド

連携して機能する集中型エンタープライズAppのビルド方法を学びましょう。本セッションでは、従業員が顧客とやり取りし、業務を追跡し、店舗を管理し、接続状態を保つのに役立つ、Apple RetailのエンタープライズAppスイートをご紹介します。Apple RetailがSwift PackagesとAppのスケーラビリティのテストを導入して一元化された一連のAppをどのように作り上げたかをご覧ください。また、コンフィギュレーションによる製作中のAppの管理が、異なる地域やロケーションに合わせてAppスイートを調整するのに役立つ仕組みもご覧ください。

リソース
- - HDビデオ
  - SDビデオ
関連ビデオ

WWDC20
- 不具合検出テストを書く
- Swiftパッケージ：リソースとローカリゼーション
WWDC19
WWDC18
- テストのヒントとコツ
ダウンロード

こんにちは WWDCへようこそ “スケーラブルなエンタープライズAppスイートのビルド” 私はエリック　同僚のピナールと― 販売店向けモバイルアプリチームを指揮していますエラーに強く柔軟で保守しやすい企業向けアプリの開発を説明します 500以上あるAppleの店舗は日々の業務体験を分析しています小売業の中心的役割を担う販売員をサポートするために開発したアプリは店の予約や製品カタログ管理から店のレイアウトまでを支援します店舗を円滑に運営するためすべてのアプリは連携して動きます我々の役割が少し理解できましたね続いて開発の実践方法とあなたの事業にどんな利点があるかを説明しますアプリの新規作成時と既存版の再構築時に両者を共有させるための設計技法とその際に考慮すべき基本原則を取り上げます開発後に行うテストも説明します最後はピナールが運用開始後のアプリの管理についてお伝えします iOSには複数のアプリをうまく連携させる多くの機能がありますがここでは― App Gropsの有効化やSwiftパッケージの利点優れたパッケージ候補の検出方を説明します App Groupsは開発に有効な iOSの代表的機能の１つです有効化すると UserDefaultsや共有ファイルを経由し複数のデータ共有が可能ですすべての設定はXcode内プロジェクトファイルの署名と権限で次のように行われます権限追加をクリックしApp Groupを選択すると新しいグループパネルが追加されますパネル内の“＋”ボタンを押せば新しいApp Groupが追加でき開発者ポータルに追加すれば同じポータル内の他のアプリへアクセスできます Xcodeのグループができればデータ共有は簡単です UserDefaultsを使った共有を例に説明しますまずUserDefaultsインスタンスを作成し App Groupで初期化しますこの後の作業は値の設定はsetメソッドを呼び出すのと同様に簡単で値の読取りも文字列整数ブール変数など named typeメソッドのように容易にできます次に説明するSwiftパッケージは新しいアプリの開発や既存アプリの再構築にも有効です特に重複コードの削減に絶大な効果を発揮し開発時間と人為的ミスを軽減するためアプリの信頼性が高まります多くのコードベースが既に共有されるため組織の柔軟性が向上し― チーム間の人の移動が簡単になりますまたパッケージ開発専門チームも立ち上げより難解な問題を解決する機能を研究しています iOS アプリ開発後は有効活用できる対象を探しました Appleもアプリケーションに標準の認証方法を使いますから “認証”を選んだのは正しい選択でした URLSession上で認証アプリを構築するとエンジニアの負担がなくなり彼らは認証を意識せずサーバーにアクセスできますもう１つのネットワーク関連パッケージは画像キャッシュと取り出しパッケージで画像をキューに入れておき必要に応じ保存ができますネットワーク接続や画像データの入手先も無理なく特定できます開発はすべてUIKitベースで行いました整合性確保のためパッケージ化したカスタムテーブルビューのセルや製品詳細ビューでは複数のアプリで同じUIを使います我々のアプリには顧客予約製品など似たオブジェクトがありますこれらモデルオブジェクトはSwiftパッケージで展開しアプリで共有する優先的な候補で標準化モデルとして定義されます最後に説明するスキャンパッケージは VisionとAVFoundation上で開発したためアプリ間でのバーコードやＱＲ文字認識を― 我々のコードと同じ感覚で行えます実際に見てみましょう Visionフレームワークでは PDF417やDataMatrix QR code等の記号をスキャンできますテキストデータも取り込めてリアルタイムのOCRも可能ですまた補足のUIビューを表示したレイヤーを作成しユーザーのカメラの目標設定やフラッシュ制御共通APIへの設定などを簡素化します例えばバーコードやテキストのスキャンには同じコードパターンを使いますビューコントローラを初期化し設定オプションの構造体へデリゲートを割り当てる簡単な設定ですデリゲートがスキャンプロセスの成否についてのメッセージに対処します例を見てみましょう
スキャンパッケージ内で設定を保持する構造体のスキャンオプションのインスタンスを作りますそして新しいバーコードスキャナービューコントローラを同じ設定で初期化しますこの設定と初期化パターンにより各アプリ間でそれらを簡単に保存し再利用できます次は最初の例に似ていますがバーコードをスキャンせずコントローラでビューエリア内の文字列をスキャンし認識できます設定と初期化のパターンをバーコードに揃えそれぞれのパッケージの利用を容易にします両方のパッケージでAPIはデフォルトUIを提供し各アプリに応じた変更やカスタマイズが可能ですこれによりすべてのアプリのUIで整合性を保つのが容易になります App GroupとSwiftパッケージの話は以上です次はテストについて説明しましょうアプリ開発後は期待通りに動作するかを確認するテストを行う必要がありますテストに多くの人員を割くこともできますがそれよりもっと効率的な方法がありますよく行われるのが単体テスト UIテスト性能テストの３種類です
単体テストは我々のテスト戦略の最初の一歩でエンジニアリングチームと共に行いますアプリを動かすクラスや機能を書く際は単体テストを作ることが重要です各コードのパスで予想値を返すか確認するためです XcodeはXCTestフレームワークで単体テストを補助し素早く動作確認コードを書いて走らせますより詳細な情報向けのセッションは多数ありますが “Testing in Xcode"と“Testing Tips and Tricks"がおすすめです
UIテストもできるだけ多く行って実際の効率化を確認します UIテストは品質評価チームが作成した手作業でのテストケースを使い Swiftでコード化します Xcodeはテストを作成し実行するための構造を提供するXCUITestを備えています
これらのテストを作成後重要度に従って分類しますそれによって重要なテストにより多く時間を割くことが可能になります実行回数が多いほど不具合を早期発見できるためチェックイン時日単位週単位で行います WWDCの“UI Testing in Xcode 7”セッションはたくさんの情報を得られます
iOSデバイスの性能テストで注目すべきはレンダリング性能とバッテリー性能の２点です最新iOSデバイスのCPUとGPUは強力ですが各アプリの相互作用の性能にまだ注力が必要ですユーザーは画面操作がスムーズでないとフラストレーションが溜まりますからねデバイスは１日中店舗の売り場にあるためバッテリーにも高い性能が求められます販売員が充電のために接客から離れると生産性が低下しますから予備のデバイスを持っておくことも重要ですエンジニアの作業を簡潔にする優れたツールがInstrumentsですこのツールはXcodeにも組み込まれており時間のかかるアプリの分析に役立ちますメモリやバッテリー容量はとても高機能です Instrumentsに関する詳細は“Practical Approaches to Great App Performance”と “Improving Battery Life and Performance”のセッションをご確認ください次はピナールがアプリの管理について説明しますエリックありがとう彼が紹介したすばらしい情報について実際のアプリでどのように管理するのか説明します最初にアプリ構成を考慮した開発について説明します次に下位互換性とユーザーへの強制アップデートについてお話しします当社のアプリケーションは同時に２つの構成をサポートしていますクライアントベースとサーバーベースの構成ファイルですブール値は当社のサーバーからダウンロードしています最初にクライアント構成についてお話します弊社クライアントでベイクされサーバー上でホストされている構成ファイルによってアプリのユーザーエクスペリエンスの柔軟性と適合性を高めています各地域やマーケットレベルで要素を管理することができ― Apple販売店での管理が可能です実稼働での属性の変更はコードの変更に一切左右されないため新しいクライアントビルドが不要です変化するビジネスニーズに対応可能な適応性の高いアプリケーションですサーバー構成を適所に保持しアプリの動作を促進していますサーバーからのデータにより特定の要素を表示しています
特定の地域やマーケットにおいて使用しない機能がある場合でも柔軟に対応することができます世界市場に合わせて機能のオンオフを切り替えることが可能です
強固なクライアント構成と同様にサーバー上での値の変更においてコードの変更は不要ですサーバーに設定値がデプロイされると変更は自動的にアプリケーションに反映されます
運用チームが設定値を単独で制御できる場合はサーバー構成の公開も可能ですビジネスニーズに応じて機能の切り替えができますこの連携により開発者はアプリの管理ではなく開発に集中することができるのです
アプリケーションで構成がどのように機能するかを示した図ですクライアント構成で属性を設定した PLISTファイルの作成が可能ですこのファイルはJSON形式でホストできます起動シーケンス中に設定した属性はダウンロードされます生産中に属性の値を変更する場合は PLISTファイルで変更し新しいバージョンの設定をサーバーにアップロードすれば完了ですアプリケーションを再起動すると変更されますこれらの工程を数分で行う仕組みを紹介しますサーバー構成ではビジネスチームや運用チームが値の設定を完全に制御できますこれにより　グローバルレベルでの機能の切り替えを可能とし― マーケットニーズに応じた値への変更ができるのです iOSアプリケーションでサービスAPIの取得も可能です属性設定後のフラグがアプリケーションの動作を促進します
次はクライアント構成の例を紹介しますこれらは顧客フォームに定義したい項目です氏名Ｅメール電話番号などの情報を顧客から収集したい場合
これらの属性をクライアントコードに関連付け関数定義で汎用的にすることで PLISTファイルの操作を可能とします運用環境でのアプリケーションのUIにおけるフォームの外観です例えば顧客のＥメールを今後収集する必要がなくなった場合 UIからフィールドの削除を行います
PLISTファイルの構成から “Ｅメール”フィールドを削除し― 新しい構成をサーバーにアップロードしますアプリケーションを再起動するとＥメールの項目は表示されなくなりますコードの変更や新たなクライアントビルドも必要ありません
顧客の電話番号を収集する必要がなく迅速な変更が必要となった場合も同じ工程を行い新しい構成をサーバーにアップロードすれば
電話番号のフィールドは表示されなくなりますこのようなコンフィギュレーション駆動型のユーザーエクスペリエンスにより実稼働でのアプリケーション管理が可能ですサーバーとクライアントが連携し緊密なオーケストレーションで動作する場合下位互換性には常に留意する必要があります古いクライアントではサーバー変更が反映されない場合があるのです当社は構成バージョンを適所に保持することで不具合が解消されると考えましたアプリケーションは起動時にサーバーやクライアント構成のバージョンを確認しますどのユーザーエクスペリエンスを表示するか決定することができますユーザーにアプリケーションのバージョン更新を強制するケースも生じます更新をしないと新しい機能を確認できないからですある属性に対して新しい値がクライアントに追加されてもサーバーに新しい値へのマッピングがない場合サーバーもクライアントも連携することができませんそのような場合はユーザーに強制的に更新していただきます今回はアプリグループ共有フレームワークテストについてお話ししましたそしてコンフィギュレーション駆動型のユーザーエクスペリエンスの活用の説明最後に下位互換性の必要性とユーザーに更新を強制する必要性を説明しましたご視聴ありがとうございました iOS 14で進化するアプリを楽しみにしております今年のWWDCをお楽しみいただけますよう願っています

let sharedDefaults = UserDefaults(suiteName: “group.com.apple.myappgroup")!
        
sharedDefaults.set("My Cool Value", forKey: "MyKeyName")
        
let myKeyNameValue = sharedDefaults.string(forKey: "MyKeyName")

5:04 - BarcodeScannerViewController

import RetailScanner

let scanOptions = BarcodeScanOptions()
scanOptions.scanRegion = .regular
scanOptions.shouldAddSupplementaryView = false
scanOptions.shouldShowBarcodeDetector = true

let barcodeViewController = BarcodeScannerViewController(scanOptions: scanOptions)
barcodeViewController.delegate = self

5:29 - OCRScannerViewController

import RetailScanner

let scanOptions = OCRScanOptions(
    scanRegion: .custom(CGSize(width: 400, height: 100)),
    accessibilityBehavior: .vibrate,
    shouldAddSupplementaryView: true,
    validation: nil, 
    shouldShowResultView: true
)
scanOptions.recognitionLevel = .fast

let ocrViewController = OCRScannerViewController(
    scanOptions: scanOptions
)
ocrViewController.delegate = self

12:26 - Config-driven UI - Client based configuration hosted by server

func configuredCellForLabel(for customerInfoField: CustomerInfoField, at indexPath: IndexPath) -> UITableViewCell { . . . }



func configuredCellForPhoneNumber(for customerInfoField: CustomerInfoField, at indexPath: IndexPath) -> UITableViewCell { . . . }

特定のトピックをお探しの場合は、上にトピックを入力すると、関連するトピックにすばやく移動できます。

クエリの送信中にエラーが発生しました。インターネット接続を確認して、もう一度お試しください。

リソース

関連ビデオ

WWDC20

WWDC19

WWDC18