강의

N
챌린지

멘토링

N
클립

커뮤니티

Programming

/

Mobile Application Development

C# .NET MAUI マウイ MVVM 講座 + Custom Control (Android、iPhone、Windows マシン、MAC OS)

C# MAUIのMVVMパターンを学ぶことができます。 不要な内容は省いて核心だけを込めました。 MVVMパターンを素早く理解したい方におすすめします。 iPhoneとMacBookがない関係でWindowsマシンとAndroidでテストを進行します。 追加でコントロールをカスタマイズする方法も学ぶことができます。

14名 が受講中です。

難易度 初級

受講期間 24か月

  • nodeep777
MVVM
MVVM
maui
maui
MVVM
MVVM
maui
maui

受講後に得られること

  • MauiのMVVMパターンを学ぶことができます。

  • iPhoneとMacBookがないため、Windowsマシンとandroidでテストを進めます。

  • Custom Controlについて学ぶことができます。

.NET MAUIとは？

  • Multi-platform App UI: 一つのC#/.NETコードベースとXAMLでAndroid、iOS、macOS（Mac Catalyst）、Windowsアプリを同時に開発。

  • Xamarin.Formsの次世代として、レンダラー（renderer）の代わりにハンドラー（handler）アーキテクチャを使用してパフォーマンス/カスタマイズを改善。

  • Single Project構造（共通アセット・リソースの中央管理）、ホットリロード、DI内蔵、Essentials（デバイスAPI）統合。


MVVMパターンとは？

MVVM (Model–View–ViewModel)は、UI（View）とデータ/ロジック（Model）をViewModelを通じて接続するアーキテクチャパターンです。

  • モデル

    • 実際のデータ、ビジネスロジック、API呼び出し結果、DBエンティティなど。

    • 例：BookItem { Title, Link }

  • View (XAML、Code-Behind)

    • UIを定義するレイヤー。

    • ViewModelのプロパティとコマンド（Command）にBinding。

    • 可能な限りコードロジック（ビジネス）は最小化 → UI描画のみを担当。

  • ViewModel

    • ViewとModelを繋ぐ媒介体。

    • ObservableObject、INotifyPropertyChanged、ICommandなどを活用してデータ変更をViewに自動反映。

    • ユーザーアクション（ボタンクリック、リスト選択など）をCommandで処理。

    • UI ロジック（画面に表示するデータの準備、状態管理）を担当。

MVVMの利点

  1. UIとロジックの分離 → テストと保守が簡単

  2. 再利用性 → ViewModelを他のViewでも活用可能

  3. テスト容易性 → ViewModelはUI依存コードがないため単体テストが可能

  4. データフローが明確 → View ↔ ViewModel ↔ Model 構造がすっきり

この講義は.NET MAUIを活用してクロスプラットフォームアプリを開発しながら、MVVM（Model–View–ViewModel）パターンを実務的に適用する方法を学ぶ過程です。
UIとビジネスロジックを分離し、データバインディングとコマンド（Command）構造を理解して保守性と拡張性に優れたアプリアーキテクチャを設計することを目標とします。


ボーナスセクション

.NET MAUIは様々な基本コントロールを提供していますが、実際のプロジェクトではより細かいUIと機能が必要な場合が多いです。ボーナスセクションではBindablePropertyを活用したカスタムコントロール制作過程を段階別に見ながら、再利用性と拡張性を高める方法をご紹介します。

こんな方に
おすすめです

学習対象は
誰でしょう？

  • MAUIを学ばれた方

  • Xamarinを学ばれた方

  • 複数人でコラボレーションしてMAUIで開発をしようとする方

  • 一度の開発でWindows、Android、iPhone、MAC OSプログラム開発が必要な方

前提知識、
必要でしょうか？

  • MAUIまたはXamarinの入門者程度のスキルがあれば理解できます。

  • MAUIを経験したことがない方でも、一緒に進めることができます。

こんにちは
です。

15,486

受講生

288

受講レビュー

72

回答

4.8

講座評価

14

講座

生産および品質管理プログラム、POP、スマートファクトリー、PMSなどのコンピュータープログラム開発者として活動した後、講師を始めました。プログラム開発というのは、思ったほど難しい領域ではありません。勉強方法さえ習得すれば、誰でも取り組むことができます。

カリキュラム

全体

17件 ∙ (1時間 33分)

講座資料（こうぎしりょう）:

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

まだ十分な評価を受けていない講座です。
みんなの役に立つ受講レビューを書いてください！

￥3,492

nodeep777の他の講座

知識共有者の他の講座を見てみましょう！

C# MAUI マウイ Animation アニメーションCourse Thumbnail

C# MAUI マウイ Animation アニメーション

nodeep777

クロスプラットフォームMAUIのアニメーション機能について学ぶことができます。

Basic

Basic

maui

C# MAUI マウイ Animation アニメーションCourse Thumbnail

C# MAUI マウイ Animation アニメーション

nodeep777

PySide6 Python GUICourse Thumbnail

