常連

## テーマ、知りたいこと

現在未経験からエンジニアに就職して１年が経過しました。
自分は現在C#.netを扱うweb開発でのバックエンド、API関連の職場にて簡単な新しいサービスの作成、テスト業務、既存サービスの改修などを行っています。
質問なのですがC#.netを個人で学習するさいに勉強する教材になるものがすこし物足りない気がしてしまっています。
udemyや海外の英語のサイトを翻訳を使用して学習をしているのですが、翻訳を通すと自分の理解力が足りてない部分や日本語の教材では.netを使った深い部分まで触れたものがなく困っています。
また、web開発という大枠での知識やプログラミングに関する根本的な知識が足りないと自覚しています。
そこで他の言語を使用してweb開発自体を個人的に学習していくことは悪いことなのか、その時間をC#.netに当てたほうがいいのか分からず迷っています。



## 背景、状況

職場の先輩方は自分より経験年数も長く経験年数が近しい方が少なく、日本語が第一言語では無い方が多くすこし教えづらそうにしていて自分でもっとスキルアップをしていきたいです。

自分の考えとして
・これまで通りudemyや海外のサイトを使用してC#.netの学習を続ける
・他言語になってしまうがweb開発をもっとわかりやすく学べるものを使用する
・他の案を考える

上記のいづれかで考えています
皆様の考えや、体験談などお力添えをいただければと思います。よろしくお願いします。



学習教材が心もとない場合のプログラミング学習

### 実現したいこと

.NET 6 の C# テンプレートを使用してデリゲートを記述したい。

### 前提

Visual Studioを用いてC#の勉強をしています。
.NET 6 の C# テンプレートを使用してデリゲードのサンプルプログラムを記述したところ以下のエラーが発生しました。

### 発生している問題・エラーメッセージ

```
(7行目　//  1つ目の処理)
CS8803:トップレベルのステートメントは、名前空間および型の宣言の前に記述する必要があります。
```

### 試したこと
.NET 6 の C# テンプレートを使用せずに記述するとエラーが起きない。


### 該当のソースコード(C# テンプレートを使用)

```ここに言語名を入力
// See https://aka.ms/new-console-template for more information


//  デリゲートの宣言
delegate void Action(int a);
//  1つ目の処理
static void Func1(int a)
{
    Console.WriteLine("a={0}", a);
}
//  2つ目の処理
static void Func2(int a)
{
    Console.WriteLine("a*2={0}", a * 2);
}
//  3つ目の処理
static void Func3(int a)
{
    Console.WriteLine("a*3={0}", a * 3);
}
static void Main(string[] args)
{
    //  デリゲートaの作成
    Action a = new Action(Func1);
    //  処理の追加
    a += new Action(Func2);
    a += new Action(Func3);
    //  処理の実行
    a(3);
}
```

### 該当のソースコード(C# テンプレートを使用しない)

```ここに言語名を入力
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
 
namespace SampleEx702
{
    class Program
    {
        //  デリゲートの宣言
        delegate void Action(int a);
        //  1つ目の処理
        static void Func1(int a)
        {
            Console.WriteLine("a={0}",a);
        }
        //  2つ目の処理
        static void Func2(int a)
        {
            Console.WriteLine("a*2={0}", a * 2);
        }
        //  3つ目の処理
        static void Func3(int a)
        {
            Console.WriteLine("a*3={0}", a * 3);
        }
        static void Main(string[] args)
        {
            //  デリゲートaの作成
            Action a = new Action(Func1);
            //  処理の追加
            a += new Action(Func2);
            a += new Action(Func3);
            //  処理の実行
            a(3);
        }
    }
}
```


### 補足情報（FW/ツールのバージョンなど）

Visual Studio 2022
C#コンソールアプリケーション
.NET 6 の C# テンプレート



🔰.NET 6 の C# テンプレートを使用してデリゲートを記述したい。

### 前提・質問
現在Xamarin.Android,Xamarin.iOSから.NET6への移行でなおかつAndroid APIレベル 33でのリリースを考えており、Nugetパッケージの調査を行っております。

例えばXamarin.Androidで使われていた、Xamarin.Android.Support.v4をXamarin.AndroidX.Legacy.Support.V4に変更する必要があると考えております。
(変更しないで済む方法があるようでしたらこちらも教えていただけますと幸いです。)
**→ありません。**

そこで、Xamarin.AndroidX.Legacy.Support.V4のNugetパッケージのサイトを調べますと、
以下画像のようにFrameworksの欄にnet6-android31.0とありますが、こちらはAndroidAPIレベル31がターゲットAPIレベルを意味していますでしょうか。またはミニマムバージョンでしょうか。
**→ビルド時に使用するAndroid SDKのバージョンです。**
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-11-20/928db0a1-d85c-4e61-84c7-501954c21daf.png)

また以下追加での質問となります。
①net6-android31.0がターゲットレベルの場合、AndroidAPIレベル31ではなく33でリリースできますでしょうか。
**→できます。**
その場合どこで設定しますか？(以下の画像のプロジェクトファイルに31と設定して、AndroidManifest.xmlに33の設定をすればうまくいきますでしょうか。)
**→ご認識の通りです。**
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-11-20/e40a0860-3246-4465-86eb-c3ab5b242102.png)

