常連

### 実現したいこと

・地図上のピンに付随した吹き出しにボタン機能を実装
・吹き出しをタッチするとデバッグエリアにテキスト表示
### 前提

現在swiftUIを使用して，地図上のピンをタッチすると吹き出しが表示され，
その吹き出しにボタン機能を実装しようとしています．
現在ピンの設置，吹き出しの表示までできていますが，
そこにボタン機能を追加できないでいます．
ボタンが機能しているかの確認として，print文を挿入していますが，
デバッグエリアに「ピンが押されました」というテキストが表示されません．

以下に現在のコードを載せています．ご教授いただけるとありがたいです．


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

```swift
import SwiftUI
import MapKit

struct PracticeView: View {
    var body: some View {
        MapView3(latitude: 37.334922, longitude: -122.009033, title: "aaaa", subtitle: "bbbbbbbbb")
            .ignoresSafeArea()
    }
}

struct MapView3: UIViewRepresentable {
    let latitude: Double
    let longitude: Double
    let title: String
    let subtitle: String
    
    func makeUIView(context: Context) -> MKMapView {
        let mapView = MKMapView(frame: .zero)
        mapView.delegate = context.coordinator
        
        let location = CLLocationCoordinate2D(latitude: latitude, longitude: longitude)
        let region = MKCoordinateRegion(center: location, span: MKCoordinateSpan(latitudeDelta: 2, longitudeDelta: 2))
        mapView.setRegion(region, animated: true)
        
        let annotation = MKPointAnnotation()
        annotation.coordinate = location
        annotation.title = title
        annotation.subtitle = subtitle
        mapView.addAnnotation(annotation)
        mapView.mapType = .satelliteFlyover
      
        
        return mapView
    }
    
    func updateUIView(_ view: MKMapView, context: Context) {
        let location = CLLocationCoordinate2D(latitude: latitude, longitude: longitude)
        let region = MKCoordinateRegion(center: location, span: MKCoordinateSpan(latitudeDelta: 2, longitudeDelta: 2))
        view.setRegion(region, animated: true)
    }
    
    func makeCoordinator() -> Coordinator {
        Coordinator()
    }
    
    class Coordinator: NSObject, MKMapViewDelegate {
        func mapView(_ mapView: MKMapView, viewFor annotation: MKAnnotation) -> MKAnnotationView? {
            if annotation is MKUserLocation {
                return nil
            }
            let reuseIdentifier = "pin"
            var annotationView = mapView.dequeueReusableAnnotationView(withIdentifier: reuseIdentifier)
            if annotationView == nil {
                annotationView = MKMarkerAnnotationView(annotation: annotation, reuseIdentifier: reuseIdentifier)
                annotationView?.canShowCallout = true
                let button = UIButton(type: .infoLight)
                annotationView?.rightCalloutAccessoryView = button
            } else {
                annotationView?.annotation = annotation
            }
            return annotationView
        }
        
        func mapView(_ mapView: MKMapView, annotationView view: MKAnnotationView, calloutAccessoryControlTapped control: UIControl) {
            if control == view.rightCalloutAccessoryView {
                print("ピンが押されました")
            }
        }
    }
}

struct PracticeView_Previews: PreviewProvider {
    static var previews: some View {
        PracticeView()
    }
}
```



地図上のピンをタッチした際に表示される吹き出しにボタン機能を実装したい

### 実現したいこと

検索でのセルへの表示

### 前提

検索バーの表示、入力までできます

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

```
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-04-17/52f93fda-6ed2-4992-bbd1-b4cb2e425cac.jpeg)

検索するとこうなります
```

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

```SwiftUI

@State var searchText: String = ""

List{…}
.searchable(text: $searchText, placement: .navigationBarDrawer(displayMode: .always), prompt: "検索").onChange(of: searchText) { newValue in search(text: newValue)
                }

func search(text: String) {
        if text.isEmpty {
            items.nsPredicate = nil
        } else {
            let titlePredicate: NSPredicate = NSPredicate(format: "title contains %@", text)
            let contentPredicate: NSPredicate = NSPredicate(format: "content contains %@", text)
            items.nsPredicate = NSCompoundPredicate(orPredicateWithSubpredicates: [titlePredicate, contentPredicate])
        }
}

```

### 試したこと

var filteredItem: [String] {
    if searchText.isEmpty {
        return list
    } else {
        return items.text.filter { $0.lowercased().contains(searchText.lowercased()) }
    }
}

を用意し

表示の際に
if array !== searchText {Text("no matches")}
if else array == searchText {Text(items.text.colors.filter { $0.contains(text.lowercased())
})} 
default {Text(items.text[index])}

