SwiftUIとStoryboardについて

Question

最近xcodeを触り始めた初心者です。
動画撮影できるアプリを作成しようとしています。
下記のプログラムを参考にしようと考えているのですか、これはSwiftUIで記述しているのでしょうか？それともStoryboardで記述しているのでしょうか？ご回答頂けると嬉しいです。

https://qiita.com/daigou26/items/74bbdfce46db8898fb47[リンク内容]

使用環境:xcode11.6、swift5を使っています。

Answer 1

基本的にtsuki01さんご回答通り、参照されているコードは Swift + StroyBoard での開発です。

ただ、注意しなければならない点がいくつかあります。

##１．ページ末尾のソースコードの変数参照の誤りがあるのと、Swift5で引数が変更になったメソッドがあるので、それぞれ適切に変更する。

以下は改変後のソースです。

import UIKit
import AVFoundation
import Photos

class RecordViewController: UIViewController, AVCaptureFileOutputRecordingDelegate {
    let fileOutput = AVCaptureMovieFileOutput()
    
    var recordButton: UIButton!
    var isRecording = false
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        setUpPreview()
    }
    
    func setUpPreview() {
        let videoDevice = AVCaptureDevice.default(for: AVMediaType.video)
        let audioDevice = AVCaptureDevice.default(for: AVMediaType.audio)
        
        do {
            if videoDevice == nil || audioDevice == nil {
                throw NSError(domain: "device error", code: -1, userInfo: nil)
            }
            let captureSession = AVCaptureSession()
            
            // video inputを capture sessionに追加
            let videoInput = try AVCaptureDeviceInput(device: videoDevice!)
            captureSession.addInput(videoInput)
            
            // audio inputを capture sessionに追加
            let audioInput = try AVCaptureDeviceInput(device: audioDevice!)
            captureSession.addInput(audioInput)
            
            // max 30sec
            self.fileOutput.maxRecordedDuration = CMTimeMake(value: 30, timescale: 1)
            captureSession.addOutput(fileOutput)
            
            // プレビュー
            let videoLayer : AVCaptureVideoPreviewLayer = AVCaptureVideoPreviewLayer(session: captureSession)
            videoLayer.frame = self.view.bounds
            videoLayer.videoGravity = AVLayerVideoGravity.resizeAspectFill
            self.view.layer.addSublayer(videoLayer)
            
            captureSession.startRunning()
            
            setUpButton()
        } catch {
            // エラー処理
        }
    }
    
    func setUpButton() {
        recordButton = UIButton(frame: CGRect(x: 0,y: 0,width: 120,height: 50))
        recordButton.backgroundColor = UIColor.gray
        recordButton.layer.masksToBounds = true
        recordButton.setTitle("録画開始", for: .normal)
        recordButton.layer.cornerRadius = 20.0
        recordButton.layer.position = CGPoint(x: self.view.bounds.width/2, y:self.view.bounds.height-50)
        recordButton.addTarget(self, action: #selector(RecordViewController.onClickRecordButton(sender:)), for: .touchUpInside)
        
        self.view.addSubview(recordButton)
    }
    
    @objc func onClickRecordButton(sender: UIButton) {
        if !isRecording {
            // 録画開始
            let paths = NSSearchPathForDirectoriesInDomains(.documentDirectory, .userDomainMask, true)
            let documentsDirectory = paths[0] as String
            let filePath : String? = "(documentsDirectory)/temp.mp4"
            let fileURL : NSURL = NSURL(fileURLWithPath: filePath!)
            fileOutput.startRecording(to: fileURL as URL, recordingDelegate: self)
            
            isRecording = true
            changeButtonColor(target: recordButton, color: UIColor.red)
            recordButton.setTitle("録画中", for: .normal)
        } else {
            // 録画終了
            fileOutput.stopRecording()
            
            isRecording = false
            changeButtonColor(target: recordButton, color: UIColor.gray)
            recordButton.setTitle("録画開始", for: .normal)
        }
    }
    
    func changeButtonColor(target: UIButton, color: UIColor) {
        target.backgroundColor = color
    }
    
    func fileOutput(_ output: AVCaptureFileOutput, didFinishRecordingTo outputFileURL: URL, from connections: [AVCaptureConnection], error: Error?) {
        // ライブラリへ保存
        PHPhotoLibrary.shared().performChanges({
            PHAssetChangeRequest.creationRequestForAssetFromVideo(atFileURL: outputFileURL)
        }) { completed, error in
            if completed {
                print("Video is saved!")
            }
        }
    }
}

##２．StoryBoard には、ViewController を一つだけ配置し、そのカスタムクラスを RecordViewController に設定する。

カスタムクラスの設定がわからない、ということであれば、上記のソースコードのうち

class RecordViewController: UIViewController, AVCaptureFileOutputRecordingDelegate {

を

class ViewController: UIViewController, AVCaptureFileOutputRecordingDelegate {

にすることでも解決します。

##３．プライバシーが強化されているため、ビデオ録画、音声録音、ならびにフォトライブラリへの保存については許可を出すように設定する。

これらの設定をわすれると、実行時にクラッシュします。

クラッシュした時に出てきたメッセージに沿って必要な設定を行えば良いのですが、基本的に次の3つの値を Info.plist に対して適切に設定します。

• Privacy - Camera Usage Description
• Privacy - Microphone Usage Description
• Privacy - Photo Library Usage Description

追加方法については、この辺りの前半の内容が参考になるのではないでしょうか。

• [Xcode] プライバシーに関わるデータアクセスの利用目的を日本語化する

##４．実機で動作させる

一番重要なことですが、実機でないと動かせません。

Comments

[退会済みユーザー]

コメント遅くなり、申し訳ありません。丁寧に回答ありがとうございました。実は修正してくださったこのコードを打ち込み、info.plistも設定してビルドしたのですが、アプリを開いてもホーム画面に戻ってしまいます。ビルド後、storyboardの設定ができていなかったのが原因で戻ってしまったのと、学校の先生にRecordViewController.swiftだけではエラーがでていなくてもできないだろうと言われました。しかし、参考にしたコードはRecordViewController.swift以外は見当たりませんでした。これ以外に用意しなければならないコードファイルがあれば教えていただけると幸いです。

[TsukubaDepot]

「アプリを開いてもホーム画面に戻ってしまいます」というのは、どういう状態でしょうか。
実機で動かし、エラーがでているのであれば、Xcode上にエラーコードが出ているはずです。

「RecordViewController.swiftだけではエラーがでていなくてもできないだろうと言われました。」
いえ、RecordViewController.swift だけで実行できます。ただし、上記の回答の2. の内容を正しく反映させる必要があります。

カスタムクラスの変更という作業はおこなってみたのでしょうか。

Answer 2

カスタムクラスの設定を行った後、全ての設定を見直して再度ビルドさせたらできました！ありがとうございました。

Answer 3

SwiftUIが発表されたのが2019年6月で、その記事が書かれたのは2018年8月です。

ref.
Apple、アプリケーション開発のための画期的な新しいテクノロジーを発表

Comments

[退会済みユーザー]

コメント遅くなり申し訳ありません！
回答ありがとうございます。記事を読ませていただきました！助かりました！！

Answer 4

文法的にStoryboardを利用して開発されているものと思います。

※以下リンク先の、SwiftUIの文法と比較すると異なる。
SwiftUIの文法 その1　View

Comments

[退会済みユーザー]

コメント遅くなって申し訳ありません！回答ありがとうございました。
SwiftUIとstoryboardでは言語が同じでも文法や画面遷移のやり方は違うのですね…参考になりました！