②iOSのNugetパッケージも.net6-iOS15.4などとありますが同様に考えればよいでしょうか？
こちらはミニマムバージョンは既存通りiOS8、ターゲットはiOS17で考えております。
**→ご認識の通りです。**

③こちらの水色は青色と違って動作が確実ではないと考えておけば良いでしょうか。
**→ご認識の通りです。ちゃんと動かなくても文句は言わないでください。**
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-11-20/429b20fe-e084-4c3d-b6a7-16bfd276313c.png)

ご回答をいただけない場合は、後ほど自分で検証予定です。もしすでに検証いただいている方がいらしたら、お手数をおかけいたしますが、ご回答いただけますと幸いです。

### 補足情報（FW/ツールのバージョンなど）
Visual Studio 2022 17.7.6



NugetパッケージのFrameworksのnet6-android31はターゲットバージョンでしょうか。

お世話になります。
調べたのですが、分からないため教えてください。

### 実現したいこと
Rectangleの内容をDataGridに表示させ
今編集しようとしているRectangleの行を選択して値を動的に変更したい
作成済みのRectangleを選択すると、
選択したRectangleと同じDataGridの行が選択したい

### 前提
MainWindowと、SubWindow（画像選択用）、DataGridList（四角形のデータ表示用）があります。
MainWindowに四角形を描画し、その四角形を移動させたり拡縮させたりしたいです。
選択したRectの情報はActiveRectで取得できているのですが移動ができません。
とりあえず「DataGridList.xaml」を作成しました。
データをDataGridList.xamlに表示出来そうですが
Rectangleを選択したら、同じ値のDataGrid行を選択できますか？
編集中の図形「activeRect」を取得することは出来ています。

### 該当のソースコード

```MainWindow.xaml.cs
namespace TEST
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            DataContext = new ViewModel();
        }
        private void MyCanvas_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            var point = e.GetPosition(MyCanvas);
            var leftOffset = point.X % 10;
            leftOffset = leftOffset < 5 ? -leftOffset : 10 - leftOffset;
            var topOffset = point.Y % 10;
            topOffset = topOffset < 5 ? -topOffset : 10 - topOffset;
            StartPoint = new Point(point.X + leftOffset, point.Y + topOffset);
            rectangle = new System.Windows.Shapes.Rectangle
            {
                Stroke = Brushes.Black,
                Fill = Brushes.LightBlue,
                HorizontalAlignment = HorizontalAlignment.Left,
                VerticalAlignment = VerticalAlignment.Top,
                Width = 0,
                Height = 0,
                Opacity = 0.3,
            };
            Panel.SetZIndex(rectangle, 0);//最前面表示
            Canvas.SetLeft(rectangle, StartPoint.X);
            Canvas.SetTop(rectangle, StartPoint.Y);
            MyCanvas.Children.Add(rectangle);
            isMouseDown = true;
        }
        private void MyCanvas_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
        {
            var R_X = StartPoint.X;
            var R_Y = StartPoint.Y;
            if (MovePoint.X - StartPoint.X <= 0)  R_X = MovePoint.X;
            if (MovePoint.Y - StartPoint.Y <= 0)R_Y = MovePoint.Y;
            var R_H = rectangle.Height;
            var R_W = rectangle.Width;
            MyCanvas.Children.Remove(rectangle);
            MyRect NowRect = new RectangleItem { X = R_X, Y = R_Y, Width = R_W, Height = R_H };
            ((ViewModel)DataContext).MyRects.Add(NowRect);
            isMouseDown = false;
            rectangle.Opacity = 1;
        }


        private void MyCanvas_MouseMove(object sender, MouseEventArgs e)
        {
if (!isMouseDown) return;
var point = e.GetPosition(MyCanvas);
var leftOffset = point.X % 10;
leftOffset = leftOffset < 5 ? -leftOffset : 10 - leftOffset;
var topOffset = point.Y % 10;
topOffset = topOffset < 5 ? -topOffset : 10 - topOffset;
MovePoint = new Point(point.X + leftOffset, point.Y + topOffset);
rectangle.Width = Math.Abs(MovePoint.X - StartPoint.X);
rectangle.Height = Math.Abs(MovePoint.Y - StartPoint.Y);
            if (MovePoint.X - StartPoint.X <= 0)Canvas.SetLeft(rectangle, MovePoint.X);
            if (MovePoint.Y - StartPoint.Y <= 0)Canvas.SetTop(rectangle, MovePoint.Y);
        }

private void Rectangle_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            activeRect = sender as System.Windows.Shapes.Rectangle;
            if (activeRect == null) return;
            if (e.LeftButton != MouseButtonState.Pressed) return;
            activeRect.Fill = Brushes.AliceBlue;
        }
        private void Rectangle_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
        {
            Cursor = Cursors.Arrow;
        }
    }
}

```

### 試したこと
動かすことを最優先です。
Gridが追加され、中にRectangle、LINEがあることを確認。
Rectangleクリック移動で、RectangleMoveなどのイベントが動作確認済。
ビジュアルツリーモード中にMyRectの値を変更してもRect移動なしでした。