としました。

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

Xcode14.1

```![ここに言語を入力](https://ddjkaamml8q8x.cloudfront.net/questions/2023-04-17/b3ac10ea-c1bf-4e2f-865d-20aab0357310.jpeg)
```

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-04-17/b424860c-9ba1-4a7a-89ce-05544cda5215.jpeg)

検索時のPreview Crashed

### 実現したいこと

検索時のエンティティの記述の方法を知りたいです。

### 前提

エンティティItemをitemsでインスタンス化しています。

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

```

familyNames = items.text.filter {
                $0.contains(searchText)
            }
        }
の所で

Cannot assign value of type '[Binding<Subject.Element>]' to type '[String]

Referencing subscript 'subscript(dynamicMember:)' requires wrapper 'Binding<FetchRequest<Item>.Configuration>'

Value of type 'FetchedResults<Item>' has no dynamic member 'text' using key path from root type 'FetchRequest<Item>.Configuration'

と出ます。

また、ContentView_PreviewsでItemへの記述を求められ
item: Item
とすると

Cannot convert value of type 'Item.Type' to expected argument type 'Item'

となります。

```

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

```SwiftUI

struct ContentView: View {
    
    @Environment(\.managedObjectContext) private var viewContext
    @FetchRequest(sortDescriptors: [NSSortDescriptor(keyPath: \Item.timestamp, ascending: true)],animation: .default)
    private var items: FetchedResults<Item>
    @State var name = ""
    @ObservedObject var model: Model
    @State var list = ["default"]
    
    var body: some View {
        VStack{
            TextField("text", text: $name).padding()
            NavigationView {
                List {
                    Section{
                        ForEach(items) { item in
                            NavigationLink {
                                EditView(item: item)
                            } label: {
                                Text(item.text ?? "")
                            }
                        }
                    }
                }
                .searchable(
                                text: $model.searchText,
                                placement: .navigationBarDrawer(displayMode: .always),
                                prompt: Text("all")
                            )
                            .onSubmit(of: .search) {
                                model.fetchFamilyNames()
                            }
                        }
            }
        }
    }
        
func deleteItems(offsets: IndexSet) {
            withAnimation {
                offsets.map { items[$0] }.forEach(viewContext.delete)
                do {
                    try viewContext.save()
                } catch {
                    let nsError = error as NSError
                    fatalError("Unresolved error \(nsError), \(nsError.userInfo)")
                }
            }
        }
    }

class Model: ObservableObject {
    
    @Environment(\.managedObjectContext) private var viewContext
    @FetchRequest(sortDescriptors: [NSSortDescriptor(keyPath: \Item.timestamp, ascending: true)],animation: .default)
    private var items: FetchedResults<Item>
    @Published var searchText = ""
    @Published var familyNames: [String] = []
    
    func fetchFamilyNames() {
        if searchText.isEmpty {
            familyNames = list
        } else {
            familyNames = items.text.filter {
                $0.contains(searchText)
            }
        }
    }
}

```

### 試したこと

itemsをitemとしました。

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

Xcode14.1


検索時のエンティティの記述の方法

### 実現したいこと

@Bindingを用いて他の画面と連動させたいです

### 前提

Toggleの変数を
変化させたい画面で
@Bindingを用いています。

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

```

No exact matches in call to initializer

```

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

```SwiftUI

struct ContentView: View {

    @Binding var flag = false
    
    var body: some View {
    
        VStack{
            
            NavigationView {
            
                List {…}
                
                    }
                    
                }
                
                .background(flag ? Color.black : Color.white)
                
                .toolbar {
                    ToolbarItem(placement: .navigationBarLeading){
                        NavigationLink {
                            SettimgView()
                        } label: {
                            Label("", systemImage: "heart")
                        }
                    }
                }
            }
        }
    }


struct SettimgView: View {

    @State var flag = false
    
    var body: some View {
    
        List{Section(header: Text("テキスト"))
        
        {

Toggle(isOn: $flag) {}

        }
        
}
        .background(bcolor ? Color.black : Color.white)
        
        }
        
    }

```

### 試したこと

BindingとStateを入れ替えました。

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

Xcode14.1.


@Bindingで他の画面と連動させたい

アプリ開発初心者です．SwiftUIで簡易的なピアノアプリを作成しています．
* キーをタップすると音が鳴る
* キー上でドラッグすると音が変わる
* ピッチを変えるとキーの音が変わる
という仕様を実装することが目標です．これらの仕様を満たすように作ってみたのですが，動画のとおり，処理方法の問題なのか音がなる際にノイズ音が発生しています．このノイズ音が鳴らないようにするための解決策・改善方法などあれば教えていただけると幸いです．