PySide6 Python GUI

nodeep777

PythonでGUIプログラムを作成することができます。

Basic

Basic

Python, pyside6, GUI

PySide6 Python GUICourse Thumbnail

PySide6 Python GUI

nodeep777

C# WPF .NET Core(7.0)Course Thumbnail

C# WPF .NET Core(7.0)

nodeep777

Windowsアプリの開発経験がなくても十分にフォローできます。

Basic

Basic

C#, wpf, xaml

C# WPF .NET Core(7.0)Course Thumbnail

C# WPF .NET Core(7.0)

nodeep777

リモートでPCサーバーをチェック PowerShell入門～GUICourse Thumbnail

リモートでPCサーバーをチェック PowerShell入門～GUI

nodeep777

ローカルとリモートでPCとサーバーを簡単にチェックする方法を学びます。

Beginner

Beginner

Powershell

リモートでPCサーバーをチェック PowerShell入門～GUICourse Thumbnail

リモートでPCサーバーをチェック PowerShell入門～GUI

nodeep777

C＃ジャマリン+モンゴルDB + nodejs連動Course Thumbnail

C＃ジャマリン+モンゴルDB + nodejs連動

nodeep777

直接DBとnode expressをバックエンドでインストールし、C＃でWindowsアプリとスマートフォンアプリを介したデータを保存、更新してみます。ソケットを使ってチャット機能まで実装する方法を素早く学びましょう！

Basic

Basic

MongoDB, Express, C#

C＃ジャマリン+モンゴルDB + nodejs連動Course Thumbnail

C＃ジャマリン+モンゴルDB + nodejs連動

nodeep777

モンゴルDB + node express + ionic6連動Course Thumbnail

モンゴルDB + node express + ionic6連動

nodeep777

Firebaseのリアルタイムデータベースを使用せずに直接DBをインストールし、データを保存、更新、およびソケットを使用してチャット機能まで実装する方法を学びます。

Basic

Basic

MongoDB, Node.js, Express

モンゴルDB + node express + ionic6連動Course Thumbnail

モンゴルDB + node express + ionic6連動

nodeep777

入門鋼のタイプスクリプトからionic6（アンギュラベース）Course Thumbnail

入門鋼のタイプスクリプトからionic6（アンギュラベース）

nodeep777

簡単にAndroidアプリ、Windowsアプリ、iosアプリを作成して配布する方法まで知りたい方におすすめです。 JavaScriptやアンギュラーではなく、タイプスクリプトの基礎からお知らせします！

Beginner

Beginner

TypeScript, IONIC, Hybrid App

入門鋼のタイプスクリプトからionic6（アンギュラベース）Course Thumbnail

入門鋼のタイプスクリプトからionic6（アンギュラベース）

nodeep777

リアクトルアンギュラなしでアイオニックコンポーネントを使用するCourse Thumbnail

リアクトルアンギュラなしでアイオニックコンポーネントを使用する

nodeep777

アイオニックプラットフォームではなくhtmlやJavaScriptが可能な環境なら、アイオニックコンポーネントを使うことができます。

Basic

Basic

IONIC

リアクトルアンギュラなしでアイオニックコンポーネントを使用するCourse Thumbnail

リアクトルアンギュラなしでアイオニックコンポーネントを使用する

nodeep777

C＃でログイン可能なアプリを実装する Xamarin Jamaline FormsCourse Thumbnail

C＃でログイン可能なアプリを実装する Xamarin Jamaline Forms

nodeep777

この講義では、C#とXamarin Formsを活用してログイン処理、カメラ/電話/文字/メールアプリとの連動、自動メール送信などの機能の実装、APIとの連動による遠隔地の保存など、アプリ開発に必要なさまざまな機能を学習してみてください。

Basic

Basic

C#, Hybrid App, Xamarin

C＃でログイン可能なアプリを実装する Xamarin Jamaline FormsCourse Thumbnail

C＃でログイン可能なアプリを実装する Xamarin Jamaline Forms

nodeep777

C# Xamarin Forms ジャマリン フォームズ API 講義 + 簡単な API を作成するCourse Thumbnail

C# Xamarin Forms ジャマリン フォームズ API 講義 + 簡単な API を作成する

nodeep777

ザマリン(Xamarin)でSQLのデータにどのようにアクセスして修正、削除、追加、照会できるかを説明する講義です。 WEB APIも一緒に作成しながら、APIをどのように活用するかを知ることができます。

Basic

Basic

Web API, Xamarin

C# Xamarin Forms ジャマリン フォームズ API 講義 + 簡単な API を作成するCourse Thumbnail

C# Xamarin Forms ジャマリン フォームズ API 講義 + 簡単な API を作成する

nodeep777

C# 入門からXamarin Forms(ザマリンフォームズ) + Maui(マウイ) Android、Windowsアプリ(UWP) 同時に作るCourse Thumbnail

C# 入門からXamarin Forms(ザマリンフォームズ) + Maui(マウイ) Android、Windowsアプリ(UWP) 同時に作る