((ViewModel)DataContext).MyRects.Add(NowRect);
だから図形が動かないのでしょうか？

**図形のドラッグ移動に関する資料がそこまでないのと、
複数図形を配置してXやYなどの座標をBinding?で動かそうとしている資料があまりなく
参考になるサイト等があれば教えてください。**

### 補足情報（FW/ツールのバージョンなど）
Visualstudio2022　V17.6.3
.NET 6.0　C#


WPF　動的生成したRectangleがドラッグで移動できない、Bindingが難しい…

## テーマ、知りたいこと

①今から新規案件(Windowsフォームアプリケーション)で.NET Framework4.8で開発するのは邪道でしょうか？

　新規案件の開発環境の選定が目前に迫っており、使い慣れた.NET Framework4.8(開発言語はVB.NET)で進めてしまっても良いのか悩んでおります。
　今まで.NET6を導入した経験はありませんが、新たに導入するなら新規案件での開発が適していると思っています。

.NET6に対しては
・言語使用に違いはあるのか(VB.NETの場合)
・アプリケーションの配布方法は従来(.NET Framework4.X系)通りClick Onceを使用できるか
・従来よりも余分な検証作業が発生するのではないか
との不安があります。(開発工数が少ないため)

　ぶっちゃけFrameworkの違いだけで、同じWindowsフォームである事には殆ど変わりない認識でよろしいでしょうか。
.NET Framework → .NET6 の移行や、初めて.NET6をやってみて困った点があれば知りたいです。

Microsoftがこれから先に手を加えることのない.NET Framework4.8で新規案件の開発を行おうとしていることに対して、ご意見を伺いたいです。

②これからWindows環境で稼働するデスクトップ版の業務アプリケーションを作成するならどの様なアプリケーションを選択するか？
　新規案件でWindows環境で稼働するアプリケーションを作成するなら、皆さんなら以下のどのアプリを選択しますでしょうか？
もちろんチームのメンバーの習熟度なども考慮する必要はあると思いますが、開発言語の選定も含めて知りたいです。

・Windowsフォームアプリケーション
・WPFアプリケーション
・その他

日々の業務に追われてなかなか新しいことの学習も出来ていないのですが、
今から学習するならWPFが良いのか、他のものが良いのかも知りたいです。
開発案件は販売管理や在庫管理、会計関連等の業務アプリケーションです。

## 背景、状況


①小規模案件でWindowsアプリケーションの開発が迫っており、開発環境の選定を行わなければならない

②開発期間が短い(開発規模も割と小さい)ので新しいことに踏み出すのに躊躇している

③私自身はVB.NETの開発経験が割と長い方ですが、他のメンバーが私よりも年長者でVB.NETの開発にそれほど精通していない
　(オフコンの経験が長く、その次にVBAやVB6.0の経験が長い。オブジェクト指向プログラミングにそれほど精通していない)

④自身の技術的な経歴を鑑みて、VB.NETのWindowsフォームアプリの開発ばかりやっていて良いのか、将来的な不安もある。

上記背景があり、以前からWindowsフォーム以外の開発もやってみたいという思いもあり、
現在のWindows系の業務アプリケーションの開発はどのようなアプリケーションが多いのかも
知りたいと思いました。




今から.NET Framework4.8で新規開発(Windowsフォーム)を行うのは邪道か？

### 実現したいこと
①サブウィンドウのDataGridに一覧を表示させる
②選択したDataGridの内容にあわせて、動作させる
（MainWindowsの画像を変更し、同じ画像の内容のものを表示させる）
③MainWindowにあるRectangleは、拡縮移動ができる
　（Rectangle等を選択すると、選択した内容のDataGridが選択され、
　　DataGirdを選択すると、Rectangleにフォーカスがいく）
④SubWindowに「保存」ボタンがあり、それを押すとテキストファイルとして保存できる

①～③の動作イメージです。Excelを利用して作ってます。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-09-28/87459145-8a50-4762-abf6-458ce5496f4f.jpeg)
黒い太枠が今選択しているもので、
薄い水色背景は同じ画像のものという意味です。

現在、Rectangle(Button)の表示、拡縮、移動機能は出来ました。
DataGridへのデータ表示もできました。
あとは、ButtonとDataGridの連動、
そしてDataGridで選択を変更した時に画像が違う場合に
画像背景とRectangleの変更の実装です。

### 前提

WPF　動的生成したRectangleがドラッグで移動できない、Bindingが難しい…
https://teratail.com/questions/j700zzpncph60k
→私には難しくて理解が出来ませんでした。申し訳ありません。

リサイズハンドルをAdornerで実装する
https://como-2.hatenadiary.org/entry/20110428/1303996288
→これを元に、フォーカス後に移動とかも実装しました。

### 発生している問題・エラーメッセージ

MVVMもそうですが、データの流れが良く分かりません。
一人で作っているため、自分がデータの流れを読めれば良く
速度とかもそこまで気にしていないため、自分で理解できる作成方法が一番だと思いました。

