※弊社エンジニアの記事になります。

今回やったこと

Flutterアプリで画像の文字認識をしたいと思い、Firebase Cloud FunctionsとColoud Vision APIで使ってOCRアプリを作ってみました。

実際に作成したアプリとしては、カメラで撮った画像をFirebase Cloud Functionsを通してCloud Vision APIにリクエストし、検出した文字を次の画面に表示するといったものです。

使用したもの

• Firebase Authentication（匿名認証のみ）
• Firebase Cloud Functions
• Cloud Vision API
• camera（Flutterのカメラパッケージ）

デモ

https://www.youtube.com/watch?v=Wi110IjwsnU

環境

• macOS: Venture 13.4
• プロセッサ: Intel
• Xcode: 14.3.1
• Android Studio: Dolphin (2021.3.1)
• Flutter SDK: 3.7.8

アプリの実装

手順

• プロジェクトの作成
• Firebaseの導入
• Google Cloudの導入
• Firebase Cloud Functions側の実装
• Flutter側の実装
• 動作確認

プロジェクトの作成

Flutterプロジェクトの作成をします。
私の場合、FVMでFlutter SDKのバージョンを管理しているため、以下のコマンドでプロジェクトを作成しました。

~$ mkdir ocr-app
~$ cd ocr-app
~/ocr-app$ fvm use {使用したいバージョン} --force
~/ocr-app$ fvm flutter create . --project-name ocr_app --platforms android,ios -e

記事の続きは下のリンクをクリック！

https://rightcode.co.jp/blog/information-technology/flutter-firebase-cloud-functions-cloud-vision-api-syain

【2024年卒】新卒採用エントリー開始しました！

特設ページはこちら：https://rightcode.co.jp/recruit/entry-2024

インターン募集！未経験ok、チャレンジ精神ある方求む

メディア運営：https://rightcode.co.jp/recruit/intern-media

社長と一杯飲みながらお話しませんか？（転職者向け）

特設ページはこちら： https://rightcode.co.jp/gohan-sake-president-talk

もっとワクワクしたいあなたへ

現在、ライトコードでは「WEBエンジニア」「スマホアプリエンジニア」「ゲームエンジニア」、「デザイナー」「WEBディレクター」「エンジニアリングマネージャー」「営業」などを積極採用中です！

有名WEBサービスやアプリの受託開発などの企画、開発案件が目白押しの状況です。

• もっと大きなことに挑戦したい！
• エンジニアとしてもっと成長したい！
• モダンな技術に触れたい！

現状に満足していない方は、まずは、エンジニアとしても第一線を走り続ける弊社代表と気軽にお話してみませんか？

ネット上では、ちょっとユルそうな会社に感じると思いますが（笑）、
実は技術力に定評があり、沢山の実績を残している会社ということをお伝えしたいと思っております。

• ライトコードの魅力を知っていただきたい！
• 社風や文化なども知っていただきたい！
• 技術に対して熱意のある方に入社していただきたい！

一度、【Wantedly内の弊社ページ】や【コーポレートサイト】をのぞいてみてください。

【コーポレートサイト】https://rightcode.co.jp/

【採用募集】https://rightcode.co.jp/recruit（こちらからの応募がスムーズ）

【wantedlyぺージ】https://www.wantedly.com/companies/rightcode