[デモ動画のリンク](https://youtu.be/dF6Tjd3YYEM)

### ソースコード

```SwiftUI
    @State private var noteNum: UInt8 = 0
    @State private var soundKey: UInt8 = 9
    @State private var location: CGPoint = .zero
    
    var body: some View {
        let sampler = Sampler(noteNum: noteNum)
        let drag = DragGesture(minimumDistance: 0.0, coordinateSpace: .local)
            .onChanged({ drag in
                self.location = drag.location
                if (self.location.y >= 70 && self.location.y <= 180) {
                    switch (self.location.x) {
                    case (34 ... 97):
                        noteNum = upperKeySound[0] + self.soundKey
                    case (100 ... 163):
                        noteNum = upperKeySound[1] + self.soundKey
                    case (166 ... 229):
                        noteNum = upperKeySound[2] + self.soundKey
                    case(232 ... 295):
                        noteNum = upperKeySound[3] + self.soundKey
                    case(298 ... 361):
                        noteNum = upperKeySound[4] + self.soundKey
                    case(364 ... 427):
                        noteNum = upperKeySound[5] + self.soundKey
                    case(430 ... 493):
                        noteNum = upperKeySound[6] + self.soundKey
                    case(496 ... 559):
                        noteNum = upperKeySound[7] + self.soundKey
                    case(562 ... 625):
                        noteNum = upperKeySound[8] + self.soundKey
                    default:
                        noteNum = 0
                    }
                } else if (self.location.y >= 190 && self.location.y <= 300) {
                    switch (self.location.x) {
                    case (1 ... 64):
                        noteNum = lowerKeySound[0] + self.soundKey
                    case (67 ... 130):
                        noteNum = lowerKeySound[1] + self.soundKey
                    case (133 ... 196):
                        noteNum = lowerKeySound[2] + self.soundKey
                    case(199 ... 262):
                        noteNum = lowerKeySound[3] + self.soundKey
                    case(265 ... 328):
                        noteNum = lowerKeySound[4] + self.soundKey
                    case(331 ... 394):
                        noteNum = lowerKeySound[5] + self.soundKey
                    case(397 ... 460):
                        noteNum = lowerKeySound[6] + self.soundKey
                    case(463 ... 526):
                        noteNum = lowerKeySound[7] + self.soundKey
                    case(529 ... 592):
                        noteNum = lowerKeySound[8] + self.soundKey
                    case(595 ... 658):
                        noteNum = lowerKeySound[9] + self.soundKey
                    default:
                        noteNum = 0
                    }
                }
                sampler.play()
            })
            .onEnded({ _ in
                sampler.stop()
                noteNum = 0
                self.location = .zero
            })
```
DragGestureでドラッグしている座標を取得して，あるキー上に座標がきたとき，そのキーの音が鳴ります．
sampler.play()で音が鳴り，sampler.stop()で停止します．
noteNumはMIDIのノートナンバーで，Samplerクラスに渡すことでそのノートナンバーの音が鳴ります．
soundKeyは音調です．

teratailの利用も初めてなので情報の不足等あるかもしれませんが，アドバイスよろしくお願いします．

ピアノアプリで音を鳴らす際に生じるノイズ音を除去したい

![![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-05-15/16356c18-713c-48f6-83e6-12ee56c2f324.jpeg)](https://ddjkaamml8q8x.cloudfront.net/questions/2023-05-15/58d760fa-3ea8-4555-b820-9bc194278b4a.jpeg)### 実現したいこと

expected '}' in structを消したい。

ここに実現したいことを箇条書きで書いてください。
- [ ] ▲▲機能を動作するようにする

### 前提
Swift初心者です。
ここに質問の内容を詳しく書いてください。
（例）
TypeScriptで●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

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

expected '}' in structがどうしても出てしまいます。canvasを開きたいのですがエラーになり開けません。解決策を教えてください。```
エラーメッセージ
```

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

```ここに言語名を入力
ソースコード
```

### 試したこと

ここに問題に対して試したことを記載してください。

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

ここにより詳細な情報を記載してください。
なぜこのようなエラーが起きてしまっているのか簡潔に教えてくださるとありがたいです！

Swiftで、expected '}' in structを消す方法を教えてください

XcodeでswiftUIを使って写真の4択クイズを作ろうとしているのですが、下の星で挟まれている部分のコードで、

Thread 1: Fatal error: Index out of range

というエラーが出てしまいます。

配列の要素も四つ以上あるので問題ない気がして、自分ではわかりかねているので、わかる方いたら教えていただきたいです。

よろしくお願いします。
下が、問題のコードです。




import SwiftUI

struct ContentView: View {
    let imageFileNames = ["CorrectImage1", "CorrectImage2", "CorrectImage3", "CorrectImage4", "WrongImage1", "WrongImage2", "WrongImage3", "WrongImage4"]
    
    @State private var gameCount = 0
    @State private var correctImageFileName = ""
    @State private var chosenImageFileNames: [String] = []
    @State private var showingAlert = false
    @State private var alertTitle = ""

    var body: some View {
        VStack {
            if gameCount < 20 {
                VStack {
                    ForEach(0..<2) { rowIndex in
                        HStack {
                            ForEach(0..<2) { columnIndex in
         ☆☆☆☆           let chosenImage = chosenImageFileNames[rowIndex * 2 + columnIndex]　　☆☆☆☆
                                Button(action: {
                                    if chosenImage == correctImageFileName {
                                        alertTitle = "正解!"
                                        gameCount += 1
                                    } else {
                                        alertTitle = "間違い!"
                                    }
                                    showingAlert = true
                                }) {
                                    Image(chosenImage)
                                        .resizable()
                                        .frame(width: 100, height: 100)
                                }
                                .padding(20)
                            }
                        }
                        .frame(maxWidth: .infinity)
                    }
                }
                .alert(isPresented: $showingAlert) {
                    Alert(title: Text(alertTitle), dismissButton: .default(Text("OK")) {
                        if gameCount < 20 {
                            selectImages()
                        }
                    })
                }
            } else {
                Text("終了!")
            }
        }
        .onAppear {
            selectImages()
        }
    }

    func selectImages() {
        var chosenIndices = [Int]()
        let correctIndex = Int.random(in: 0..<imageFileNames.count)
        chosenIndices.append(correctIndex)
        correctImageFileName = imageFileNames[correctIndex]

        while chosenIndices.count < 4 {
            let randomIndex = Int.random(in: 0..<imageFileNames.count)
            if !chosenIndices.contains(randomIndex) {
                chosenIndices.append(randomIndex)
            }
        }
        chosenImageFileNames = chosenIndices.map { imageFileNames[$0] }
    }
}


Xcodeでのエラーについて

### 実現したいこと

UIViewRepresentableを用いて、現在地を取得して現在地周辺を拡大して表示したいです。
お力をお借りできると大変助かります。
よろしくお願いします！

### 前提
下記のコードで、`span`で指定したように拡大表示がされない状態です。
日本列島が丸ごと引いた状態で表示されてしまいます。
現在位置は正しく表示されています。(zoomして確認できます。)

```swift
func updateUIView(_ view: MKMapView, context: Context) {
        // ユーザーの現在位置を取得
        if let userLocation = view.userLocation.location {
            // 地図の表示領域を設定
            let coordinate = userLocation.coordinate
            let span = MKCoordinateSpan(latitudeDelta: 0.01, longitudeDelta: 0.01)
            let region = MKCoordinateRegion(center: coordinate, span: span)
            view.setRegion(region, animated: true)
        }
    }
```

### 全体のソースコード

```swift
import SwiftUI
import MapKit

struct MapView: UIViewRepresentable {
    func makeUIView(context: Context) -> MKMapView {
        let mapView = MKMapView()
        mapView.showsUserLocation = true
        mapView.userTrackingMode = .follow
        return mapView
    }

    func updateUIView(_ view: MKMapView, context: Context) {
        // ユーザーの現在位置を取得
        if let userLocation = view.userLocation.location {
            // 地図の表示領域を設定
            let coordinate = userLocation.coordinate
            let span = MKCoordinateSpan(latitudeDelta: 0.01, longitudeDelta: 0.01)
            let region = MKCoordinateRegion(center: coordinate, span: span)
            view.setRegion(region, animated: true)
        }
    }
}

struct ContentView: View {
    var body: some View {
        MapView()
            .ignoresSafeArea(edges: .all)
            .task() {
                //位置情報へのアクセスを要求
                let manager = CLLocationManager()
                manager.requestWhenInUseAuthorization()
            }
    }
}
```

### 試したこと

こちらのコードだと拡大表示されます。
```swift
func updateUIView(_ uiView: MKMapView, context: Context) {
        let coordinate = CLLocationCoordinate2D(latitude: 35.681236, longitude: 139.767125) // 東京駅の座標
        let span = MKCoordinateSpan(latitudeDelta: 0.1, longitudeDelta: 0.1) // 表示範囲
        let region = MKCoordinateRegion(center: coordinate, span: span) // 表示領域
        
        uiView.setRegion(region, animated: true) // 地図を表示
    }
```

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

xcode14.3
iOS16.4