MVVMとかBindingとかあまり理解できていないので色々と間違っているかもしれませんが、データの値が追いやすいものにして、上記②を実現させたいです。
ViewModelを作成し、MainWindowにもDataWindowにも
DataContextに入れる？ことにしました。
MainWindowで□ボタンを押したらDataGridにも追加されるところまでは出来ました。

### 該当のソースコード

```MainWindow.xaml
<Window x:Class="ImageMapCreate.MainWindow"
  x:Name="Root"
  mc:Ignorable="d"
  Title="MainWindow" Height="630" Width="800">

  <Window.Resources>
 
 <ControlTemplate TargetType="Thumb" x:Key="ResizeHandleTemplate">
  <Ellipse Width="10" Height="10" Margin="-3"
  Stroke="DimGray" Fill="LightSteelBlue"/>
 </ControlTemplate>
 
 <ControlTemplate x:Key="AdornerTemplate">
  <Grid>
  <Thumb Name="MoveThumb" 
    HorizontalAlignment="Center" VerticalAlignment="Center"
    Template="{StaticResource ResizeHandleTemplate}"
    DragDelta="ResizeThumb_DragDelta"/>
  <Thumb Name="ResizeThumb_LT" 
    HorizontalAlignment="Left" VerticalAlignment="Top"
    Template="{StaticResource ResizeHandleTemplate}"
    DragDelta="ResizeThumb_DragDelta"/>
   <Thumb Name="ResizeThumb_RT" 
    HorizontalAlignment="Right" VerticalAlignment="Top"
    Template="{StaticResource ResizeHandleTemplate}"
    DragDelta="ResizeThumb_DragDelta"/>
   <Thumb Name="ResizeThumb_LB" 
    HorizontalAlignment="Left" VerticalAlignment="Bottom"
    Template="{StaticResource ResizeHandleTemplate}"
    DragDelta="ResizeThumb_DragDelta"/>
   <Thumb Name="ResizeThumb_RB" 
    HorizontalAlignment="Right" VerticalAlignment="Bottom"
    Template="{StaticResource ResizeHandleTemplate}"
    DragDelta="ResizeThumb_DragDelta"/>
  </Grid>
 </ControlTemplate>

  </Window.Resources>
 <Grid>
  <StackPanel Orientation="Vertical">
 <ToolBar Height="30">
  <Button x:Name="Create_rect" Content="□" Click="Create_rect_Click"></Button>
 </ToolBar>
 
  <Canvas Name="MyCanvas">
  <Image Width="800" Height="600"/>
  <Button x:Name="ButtonStyleTemp"
  Width="{Binding Width}"
  Height="{Binding Height}"
  Canvas.Left="{Binding X}"
  Canvas.Top="{Binding Y}"
  Content="{Binding HintText}"
  Visibility="Hidden">
   <Button.Style>
  <Style TargetType="Button">
   <Style.Triggers>
    <Trigger Property="IsFocused" Value="True">
   <Setter Property="local:AdornedBy.Template"
   Value="{StaticResource AdornerTemplate}"/>
    </Trigger>
   </Style.Triggers>
  </Style>
   </Button.Style>
  </Button>
 </Canvas >
 
  </StackPanel>
 </Grid>
```
```MainWindow.cs
public partial class MainWindow : Window
 {
 private readonly ViewModel vm = new ViewModel();
 public MainWindow()
  {
  InitializeComponent();

  DataContext = vm;
  var window = new DataWindow();
  window.DataContext = vm;
  window.Show();
 }

 private void Create_rect_Click(object sender, RoutedEventArgs e)
  {

 }

  private void ResizeThumb_DragDelta(object sender, System.Windows.Controls.Primitives.DragDeltaEventArgs e)
  {
 var thumb = sender as Thumb;
 if (thumb == null) return;
 var adored = AdornedBy.GetAdornedElementFromTemplateChild(thumb) as FrameworkElement;
 if (adored == null) return;
 Debug.WriteLine(adored.Name);

 if (thumb.Name == "MoveThumb")
 {
  Canvas.SetLeft(adored, Canvas.GetLeft(adored) + e.HorizontalChange);
  Canvas.SetTop(adored, Canvas.GetTop(adored) + e.VerticalChange);
  e.Handled = true;
  return;
 }
 var befo_bottom = Canvas.GetBottom(adored);
 var befo_right = Canvas.GetRight(adored);
 var befo_top = Canvas.GetTop(adored);
 var befo_left = Canvas.GetLeft(adored);
 var after_left = 0;
 var after_top = 0;
 var after_right = 0;
 var after_bottom = 0;
 var after_width = 0;
 var after_height = 0;
 //移動ではない場合

 if (thumb.Name == "ResizeThumb_LT")
 {
  after_left = (int)(Canvas.GetLeft(adored) + e.HorizontalChange);
  after_top = (int)(Canvas.GetTop(adored) + e.VerticalChange);
  after_width = (int)(adored.Width - e.HorizontalChange);
  after_height= (int)(adored.Height - e.VerticalChange);
  after_right = after_left + after_width;
  after_bottom = after_top + after_height;
  if (after_width < 20) return;
  if (after_height < 20) return;
  if (after_left > after_right) return;
  if (after_top > after_bottom) return;
  adored.Height = after_height;
  Canvas.SetTop(adored, after_top);
  adored.Width = after_width;
  Canvas.SetLeft(adored, after_left); 
 }

 if (thumb.Name == "ResizeThumb_RT")
 {
  after_left = (int)(Canvas.GetLeft(adored));//LEFTは変わらない
  after_top = (int)(Canvas.GetTop(adored) + e.VerticalChange);
  after_width = (int)(adored.Width + e.HorizontalChange);
  after_height = (int)(adored.Height - e.VerticalChange);
  after_right = after_left + after_width;
  after_bottom = after_top + after_height;
  if (after_width < 20) return;
  if (after_height < 20) return;
  if (after_left > after_right) return;
  if (after_top > after_bottom) return;
  adored.Height = after_height;
  Canvas.SetTop(adored, after_top);
  adored.Width = after_width;
  Canvas.SetLeft(adored, after_left);
 }

 if (thumb.Name == "ResizeThumb_LB")
 {
  after_left = (int)(Canvas.GetLeft(adored) + e.HorizontalChange);
  after_top = (int)(Canvas.GetTop(adored));//TOPは変わらない
  after_width = (int)(adored.Width - e.HorizontalChange);
  after_height = (int)(adored.Height + e.VerticalChange);
  after_right = after_left + after_width;
  after_bottom = after_top + after_height;
  if (after_width < 20) return;
  if (after_height < 20) return;
  if (after_left > after_right) return;
  if (after_top > after_bottom) return;
  adored.Height = after_height;
  Canvas.SetTop(adored, after_top);
  adored.Width = after_width;
  Canvas.SetLeft(adored, after_left);
 }
 if (thumb.Name == "ResizeThumb_RB")
 {
  after_left = (int)(Canvas.GetLeft(adored));//LEFTは変わらない
  after_top = (int)(Canvas.GetTop(adored));//Topも変わらない
  after_width = (int)(adored.Width + e.HorizontalChange);
  after_height = (int)(adored.Height + e.VerticalChange);
  after_right = after_left + after_width;
  after_bottom = after_top + after_height;
  if (after_width < 20) return;
  if (after_height < 20) return;
  if (after_left > after_right) return;
  if (after_top > after_bottom) return;
  adored.Height = after_height;
  Canvas.SetTop(adored, after_top);
  adored.Width = after_width;
  Canvas.SetLeft(adored, after_left);
 }
  }

 }

```
```DataWindow.xaml
 <DockPanel>
  <ToolBar Height="30" DockPanel.Dock="Top" FontWeight="Bold" >
  <Button x:Name="ReadFileB" Content="ファイル読み込み" Click="ReadFile_Click" Background="#FFFFBCDE" />
  <Button x:Name="WriteFileB" Content="ファイル書き込み" Click="WriteFile_Click" Background="#FFAFFFD5" />
 <Button x:Name="AddB" Content="追加" Click="Add_Click"/>
  </ToolBar>
 
  <DataGrid x:Name="MyGrid" ItemsSource="{Binding Items, UpdateSourceTrigger=PropertyChanged}" CanUserSortColumns="False" SelectionChanged="DataGrid_SelectionChanged" AutoGenerateColumns="False" CanUserReorderColumns="False" CanUserAddRows="False" >
 <DataGrid.Columns>
  <DataGridTextColumn Header="番号" Binding="{Binding Num}" IsReadOnly="True"  />
  <DataGridTextColumn Header="タイトル" Binding="{Binding Title}"  />
  <DataGridTextColumn Header="画像ファイル名" Binding="{Binding PicName}" IsReadOnly="True" />
  <DataGridTextColumn Header="X" Binding="{Binding X"  />
  <DataGridTextColumn Header="Y" Binding="{Binding Y}"  />
  <DataGridTextColumn Header="W" Binding="{Binding Width}"  />
  <DataGridTextColumn Header="H" Binding="{Binding Height}"  />
  <DataGridTextColumn Header="ヒント" Binding="{Binding HintText}"  />
  <DataGridTextColumn Header="線の色" Binding="{Binding BordColor}" />
  <DataGridTextColumn Header="塗り色" Binding="{Binding FillColor}" />
  <DataGridTextColumn Header="次リンク" Binding="{Binding NextLink}" IsReadOnly="True"/>
  <DataGridTemplateColumn Header="追加" x:Name="Add">
   <DataGridTemplateColumn.CellTemplate>
  <DataTemplate>
   <Button Click="Add_Click" Content="+" />
  </DataTemplate>
   </DataGridTemplateColumn.CellTemplate>
  </DataGridTemplateColumn>
  <DataGridTemplateColumn Header="削除" x:Name="Del">
   <DataGridTemplateColumn.CellTemplate>
  <DataTemplate>
    <Button Click="Del_Click" Content="-" />
   </DataTemplate>
   </DataGridTemplateColumn.CellTemplate>
  </DataGridTemplateColumn>
 </DataGrid.Columns>
  </DataGrid>
 </DockPanel>
```
```DataWindow.xaml.cs
  private void Add_Click(object sender, RoutedEventArgs e)
  {
 ViewModel.Items.Add(new Item{ Num = 1, Title ="タイトル"});//とりあえず
  }

  private void Del_Click(object sender, RoutedEventArgs e)
  {
 var dataGrid = sender as DataGrid;
 var cellInfos = MyGrid.SelectedCells;
 if (cellInfos.Count == 0)
 {
  return;
 }
 var cellInfo = cellInfos[0];
 var item = cellInfo.Item;
 var rowIndex = MyGrid.Items.IndexOf(item);
 ViewModel.Items.RemoveAt(rowIndex);

  }
```
### 試したこと
adoredという所で、「Name」と指定すれば情報が取得できたので、
今動かしているものの情報は取れそうな気がします。
それをどうやってDataGridに連動させるかが良く分かりません。
回答、アドバイスのほど、よろしくお願いいたします。