nodeep777

スマートフォンアプリとWindowsアプリを同時に？C#で作るクロスプラットフォーム！ C#を知らなくてもこの講義を通してC#基礎を学び、XamarinでスマートフォンアプリとWindowsアプリ(UWP)を作ってみることができます。Maui(マウイ)講義も追加しました。

Beginner

Beginner

C#, GUI, Xamarin

C# 入門からXamarin Forms(ザマリンフォームズ) + Maui(マウイ) Android、Windowsアプリ(UWP) 同時に作るCourse Thumbnail

C# 入門からXamarin Forms(ザマリンフォームズ) + Maui(マウイ) Android、Windowsアプリ(UWP) 同時に作る

nodeep777

Blender Python BPY入門講義Course Thumbnail

Blender Python BPY入門講義

nodeep777

Blenderにはbpyという楽しい機能があります。 Pythonコードを活用してBlenderを制御することができます。 しかし、Pythonコードを知らなくても学習することができます。

Basic

Basic

Blender

Blender Python BPY入門講義Course Thumbnail

Blender Python BPY入門講義

nodeep777

ブレンダー王初歩入門基礎講義Course Thumbnail

ブレンダー王初歩入門基礎講義

nodeep777

理論よりは実習中心の講義で入門者の方のための講義です。 Blenderのメニューと機能を学ぶことができます。

Beginner

Beginner

Blender

ブレンダー王初歩入門基礎講義Course Thumbnail

ブレンダー王初歩入門基礎講義

nodeep777

似ている講座

同じ分野の他の講座を見てみましょう！

WPF (.NET Core, C#, 字幕提供)Course Thumbnail

WPF (.NET Core, C#, 字幕提供)

vmproductor0202

ウィンフォームでWPFの導入を検討する開発者、アメリカの就職を希望するアプリケーション開発者、開発者として就職を希望する方に役立つWPF講義です。理論やデザイン中心の講義ではなく、実務で使える内容を扱っています。

Basic

Basic

C#, .NET, MSSQL

WPF (.NET Core, C#, 字幕提供)Course Thumbnail

WPF (.NET Core, C#, 字幕提供)

vmproductor0202

Part2：超中級iOSインスタグラムクローン（SwiftUI、MVVM、Firebase、2024）Course Thumbnail

Part2：超中級iOSインスタグラムクローン（SwiftUI、MVVM、Firebase、2024）

daynightcoding

Instagramアプリに従いながら学ぶ 本番SwiftUI講義

Basic

Basic

iOS, SwiftUI, MVVM

Part2：超中級iOSインスタグラムクローン（SwiftUI、MVVM、Firebase、2024）Course Thumbnail

Part2：超中級iOSインスタグラムクローン（SwiftUI、MVVM、Firebase、2024）

daynightcoding

C# WPF .NET Core(7.0)Course Thumbnail

C# WPF .NET Core(7.0)

nodeep777

Windowsアプリの開発経験がなくても十分にフォローできます。

Basic

Basic

C#, wpf, xaml

C# WPF .NET Core(7.0)Course Thumbnail

C# WPF .NET Core(7.0)

nodeep777

MAUI [Cross-Platform Applications & C#]Course Thumbnail

MAUI [Cross-Platform Applications & C#]

vmproductor0202

Windows、macOS、iOS、Android アプリケーションを 1 つのコードで開発および動作させる MAUI クロスプラットフォームの開発について学びます。

Beginner

Beginner

C#, Azure, cross-platform

MAUI [Cross-Platform Applications & C#]Course Thumbnail

MAUI [Cross-Platform Applications & C#]

vmproductor0202

C# 入門からXamarin Forms(ザマリンフォームズ) + Maui(マウイ) Android、Windowsアプリ(UWP) 同時に作るCourse Thumbnail

C# 入門からXamarin Forms(ザマリンフォームズ) + Maui(マウイ) Android、Windowsアプリ(UWP) 同時に作る

nodeep777

スマートフォンアプリとWindowsアプリを同時に？C#で作るクロスプラットフォーム！ C#を知らなくてもこの講義を通してC#基礎を学び、XamarinでスマートフォンアプリとWindowsアプリ(UWP)を作ってみることができます。Maui(マウイ)講義も追加しました。

Beginner

Beginner

C#, GUI, Xamarin

C# 入門からXamarin Forms(ザマリンフォームズ) + Maui(マウイ) Android、Windowsアプリ(UWP) 同時に作るCourse Thumbnail

C# 入門からXamarin Forms(ザマリンフォームズ) + Maui(マウイ) Android、Windowsアプリ(UWP) 同時に作る

nodeep777

C# MAUI マウイ Animation アニメーションCourse Thumbnail

C# MAUI マウイ Animation アニメーション

nodeep777

クロスプラットフォームMAUIのアニメーション機能について学ぶことができます。

Basic

Basic

maui

C# MAUI マウイ Animation アニメーションCourse Thumbnail

C# MAUI マウイ Animation アニメーション

nodeep777