RORK LABEN
TEST — Rork Companionアプリで、有料Apple Developerアカウント無しに実機iPhoneでテストできますCLOUD — クラウド上のMacでコンパイルし、60fpsのライブシミュレータをタッチ入力付きで確認できますBROWSER — Chrome・Safariだけで設計・コード・テストが完結。Xcodeは不要ですPUBLISH — 2クリックのApp Store公開で、提出まわりの煩雑さを抑えられますMAX — Rork MaxはネイティブSwiftでiPhone・iPad・Apple Watch・Vision Proに対応しますRN — 通常のRorkはReact Native(Expo)でiOS/Androidアプリをまとめて生成しますTEST — Rork Companionアプリで、有料Apple Developerアカウント無しに実機iPhoneでテストできますCLOUD — クラウド上のMacでコンパイルし、60fpsのライブシミュレータをタッチ入力付きで確認できますBROWSER — Chrome・Safariだけで設計・コード・テストが完結。Xcodeは不要ですPUBLISH — 2クリックのApp Store公開で、提出まわりの煩雑さを抑えられますMAX — Rork MaxはネイティブSwiftでiPhone・iPad・Apple Watch・Vision Proに対応しますRN — 通常のRorkはReact Native(Expo)でiOS/Androidアプリをまとめて生成します
記事一覧/アプリ開発
アプリ開発/2026-06-28上級

Rork Max でバーコードとテキストを同時に読むスキャナを VisionKit で実装する

Rork Max のネイティブ Swift アプリに、バーコードとテキストをライブで読み取る画面を VisionKit の DataScanner で実装します。SwiftUI への組み込み、可用性判定、連続検出のスロットリング、実機検証までを実装コード付きで扱います。

Rork Max189VisionKitSwiftUI55DataScanneriOS84アプリ開発74

プレミアム記事

Rork Max が生成したネイティブ Swift のひな型に「商品バーコードを読む画面が欲しい」と書き足してもらったとき、ブラウザのライブシミュレータでは枠だけが表示されてカメラが立ち上がらず、しばらく原因を探していました。結論から書きますと、VisionKit の DataScannerViewController はシミュレータでは動作せず、対応端末の実機でしか起動しません。ちょうど Rork は 2026 年に入って Companion アプリ経由の実機テストやクラウド Mac でのコンパイルを整えてきていますが、この種の「カメラ実機依存」の機能こそ、最初から実機検証を前提に組む必要があります。

ここでは Rork Max のネイティブ Swift コードに、バーコードとテキストをライブで同時認識するスキャナ画面を組み込む手順を、SwiftUI への橋渡しと実機での確認まで含めて整理します。私自身、2014 年から個人でアプリを作ってきて、カメラ系機能はとりわけ「権限」と「端末差」でつまずきやすいと感じています。その勘所も合わせて書いておきます。

なぜ AVFoundation を手書きせず DataScanner を選ぶのか

iOS でカメラからコードを読む方法は大きく二つあります。AVCaptureSession を自分で組んで AVCaptureMetadataOutput でバーコードを拾う従来の方法と、iOS 16 で入った VisionKit の DataScannerViewController です。後者はカメラのプレビュー、被写体のハイライト表示、ピンチズーム、ガイダンス UI までを一体で提供してくれます。

観点AVFoundation 手書きVisionKit DataScanner
プレビュー描画自分で AVCaptureVideoPreviewLayer を配置標準で内蔵
テキスト認識Vision を別途組み合わせるバーコードと同一 API で同時取得
ハイライト表示自前で矩形を描画isHighlightingEnabled で標準描画
対応端末カメラがあれば広く動作A12 Bionic 以降のニューラルエンジン搭載機のみ
シミュレータ制限付きで動く場合あり非対応(実機必須)

商品コードとパッケージの型番テキストをまとめて読みたい、といった用途では DataScanner が圧倒的に短く書けます。一方で対応端末が限られる点とシミュレータで動かない点は、設計の最初から織り込む必要があります。私はこの種の機能では、コードを書き始める前に「非対応時に何を表示するか」を先に決めるようにしています。

Step 1: 権限の宣言とカメラ許可の要求

まず Info.plistNSCameraUsageDescription を入れます。Rork Max のプロジェクト設定からも編集できますが、用途が具体的に伝わる文言にしておくと、App Store 審査でのリジェクト理由を一つ減らせます。