### 補足情報（FW/ツールのバージョンなど）
WPF　C#
.NET　6.0
CommunityToolkit.Mvvm　8.2.1

WPF　DataGridとオブジェクトを連動させたい

お世話になります。
調べたのですが、分からないため教えてください。
### 実現したいこと

以前質問させていただいた2つを組み合わせたものにしようとしています。

Rectangleの質問【1】のデータを主軸とし、
画像選択サブウィンドウのデータ【2】を追加しようとしています。

組み合わせても問題なく動作するようにしたいです。

【1】
WPF　動的生成したRectangleがドラッグで移動できない、Bindingが難しい…
https://teratail.com/questions/j700zzpncph60k
→ソースが変わる前のものを利用しています。

【2】
WPF C#　ImageSourceを利用しているからか、画像がロックされてしまう
https://teratail.com/questions/t6uox4f1iujybm
### 試したこと

ViewModelを1つにまとめました。
Itemsという同じ名称のものは、「RectItems」「PicItems」としました。

```MainWindow.xaml
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="30" />
            <RowDefinition Height="600"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <ToolBar Grid.Row="0" VerticalAlignment="Top" Height="30">
                <Button Content="画像選択" Width="128" Height="32" Click="Button_Click"/>
                <RadioButton x:Name="DefaultButton" Width="32" Height="32"
                Content="?" IsChecked="True" />
                <RadioButton x:Name="RectButton" Width="32" Height="32">
                    <Rectangle Width="24" Height="16" Stroke="Black"/>
                </RadioButton>
        </ToolBar>

 
        <local:MyCanvas MinHeight="600" MaxHeight="600" Height="600" MinWidth="800" Width="800" MaxWidth="800" Grid.Row="1" RectItems="{Binding RectInfoCollection}" SelectRect="{Binding SelectRect, Mode=TwoWay}" >
        </local:MyCanvas>
        <local:MyDataGrid Grid.Row="2"  DataContext="{Binding }"/>
       
    </Grid>
```
```MainWindow.cs
    public partial class MainWindow : Window
    {
        public ViewModel vm ;
        public MainWindow()
        {
            InitializeComponent();
            var imageFolder = Path.Combine(AppDomain.CurrentDomain.BaseDirectory, "image");
            vm = new ViewModel(imageFolder);
            this.DataContext = vm;
        }
        private void Button_Click(object sender, RoutedEventArgs e)
            => new SubWindow((ViewModel)DataContext).ShowDialog();

        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            vm.RectInfoCollection.Add(new RectInfo("1", 10, 10, 100, 100, "Red", ""));
            vm.RectInfoCollection.Add(new RectInfo("2", 100, 100, 200, 200, "Blue", ""));

        }
}

```
```ViewModel.cs
public partial class ViewModel : BindableBase
{
    private RectInfo? _SelectedRect;
    public RectInfo? SelectedRect { get => _SelectedRect; set => SetProperty(ref _SelectedRect, value); }

    public ObservableCollection<Item> PicItems { get; } = new();

    private Item? _SelectPic;
    public Item? SelectPic { get => _SelectPic; set => SetProperty(ref _SelectPic, value); }

    private readonly string folder;
    public ViewModel(string folder)
    {
        this.folder = folder;
        Directory.CreateDirectory(folder);
        ImportFiles(Directory.EnumerateFiles(folder, "*.jpg", SearchOption.TopDirectoryOnly));
    }

    [RelayCommand]
    private void Apply(Item? item) => SelectPic = item;

    public void ImportFiles(IEnumerable<string> paths)
    {
        foreach (var path in paths) PicItems.Add(new(path));
    }

    public void AddItem(string path, Func<bool> isOverwrite)
    {
        var fileName = System.IO.Path.GetFileNameWithoutExtension(path);
        var outPath = System.IO.Path.Combine(folder, $"{fileName}.jpg");

        if (File.Exists(outPath))
        {
            if (!isOverwrite()) return;
            PicItems.Remove(PicItems.FirstOrDefault(x => x.FilePath == outPath)!);
        }

        using (var fsin = new FileStream(path, FileMode.Open, FileAccess.ReadWrite))
        using (var fsout = new FileStream(outPath, FileMode.Create, FileAccess.Write))
        {
            var f = BitmapFrame.Create(fsin, BitmapCreateOptions.PreservePixelFormat, BitmapCacheOption.OnDemand);
            var meta = f.Metadata.Clone() as BitmapMetadata ?? new BitmapMetadata("jpg");
            var enc = new JpegBitmapEncoder();
            enc.Frames.Add(BitmapFrame.Create(f, f.Thumbnail, meta, f.ColorContexts));
            enc.Save(fsout);
        }

        PicItems.Add(new(outPath));
    }
}
```

