クロスプラットフォームの進化：Xamarinの長所と短所

Xamarin.Formsは、4本足の哺乳類が進化を遂げて2本足になった私たち自身の歴史の時代のように、ソフトウェア開発、アーキテクチャ、および設計の歴史にその足跡を残そうとしています。 その機能のおかげで、同じC＃コードベースとユーザーインターフェイスを備えた3つの異なるオペレーティングシステムで実行できるアプリケーション（以前に独自の独自のデザインを作成済み）を簡単に開発でき、コードを再利用してカスタマイズすることができます。



また、ソフトウェア開発におけるこの重要なマイルストーンに参加することを決めました。 患者の健康管理に役立つアプリケーションを開発した後、Xamarinの長所と短所について意見を共有することにしました。

Xamarinのすべての長所と短所を比較検討する

私が作成したもの

近年、私はほとんどの時間を健康問題に専念しています。 私は、患者の健康状態をより効果的に監視し、生体認証データを記録できる新しいものを開発するというアイデアに触発されました。 この目的のために、患者の健康データを収集するためのパネルを開発しました。 それにより、患者に関する情報を収集することができます。コレステロール値、ウエストヒップ比、ボディマス指数、心拍数、および特定の期間におけるこれらのパラメーターの変更を追跡できます。



監視されるすべてのインジケータは、9つのセルを持つ正方形のグリッドの形式で表示されます。 ユーザーは、読み取り値を追跡したい目的のセル（コレステロールレベルインジケーターを備えたセルなど）を選択します。 このようなセルを選択すると、ユーザーの前に次の画面が表示されます。



インジケーターの更新が必要な場合、ユーザーはメインメニューにいるときに色信号を受け取ります。 最近導入されたインジケータは明るい緑色で表示されますが、時間の経過とともに色が黒にフェードします。 インジケーターが黒になったら、更新する必要があります。 このパネルには、入力したインジケーターの履歴も表示されます。 将来的には、パネルインターフェイスにさらにグラフィックを追加する予定です。

欠点と利点：Android向けの開発はiOS向けよりも便利でした

まず、Android用のXamarin.Formsを使用して、アプリケーションの開発とテストを開始しました。 たまたまこの時点で、ほとんどの場合、Objective-CでiOS向けのさまざまなアプリケーションを作成しました。 WindowsにVisual Studioをインストールし、それを使用してアイデアを実現する必要がありました。 Androidエミュレーターは非常に非常に低速だったので、抵抗を最小限に抑える必要がありました：Windowsで携帯電話を使用したデバッグはAndroidデバイスでのみサポートされているため、プロセスを監視し、通常のAndroid携帯電話でアプリケーションの機能を確認しました。



iOS向けの切望されたパネルの正しい開発を検証するために、もう少し空きスペースを割く必要がありました。 Windowsでの開発を続けている間、デバッグに使用するiPhoneは常にMac（または作業ノード）に接続する必要がありました。 次に、開発に直接使用したコンピューターが接続されていたのと同じWi-FiネットワークにMacを接続しました。 なんで？ 簡単です。開発およびデバッグ中に、Visual Studio IDEとMacが相互作用する必要がありました。 SSH接続を使用して、Appleコンパイラと実行可能コードに署名するためのツールへのアクセスを設定することにより、Visual StudioおよびMac OSと「友達を作る」ことができました。



実際、AndroidとiOSのアプリケーションをテストした経験の違いはわずかです。 iOS用に開発されたアプリケーションをデバッグするとき、コンピューターは作業ノードに接続されていたため、常に同じ部屋にいなければなりませんでした。 Androidに関しては、より自由に感じられ、テストは何倍も高速になりました。アプリケーションを更新し、別のデバイスに切り替えて、アプリケーションを再び起動しました。 したがって、まずAndroid専用のアプリケーションを開発およびテストすることにしました。 Xamarinでの私の経験に関しては、このプラットフォームでのすべての作業の中で、このような不利な点と利点が最も重要になりました。

利点：Xamarin.Formsの組み込みレイアウトで機能を提供する

患者の健康データを収集するためのパネルを開発するために、ユーザーインターフェイスコードを使用して、Xamarin.Formsの組み込みレイアウトを使用しました。 グリッドレイアウトが埋め込まれたオブジェクトの線形配置を備えた組み込みレイアウトを選択しました。 これを行うために、独自のレイアウトクラスを作成しました。おかげで、より多くの機能を実現できました。 また、調査中の特定のインジケーターに関連するグリッド内の「セル」の一般的なビューを開発したため、セルのコードのほとんど（インジケーターへの測定制限の割り当て、色の決定など）も他のセルの開発に使用されました。