<key>NSCameraUsageDescription</key>
<string>商品のバーコードや型番を読み取るためにカメラを使用します。</string>

許可の要求は画面表示の前に明示的に行います。DataScannerViewController.isAvailable はカメラ未許可だと false を返すため、許可ダイアログを出さないまま可用性だけ見ると「非対応端末」と誤判定してしまいます。これが最初のつまずきどころでした。

import AVFoundation
 
func requestCameraAccess() async -> Bool {
    switch AVCaptureDevice.authorizationStatus(for: .video) {
    case .authorized:
        return true
    case .notDetermined:
        // 初回はここでダイアログが出る。可用性判定より前に呼ぶのが肝心
        return await AVCaptureDevice.requestAccess(for: .video)
    case .denied, .restricted:
        return false
    @unknown default:
        return false
    }
}

ここまでお読みいただきありがとうございます。

この記事の続きを読む

この先には、実装コードやベンチマーク結果など、実務でお役に立てる内容をご用意しています。このサイトは広告を掲載しておらず、サーバーや開発にかかる費用はメンバーの皆様のご支援で成り立っています。もしお役に立てていましたら、ご支援いただけますと大変ありがたいです。

この記事で得られること
シミュレータで動かず原因が分からなかったスキャナ機能を、可用性判定を入れて実機で確実に動く状態にできる
DataScannerViewController を SwiftUI に組み込む UIViewControllerRepresentable ラッパーと、同じコードが何度も発火する問題を抑える 1.5 秒スロットリングの実装を手に入れられる
バーコードとテキストを同時に認識する画面を、権限要求から結果表示まで一通り組み立てられる
Stripe による安全な決済 · いつでもキャンセル可能

この記事を購入する

この先の内容をすべてお読みいただけます。一度のご購入で、いつでも何度でもアクセスできます。このサイトは広告を掲載しておらず、皆さまのご支援がサーバー費用などの運営を支えています。

または
メンバーシップなら全記事が読み放題 →
シェア

お読みいただきありがとうございます

Rork Lab は広告なしで運営しており、サーバー費用などの運営コストはメンバーシップのご支援で賄っています。実装コード・ベンチマーク・本番設計パターンなど、実務でお役立ていただける記事を毎日更新しています。もし読んでよかったと感じていただけましたら、ぜひご覧ください。

  • コピー&ペーストで使える実装コード付き
  • 毎日新しい上級ガイドを追加
  • ¥580/月 または ¥1,480 の永久アクセス
メンバーシップを見る →

関連記事

アプリ開発2026-06-16
初回起動の前に壁紙パックを落としておく — Rork Max と Background Assets の使いどころ
コンテンツの多いアプリは、初回起動時に空のグリッドを見せてしまいがちです。アプリ本体とは別枠でコンテンツを先回りして落とす Background Assets を、Rork(Expo)では届かない領域として Rork Max のネイティブ Swift でどう実装するか、運用判断まで含めてまとめます。
アプリ開発2026-06-16
Rork Max で WeatherKit を使う天気アプリ — 認証とアトリビューションの落とし穴
Rork Max が生成したネイティブ Swift アプリに WeatherKit を組み込む際、最初に詰まるのは認証とアトリビューションでした。トークンの扱い、レート上限、必須の出典表示まで、実装で確認した手順を整理します。
アプリ開発2026-06-14
WidgetKit のタイムラインを更新予算と向き合って設計する — 壁紙アプリのウィジェットが止まった理由
ホーム画面ウィジェットが「夕方になると更新されなくなる」のはなぜか。WidgetKit のタイムライン設計を、更新予算・リロードポリシー・エントリ密度の3点から整理しました。TimelineProvider の実コード、予算を使い切らないエントリ設計、relevance による優先度づけまで、個人開発で6本の壁紙アプリを運用しながら詰めた知見を共有します。
📚RECOMMENDED BOOKS
大規模言語モデル入門
山田育矢
LLM開発
生成AIプロンプトエンジニアリング入門
我妻幸長
プロンプト
Claude CodeによるAI駆動開発入門
平川知秀
AI駆動開発
※ アフィリエイトリンクを含みます
もっと見る →