### 発生している問題・エラーメッセージ
- Rectangleが表示されない（SelectRectもRe
- Canvasの裏に画像を表示させようとImageを追加したが、それも表示されない（SelectPicのデータはあり）

```MyCanvas.cs
       public MyCanvas()
        {
            InitializeComponent();
        }

        private System.Windows.Point _dragOffset;
        private System.Windows.Shapes.Rectangle? _dragRectangle;
        public RectInfo SelectRect
        {
            get { return (RectInfo)GetValue(SelectRectProperty); }
            set { SetValue(SelectRectProperty, value); }
        }

        public static readonly DependencyProperty SelectRectProperty =
            DependencyProperty.Register("SelectRect", typeof(RectInfo), typeof(MyCanvas), new PropertyMetadata(null, SelectRect_Changed));

        private static void SelectRect_Changed(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            (d as MyCanvas)?.SelectRectChanged(e.OldValue, e.NewValue);
        }

        private void SelectRectChanged(object oldValue, object newValue)
        {
            if (oldValue is RectInfo o)
            {
                var target = FindRectangle(o);
                if (target != null)
                {
                    target.StrokeDashArray = null;
                }
            }
            if (newValue is RectInfo n)
            {
                var target = FindRectangle(n);
                if (target != null)
                {
                    target.StrokeDashArray = new DoubleCollection() { 2 };
                }
            }
        }

        public ObservableCollection<RectInfo> RectItems
        {
            get { return (ObservableCollection<RectInfo>)GetValue(RectItemsProperty); }
            set { SetValue(RectItemsProperty, value); }
        }

        public static readonly DependencyProperty RectItemsProperty =
            DependencyProperty.Register("RectItems", typeof(ObservableCollection<RectInfo>), typeof(MyCanvas), new PropertyMetadata(null, RectItemsChangedCallback));

        private static void RectItemsChangedCallback(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            (d as MyCanvas)?.RegisterCollectionChanged();
        }

        private void RegisterCollectionChanged()
        {
            RectItems.CollectionChanged += RectItems_CollectionChanged;
        }

        private void RectItems_CollectionChanged(object? sender, NotifyCollectionChangedEventArgs e)
        {
            switch (e.Action)
            {
                case NotifyCollectionChangedAction.Add:
                    if (e.NewItems != null)
                    {
                        foreach (RectInfo mp in e.NewItems)
                        {
                            AddRectangle(mp);
                            mp.PropertyChanged += RectInfo_PropertyChanged;
                        }
                    }
                    break;

                case NotifyCollectionChangedAction.Remove:
                    if (e.OldItems != null)
                    {
                        foreach (RectInfo info in e.OldItems)
                        {
                            var target = FindRectangle(info);
                            if (target != null)
                            {
                                canvas2.Children.Remove(target);
                                info.PropertyChanged -= RectInfo_PropertyChanged;
                            }
                        }
                    }
                    break;

                default:
                    break;
            }
        }

        private System.Windows.Shapes.Rectangle? FindRectangle(RectInfo info)
        {
            if (info == null) return null;
            return canvas2.Children.OfType<System.Windows.Shapes.Rectangle>().FirstOrDefault(i => info == (RectInfo)i.Tag);
        }

        internal void AddRectangle(RectInfo info)
        {
            var r = new System.Windows.Shapes.Rectangle
            {
                Width = 20,
                Height = 20,
                Stroke=Brushes.Black,
                StrokeThickness=5,
                ToolTip = info.Name,
                Tag = info
            };

            r.Width = info.Width;
            r.Height = info.Height;

            try
            {
                var brush = (SolidColorBrush)new BrushConverter().ConvertFromString(info.BorderColor);
                r.Stroke = brush;
            }
            catch
            {
                r.Stroke = Brushes.Transparent;
            }
                
            try { 
                var brush = (SolidColorBrush)new BrushConverter().ConvertFromString(info.FillColor);
                r.Fill = brush;
            }
            catch
            {
                r.Fill = Brushes.Transparent;
            }

            //イベント追加
            r.MouseDown += DragStart;
            r.MouseUp += (o, e) => { _dragRectangle = null; r.ReleaseMouseCapture(); };
            r.MouseMove += MoveRectangle;

            //パネルに追加
            canvas2.Children.Add(r);
            Canvas.SetLeft(r, info.X);
            Canvas.SetTop(r, info.Y);
        }
```