重要なのは、Xamarin.Formsの助けを借りてアイデアを発展させて、「最初のセルには新しい行を作成し、2番目のセルにはグリッドを作成する」というコードを記述したことです。 このアプローチは、自分で書いて他の人のコードを理解することに慣れている開発者にとって非常に便利なようです。 それでも、特に将来的にコードを変更してレイアウトを再度変更する必要がある場合は、自分のページレイアウトを作成するのが普通のように思えました。 XAMLデザイナーを使用する以外に理由がない場合は、画面レイアウトを作成することをお勧めします。



Androidアプリケーションのドラフトバージョンを作成したばかりのときに、デバイスの回転に合わせて向きが変わることに驚いたことを想像してください。 Xamarinの組み込みレイアウトの設計は、アプリケーションがデバイスの画面を完全に満たすように応答するように設計されました。 個人的に、私は画面レイアウトの変更のサポートに従事するつもりはありませんでした。 Xamarinを使用している開発チームにとって私が知る限り、このプラットフォームのこのような機能は時間を大幅に節約します。 iOSガジェットにアプリケーションをインストールし、それが機能し、そのすべてのレスポンシブ機能が残っていることに気付いたとき、私はさらに驚きました。

長所/短所：モデルビューViewModelを使用して制約を解決する

私は自分のプロジェクトで作業するためにデザイナーを使用しなかったため、開発者とデザイナーの間に古典的な緊張はありませんでした（たとえば、デザイナーは、多くの技術的な理由で実践できない開発者にUX / UIデザインのレイアウトを提供します）。 Xamarin.Formsを使用してエレガントなUIデザインを実現するには、デザイナーと開発者の適切な対話が重要です。



開発者がXamarin.Formsを使用してモバイルバージョンのアプリケーションで作業を開始する場合、まず最も一般的なシステム（iOS、Android、Windows）のデバイスの共通機能がどのようになるかを慎重に検討する必要があります。 各開発者は次のことを自問する必要があります。 どうすればこれを達成できますか？」



このようなプロセスには、3つのオペレーティングシステムすべての相互作用スキームの詳細な知識だけでなく、より多くの組織が必要です。 アプリケーションの開発中は、可能な限りすべてのオペレーティングシステムに共通するソリューションをガイドする必要があります。たとえば、Androidのみに依存せず、iOSデバイスのユーザーを完全に忘れてしまいます。



それでも、Xamarin.Formsを使用して柔軟なレイアウトを開発することは、コードをより効率的に再利用でき、80〜90％の時間を節約できることから、単純なアプリケーションではUXデザインに依存しません。 さらに、Xamarin.FormsのDependencyServiceを使用して、システムの一部の動作パターンを追跡できます。



UX / UIデザインに力を注ぐのではなく、特定のオペレーティングシステムの制限を理解してください。 これを行うことにより、そのような境界にもかかわらず、本当に価値のあるものを作成できることは間違いありません。 もちろん、Xamarin.Formsを使用する利点を達成するために行われたこのような譲歩は決定的な要因にはなりません。 それにもかかわらず、システムに対してより具体的な特異性が必要な場合は、開発者が独自のレンダリングを作成できることに注意してください。

Xamarin.Formsを使用した設計原則

（警告、開発者によるネタバレ！）以下は、Xamarinのフレームと美的レイアウトのベストプラクティスの例です。

• すべてのシステムに共通するアプリケーションの作成に努めます。
• 各システムの制限を確認してください。
• アプリケーションを開発するためのステップ、つまりオペレーティングシステム用にアプリケーションを開発する方法を考え直してください。
• 最初に合成、次に設計
• 特にC＃とSDKに関しては、機能をAppleデバイスでのみ機能するものと見なすべきではありません。
• おなじみの相互作用パターンを放棄する誘惑を避けてください。 なんで？ 可能な場合、Xamarinは組み込みのコントロールを使用するため、iOSおよびAndroidの「テキスト編集」コントロールは、対応する各OSのデフォルトコントロールのように見え、機能します。

長所と短所：ユーザーのブート時にアニメーションを追加する

この記事の最後に、最初から直面していること、つまりアプリケーションのダウンロードに必要な待ち時間に注意を払うことをお勧めします。 パネルでの作業を終えた後、予想よりもロードに少し時間がかかることに気付きました。サーバーからの結果を表示するために表示されていました。 ロードプロセス中に表示されるアニメーションを最初から追加すると、そのような遅延は気付かれなくなります。 もちろん、これはXamarinの長所と短所についての議論ではあまり詳しくありませんが、細かい部分でさえ重要です。



-Reddit、Medium、Bitcointalkからのトラフィックを急増させます。