.NETエンジニア・プログラマ向けの技術情報・業界ニュースをお届けします。

  1. FEnet.NETナビ
  2. .NETコラム
  3. プログラミング言語
  4. C#
  5. 【Xamarin.Forms】アプリ開発までの流れとカスタムコントロールの紹介

【Xamarin.Forms】アプリ開発までの流れとカスタムコントロールの紹介

  • C#
  • プログラミング言語
  • 開発環境(IDE)
公開日時:   更新日時:
【Xamarin.Forms】アプリ開発までの流れとカスタムコントロールの紹介
この記事でわかること
    基本情報技術者試験の試験対策はこちら>>

    アプリ開発において、近年急速に存在感を増しているのがXamarinです。XamarinはiOSやAndroidなどスマホアプリをVisual Studioで開発する場合に利用します。マイクロソフトに買収され、無償化されて以降は多くの.NET Framework開発者が利用しているXamarinですが、ここではXamarin.Formsについて一緒に確認していきます。

    プログラマー
    Xamarin.Formsって簡潔にいうとどんなものなのでしょうか?
    プロジェクト
    リーダー
    簡潔にまとめるとUIを共通化するライブラリのことですね。XAMLもしくはC#でUIをコーディングすることができます。Xamarinの最大の特徴はクロスプラットフォームです。これによってiOSやAndroidなどの異なる動作環境であっても、それぞれの環境にあったUIにマップすることが可能となります。

    Xamarin.Formsでアプリ作成までの流れ

    C#やWPFの開発経験がある方でしたら、Xamarin.Formsの開発もすんなりと入れるのではないでしょうか。標準で搭載されているData Bindingなどの機能は、MVVM(Model-View-ViewModel)を活用しているので、モデルをベースとしたスマホアプリを作成することができます。ただし、XAMLに関してはWPFと多少の違いがあります。

    それでは、実際にVisual StudioでのXamarin.Formsの開発の流れについて紹介します。開発環境にはVisual Studio Community 2017を使用します。Xamarin自体はVisual Studio 2015以降でないと利用できませんので注意が必要です。

    1. 「ファイル」タブ→「新規作成」→「プロジェクト」→「Cross-Platform」を選択し、表示されている「Xamarin.Forms」を選択します
    2. Cross-Platformがない場合は、Xamarinがお使いのVisual Studioにインストールされていないので、まずはそちらのインストールを行いましょう。
      Xamarin.Forms選択

    3. Master Detailを選択してください
    4. blankを選択すると、何もない状態でスタートします。これを選択することによってマスターメニューとディティールページが作成されている状態となります。
      Master Detail選択

    5. 今回はプラットフォームにAndroid、iOS、Windowsを選択したので、共通のプロジェクトを含んだ4つのプロジェクトが作成されています
    6. プロジェクト

    7. プロジェクトを作成できたら、C#とXAMLを活用してスマホアプリを作成していきましょう

    Xamarin.Formsのカスタムコントロール

    標準のコントールで表現できない場合には、カスタムコントロールを作成して対応する必要があります。ここでは、カスタムコントロールを作成する手順を紹介します。

    1. 共通コードにテンプレートを導入します
    2. 「共通プロジェクト」の上で右クリック→「追加」→「新しい項目」→「Xamarin.Forms」→「コンテンツビュー」を選択します。
      コンテンツビュー選択

    3. このコンテンツビュー内にカスタムコントロールを作成していきます
    4. カスタムコントロール作成

    5. 通常のページと同様にコントロールを配置し、デザイナーで目視確認することもできます
    6. ユーザーのニーズに合うようにカスタマイズしていきましょう。

    プログラマー
    スマホアプリのニーズはこれからどんどん増えていきそうですね。Xamarin.Formsは使いこなせるようにします。
    プロジェクト
    リーダー
    時代の進化についていくのはエンジニアの基本ですね。自分でもテストプログラムを作ってカスタマイズしていきましょう。

    Xamarin.Formsは需要が高まるでしょう

    クロスプラットフォームであるXamarinは、これから需要が高まると思われます。Xamarin.Formsを使えるようになっておくことは、これからのエンジニアにとって重要なスキルでしょう。今からでもXamarin.Formsを学習する機会を設けてみても良いのではないでしょうか。

    FEnet.NETナビ・.NETコラムは株式会社オープンアップシステムが運営しています。
    株式会社オープンアップシステムロゴ

    株式会社オープンアップシステムはこんな会社です

    秋葉原オフィスには株式会社オープンアップシステムをはじめグループのIT企業が集結!
    数多くのエンジニアが集まります。

    秋葉原オフィスイメージ
    • スマホアプリから業務系システムまで

      スマホアプリから業務系システムまで

      スマホアプリから業務系システムまで開発案件多数。システムエンジニア・プログラマーとしての多彩なキャリアパスがあります。

    • 充実した研修制度

      充実した研修制度

      毎年、IT技術のトレンドや社員の要望に合わせて、カリキュラムを刷新し展開しています。社内講師の丁寧なサポートを受けながら、自分のペースで学ぶことができます。

    • 資格取得を応援

      資格取得を応援

      スキルアップしたい社員を応援するために資格取得一時金制度を設けています。受験料(実費)と合わせて資格レベルに合わせた最大10万円の一時金も支給しています。

    • 東証プライム上場企業グループ

      東証プライム上場企業グループ

      オープンアップシステムは東証プライム上場「株式会社夢真ビーネックスグループ」のグループ企業です。

      安定した経営基盤とグループ間のスムーズな連携でコロナ禍でも安定した雇用を実現させています。

    株式会社オープンアップシステムに興味を持った方へ

    株式会社オープンアップシステムでは、開発系エンジニア・プログラマを募集しています。

    年収をアップしたい!スキルアップしたい!大手の上流案件にチャレンジしたい!
    まずは話だけでも聞いてみたい場合もOK。お気軽にご登録ください。

    株式会社オープンアップシステムへのご応募はこちら↓
    株式会社オープンアップシステムへのご応募はこちら↓

    新着案件New Job