###分かったこと
画面上にボタンを置き
「vm.RectInfoCollection.Add(new RectInfo("3", 10, 10, 100, 100, "Red", ""));」としてみたところ、四角形が描画されました。
起動時に作成したデータでは四角形が出来ず、DataGridのみに表示されますが、ボタンで実行すると四角形描画とDataGridへの追加もどちらもできるようです。

画面上に置いたボタンで追加できるのであれば、
Binding自体は問題ない気がします。

### 補足情報（FW/ツールのバージョンなど）
Visualstudio2022　V17.6.3
.NET 6.0　C#

WPF　MainWindowとSubWindowで別のViewModel?を使いたい

### 実現したいこと

Ajaxが成功した時に以下を行いたいです。
・部分ビューの更新
・親ビューへ成功メッセージの出力


### 前提
ASP.NET Core MVCで業務アプリケーションを作っています。
実装方法がわからない点について教えていただきたいです。

### 発生している問題・エラーメッセージ
該当のソースコードのように実装すれば、
Ajaxが成功した場合、部分ビューを更新できるところは実現できました。
・部分ビューの更新
・親ビューへ成功メッセージの出力
を行う場合、部分ビューを更新する情報、成功メッセージの情報をJasonで返す必要があると思いますが、
どのようにJSONに格納して、部分ビューを更新してよいかわかりません。


### 該当のソースコード
親ビュー (ParentView.cshtml):
```
@model ParentViewModel

@using (Html.BeginForm("SubmitForm", "Home", FormMethod.Post))
{
    <div class="form-group">
        @Html.LabelFor(model => model.Name)
        @Html.TextBoxFor(model => model.Name, new { @class = "form-control" })
    </div>

    <input type="submit" value="Submit" class="btn btn-primary" />
}

//部分ビューの描画場所
<div id="partialViewContainer">
    @Html.Partial("_PartialView", Model.PartialViewModel)
</div>

@section scripts {
    <script>
        // フォームのサブミット時にAjaxリクエストを送信して部分ビューを更新する
        $(function () {
            $('form').submit(function (event) {
                event.preventDefault();
                var form = $(this);

                $.ajax({
                    url: form.attr('action'),
                    type: form.attr('method'),
                    data: form.serialize(),
                    success: function (result) {
                        $('#partialViewContainer').html(result);
                    }
                });
            });
        });
    </script>
}
```
部分ビュー (_PartialView.cshtml):
```ここに言語を入力
@model PartialViewModel

<h2>Partial View</h2>

<p>Name: @Model.Name</p>
```

コントローラー (HomeController.cs):
```ここに言語を入力
public class HomeController : Controller
{
    public IActionResult Index()
    {
        var parentViewModel = new ParentViewModel();
        parentViewModel.PartialViewModel = new PartialViewModel();

        return View("ParentView", parentViewModel);
    }

    [HttpPost]
    public IActionResult SubmitForm(ParentViewModel parentViewModel)
    {
        // フォームのデータを受け取り、部分ビューのモデルを更新する処理を行う

        // 部分ビューに渡すモデルを再取得する（更新したモデルを使用する）
        var updatedPartialViewModel = new PartialViewModel();
        updatedPartialViewModel.Name = parentViewModel.Name;

        // 部分ビューを再描画して返す
        return PartialView("_PartialView", updatedPartialViewModel);
    }
}

```

### 試したこと

下記のような形で実装できないか試しているのですが、
Controllerから返すJSONのhtmlContentsにどうやって部分ビューの更新情報をセットしてよいかわかりません。
該当のソースコードのコントローラーのメソッド(SubmitForm)で返している
PartialView("_PartialView", updatedPartialViewModel);をhtmlContentsにセットしてもうまくいかないことまではわかっております。

親ビュー (ParentView.cshtml):
```ここに言語を入力
@section scripts {
    <script>
        // フォームのサブミット時にAjaxリクエストを送信して部分ビューを更新する
        $(function () {
            $('form').submit(function (event) {
                event.preventDefault();
                var form = $(this);

                $.ajax({
                    url: form.attr('action'),
                    type: form.attr('method'),
                    data: form.serialize(),
                    success: function (result) {
                        //■■■変更部分■■■
                        //成功したら・・・
                        if (result.success) {
                            //部分ビュー更新(ここで部分ビューを更新する情報を受け取りたい)
                            $('#partialViewContainer').html(result.htmlContents);
                            //親ビューへ成功メッセージの出力(ここで出力するメッセージを受け取りたい)
                            $('#messageContainer').html('<div>' + result.message + '</div>');
                        } 
                    }
                });
            });
        });
    </script>
}
```

コントローラー (HomeController.cs):
```ここに言語を入力
    [HttpPost]
    public IActionResult SubmitForm(ParentViewModel parentViewModel)
    {
        // フォームのデータを受け取り、部分ビューのモデルを更新する処理を行う

        // 部分ビューに渡すモデルを再取得する（更新したモデルを使用する）
        var updatedPartialViewModel = new PartialViewModel();
        updatedPartialViewModel.Name = parentViewModel.Name;
　　　
        //■■■変更部分■■■
        // JSONを返す。
        return Json(new { success = true, .htmlContents=(ここにどうやってセットすればよいわからない。) ,message = "処理成功" });
    }
```

### 補足情報（FW/ツールのバージョンなど）
ASP.NET Core MVC
.NET6
Visual Studio 2022
