{"id":731,"date":"2020-04-19T18:36:15","date_gmt":"2020-04-19T09:36:15","guid":{"rendered":"https:\/\/www.typea.info\/blog\/?p=731"},"modified":"2020-10-31T00:54:50","modified_gmt":"2020-10-30T15:54:50","slug":"flutter-cloud-vision-api","status":"publish","type":"post","link":"https:\/\/www.typea.info\/blog\/index.php\/2020\/04\/19\/flutter-cloud-vision-api\/","title":{"rendered":"Flutter : Cloud Vision API \u3092\u5229\u7528\u3057\u3066 OCR\u3092\u884c\u3046"},"content":{"rendered":"<p><a href=\"https:\/\/www.amazon.co.jp\/Google-Cloud-Platform-Action-Geewax\/dp\/1617293520\/ref=as_li_ss_il?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&amp;dchild=1&amp;keywords=cloud+platform&amp;qid=1587288413&amp;sr=8-6&amp;linkCode=li2&amp;tag=typea09-22&amp;linkId=0a34e97565a27ccd38af79a44279281c&amp;language=ja_JP\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"\/\/ws-fe.amazon-adsystem.com\/widgets\/q?_encoding=UTF8&amp;ASIN=1617293520&amp;Format=_SL160_&amp;ID=AsinImage&amp;MarketPlace=JP&amp;ServiceVersion=20070822&amp;WS=1&amp;tag=typea09-22&amp;language=ja_JP\" border=\"0\"><\/a><img loading=\"lazy\" decoding=\"async\" width=\"1\" height=\"1\" style=\"margin: 0px !important; border: currentcolor !important; border-image: none !important;\" alt=\"\" src=\"https:\/\/ir-jp.amazon-adsystem.com\/e\/ir?t=typea09-22&amp;language=ja_JP&amp;l=li2&amp;o=9&amp;a=1617293520\" border=\"0\"><\/p>\n<p>\u30a2\u30d7\u30ea\u3092\u4f5c\u308b\u30d1\u30bf\u30fc\u30f3\u3092\u3001<\/p>\n<ul>\n<li>\u30e2\u30d0\u30a4\u30eb : Xamarin \u2013&gt; Flutter<\/li>\n<li>\u30b5\u30fc\u30d3\u30b9 : GAE(Spring Boot)<\/li>\n<li>\u30d0\u30c3\u30af\u30a8\u30f3\u30c9 : Firebase<\/li>\n<\/ul>\n<p>\u3068\u8003\u3048\u3066\u304d\u3066\u3044\u305f\u306e\u3060\u3051\u308c\u3069\u3001\u4f59\u6687\u306e\u4f5c\u696d\u3068\u3044\u3046\u6642\u9593\u7684\u5236\u7d04\u304c\u5927\u304d\u304f\u3001\u4e0a\u8a18\u306e\u3059\u3079\u3066\u306e\u30d1\u30fc\u30c4\u306b\u3064\u3044\u3066\u5b66\u7fd2\u3084\u3089\u3057\u3066\u3044\u308b\u3068\u5e74\u304c\u660e\u3051\u3066\u3057\u307e\u3046\u3002\u3002\u3002<\/p>\n<p>\u672c\u5f53\u306f\u3001\u4e2d\u9593\u306b\u30b5\u30fc\u30d3\u30b9\u5c64\u3092\u7f6e\u3044\u305f\u307b\u3046\u304c\u67d4\u8edf\u306b\u5bfe\u5fdc\u3067\u304d\u305d\u3046\u3068\u306f\u601d\u3044\u3064\u3064\u3082\u3001Flutter + Firebase \u3067\u306a\u3093\u3068\u304b\u884c\u3051\u305d\u3046\u306a\u6c17\u304c\u3057\u3066\u304d\u305f\u3002<\/p>\n<p>\u3059\u3079\u3066Google\u3068\u3044\u3046\u306e\u304c\u82e5\u5e72\u6c17\u306b\u306a\u308b\u304c\u3002<\/p>\n<p>\u3068\u3044\u3046\u6d41\u308c\u3067\u3001<\/p>\n<p>Flutter\u30a2\u30d7\u30ea\u304b\u3089\u3001\u30c7\u30fc\u30bf\u306e\u8aad\u307f\u66f8\u304d\u3092\u76f4\u63a5\u884c\u3046\u758e\u901a\u304c\u3067\u304d\u305f<\/p>\n<ul>\n<li><a href=\"https:\/\/www.typea.info\/blog\/index.php\/2020\/04\/11\/flutter_cloud_firestore_android\/\">Cloud Firestore(Android)<\/a><\/li>\n<li><a href=\"https:\/\/www.typea.info\/blog\/index.php\/2020\/04\/16\/flutter-cloud-firestore-iphone\/\">Cloud Firestore(iPhone)<\/a><\/li>\n<\/ul>\n<p>\u306e\u3067\u3001\u4ee5\u524d\u306f\u30b5\u30fc\u30d3\u30b9\u306b\u3084\u3089\u305b\u3066\u3044\u305fOCR\u306e\u6a5f\u80fd(<a href=\"https:\/\/www.typea.info\/blog\/index.php\/2019\/04\/30\/google_app_enginejavaspring_bootvuetifygoogle_cloud_vision_apiocr\/\">GAE + Spring Boot \u304b\u3089\u305f\u3081\u3057\u305f Cloud Vision API<\/a>) \u306e<a href=\"https:\/\/firebase.google.com\/docs\/ml-kit\/recognize-text?hl=ja\">\u30c6\u30ad\u30b9\u30c8\u8a8d\u8b58<\/a>\u3092 Flutter\u304b\u3089\u76f4\u63a5\u52d5\u4f5c\u3055\u305b\u3066\u307f\u308b\u3002<\/p>\n<p><a href=\"https:\/\/youtu.be\/ejrn_JHksws\">ML Kit for firebase<\/a> \u3092\u5229\u7528\u3059\u308b\u3068\u3001Firebase\u304b\u3089\u6a5f\u68b0\u5b66\u7fd2\u306eAPI\u3092\u7c21\u6613\u306b\u5229\u7528\u3067\u304d\u308b\u3002<\/p>\n<blockquote><p>ML Kit \u306f\u3001<a href=\"https:\/\/cloud.google.com\/vision\/?hl=ja\">Google Cloud Vision API<\/a>\u3001<a href=\"https:\/\/www.tensorflow.org\/mobile\/tflite\/?hl=ja\">TensorFlow Lite<\/a>\u3001<a href=\"https:\/\/developer.android.com\/ndk\/guides\/neuralnetworks\/?hl=ja\">Android Neural Networks API<\/a> \u306a\u3069\u306e Google \u306e ML \u30c6\u30af\u30ce\u30ed\u30b8\u30fc\u3092 1 \u3064\u306b\u307e\u3068\u3081\u305f SDK \u3067\u3001\u30a2\u30d7\u30ea\u3067 ML \u30c6\u30af\u30ce\u30ed\u30b8\u30fc\u3092\u7c21\u5358\u306b\u5229\u7528\u3067\u304d\u307e\u3059\u3002<\/p><\/blockquote>\n<p>Android\u304b\u3089\u5229\u7528\u3059\u308b\u6982\u8981\u306f\u3001\u4ee5\u4e0b\u306e\u52d5\u753b\u3067\u628a\u63e1\u3002<\/p>\n<p><a title=\"https:\/\/youtu.be\/_qrI1JUCMjI\" href=\"https:\/\/youtu.be\/_qrI1JUCMjI\">https:\/\/youtu.be\/_qrI1JUCMjI<\/a><\/p>\n<p><a href=\"https:\/\/firebaseopensource.com\/projects\/firebaseextended\/flutterfire\/\">FlutterFire<\/a> \u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u3001Flutter\u304b\u3089\u7c21\u5358\u306bCloud Vision\u4ed6\u3092\u5229\u7528\u3059\u308b\u3053\u3068\u304c\u51fa\u6765\u308b\u3002<\/p>\n<p>\u305d\u306e\u4ed6\u306b\u3082\u3001<a href=\"https:\/\/pub.dev\/publishers\/flutter.dev\/packages\">Flutter.dev \u516c\u5f0f \u30d1\u30c3\u30b1\u30fc\u30b8<\/a> \u304c\u3044\u308d\u3044\u308d\u3002<\/p>\n<p>\u4eca\u56de\u306f\u3001<\/p>\n<ul>\n<li>\u753b\u50cf\u306e\u9078\u629e\u306b\u3001<a href=\"https:\/\/pub.dev\/packages\/image_picker\">image_picker<\/a><\/li>\n<li><u><font color=\"#669966\"><\/font><\/u>\u30c6\u30ad\u30b9\u30c8\u89e3\u6790\u306b\u3001<a href=\"https:\/\/pub.dev\/packages\/firebase_ml_vision\">firebase_ml_vision<\/a><\/li>\n<\/ul>\n<p>\u3092\u5229\u7528\u3059\u308b\u3002<\/p>\n<p>pubspec.yaml \u306b\u8ffd\u8a18<\/p>\n<pre class=\"prettyprint\">dependencies:\n  flutter:\n    sdk: flutter\n\n  cupertino_icons: ^0.1.2\n  cloud_firestore: 0.13.4+2\n  firebase_ml_vision: 0.9.3+8\n  image_picker: 0.6.5\n<\/pre>\n<p>\u5b8c\u6210\u3057\u305f\u753b\u9762\u3002<\/p>\n<p><a href=\"https:\/\/www.typea.info\/blog\/wp-content\/uploads\/2020\/04\/flutter_vision.png\"><img loading=\"lazy\" decoding=\"async\" width=\"226\" height=\"367\" title=\"flutter_vision\" style=\"display: inline; background-image: none;\" alt=\"flutter_vision\" src=\"https:\/\/www.typea.info\/blog\/wp-content\/uploads\/2020\/04\/flutter_vision_thumb.png\" border=\"0\"><\/a><\/p>\n<p>\u3053\u306e\u52d5\u753b\u306e\u3088\u3046\u306b\u52d5\u4f5c\u3059\u308b\u3002<\/p>\n<p><iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/tmOSFPQLuE8\" frameborder=\"0\" allowfullscreen=\"\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"><\/iframe><\/p>\n<ul>\n<li><a href=\"https:\/\/www.typea.info\/blog\/index.php\/2019\/10\/21\/flutter_1\/\">\u753b\u50cf\u306e\u9078\u629e<\/a><\/li>\n<\/ul>\n<p>\u30bd\u30fc\u30b9<\/p>\n<pre class=\"prettyprint\">import 'dart:io';\n\nimport 'package:firebase_ml_vision\/firebase_ml_vision.dart';\nimport 'package:flutter\/cupertino.dart';\nimport 'package:flutter\/material.dart';\nimport 'package:cloud_firestore\/cloud_firestore.dart';\nimport 'package:image_picker\/image_picker.dart';\n\nvoid main() =&gt; runApp(MyApp());\n\nclass MyApp extends StatelessWidget {\n  final message = \"Initial Message.\";\n  @override\n  Widget build(BuildContext context) {\n    return new MaterialApp(\n      title: 'Flutter Sample',\n      home: MyPage(message:this.message),\n    );\n  }\n}\n\nclass MyPageState extends State&lt;MyPage&gt;{\n  String _time;\n  File _image;\n  final _stateController = TextEditingController();\n  final _visionTextController = TextEditingController();\n  \/\/final TextRecognizer textRecognizer = FirebaseVision.instance.textRecognizer();\n  final TextRecognizer textRecognizer = FirebaseVision.instance.cloudTextRecognizer();\n\n\n  @override\n  void initState() {\n    super.initState();\n    this._time = \"Tap Floating Action Button\";\n  }\n\n  @override\n  void dispose() {\n    this._stateController.dispose();\n    super.dispose();\n  }\n  Future getImage() async {\n    var image = await ImagePicker.pickImage(source: ImageSource.camera);\n    setState(() {\n      this._image = image;\n    });\n  }\n\n  void vision() async {\n    if (this._image != null) {\n\n\n      FirebaseVisionImage visionImage = FirebaseVisionImage.fromFile(this._image);\n\n      VisionText visionText = await textRecognizer.processImage(visionImage);\n\n      String text = visionText.text;\n      print(text);\n\n      var buf = new StringBuffer();\n      for (TextBlock block in visionText.blocks) {\n        final Rect boundingBox = block.boundingBox;\n        final List&lt;Offset&gt; cornerPoints = block.cornerPoints;\n        final String text = block.text;\n        final List&lt;RecognizedLanguage&gt; languages = block.recognizedLanguages;\n        print(languages);\n        buf.write(\"=====================\\n\");\n        for (TextLine line in block.lines) {\n          \/\/ Same getters as TextBlock\n          buf.write(\"${line.text}\\n\");\n          for (TextElement element in line.elements) {\n            \/\/ Same getters as TextBlock\n          }\n        }\n      }\n      setState(() {\n        this._visionTextController.text = buf.toString();\n      });\n\n\n    }\n  }\n\n  void showTime(){\n    setState(() {\n      this._time = DateTime.now().toString();\n    });\n  }\n\n  void loadOnPressed() {\n    Firestore.instance.document(\"sample\/sandwichData\")\n        .get().then((DocumentSnapshot ds){\n          setState(() {\n            this._stateController.text = ds[\"hotDogStatus\"];\n          });\n          print(\"status=$this.status\");\n        });\n  }\n\n  void saveOnPressed() {\n    Firestore.instance.document(\"sample\/sandwichData\")\n        .updateData({\"hotDogStatus\":_stateController.text})\n        .then((value) =&gt; print(\"success\"))\n        .catchError((value) =&gt; print(\"error $value\"));\n  }\n\n  @override\n  Widget build(BuildContext context) {\n    return Scaffold(\n      appBar: AppBar(\n        title: Text('Flutter Firebase Sample'),\n      ),\n      body: LayoutBuilder(\n        builder: (BuildContext context, BoxConstraints viewportConstraints) {\n          return SingleChildScrollView(\n            child: ConstrainedBox(\n              constraints: BoxConstraints(\n                minHeight: viewportConstraints.maxHeight,\n              ),\n              child: IntrinsicHeight(\n                child: Column(\n                  mainAxisAlignment: MainAxisAlignment.start,\n                  mainAxisSize: MainAxisSize.max,\n                  crossAxisAlignment: CrossAxisAlignment.start,\n                  children: &lt;Widget&gt;[\n                    Text(\n                      this._time,\n                      style: TextStyle(fontSize: 16.0),\n                    ),\n                    Row(\n                      mainAxisAlignment: MainAxisAlignment.start,\n                      mainAxisSize: MainAxisSize.max,\n                      crossAxisAlignment: CrossAxisAlignment.start,\n                      children: &lt;Widget&gt;[\n                        Flexible(\n                          child: TextField(\n                            controller: _stateController,\n                          ),\n                        ),\n                        Padding(\n                          padding: EdgeInsets.all(2.0),\n                          child: RaisedButton(\n                              onPressed: saveOnPressed,\n                              child: Text(\"Save\")),\n                        ),\n                        Padding(\n                            padding: EdgeInsets.all(2.0),\n                            child: RaisedButton(\n                                onPressed: loadOnPressed,\n                                child: Text(\"Load\"))\n                        )\n                      ],\n                    ),\n                    Column(\n                      children: &lt;Widget&gt;[\n                        Row(\n                          children: &lt;Widget&gt;[\n                            Padding(\n                              padding: EdgeInsets.all(2.0),\n                              child: RaisedButton(\n                                onPressed: getImage,\n                                child: Text(\"Pick Image\"),\n                              ),\n                            ),\n                            Padding(\n                              padding: EdgeInsets.all(2.0),\n                              child: RaisedButton(\n                                onPressed: vision,\n                                child: Text(\"Vision Api\"),\n                              ),\n                            ),\n                          ],\n                        ),\n                        TextField(\n                          controller: _visionTextController,\n                          minLines: 6,\n                          maxLines: 15,\n                          decoration: InputDecoration(\n                            border: OutlineInputBorder(),\n                          ),\n                        ),\n                        Container(\n                          \/\/width: MediaQuery.of(context).size.width,\n                          \/\/height: 300,\n                          child: FittedBox(\n                            fit: BoxFit.fitHeight,\n                            child: _image == null ? Text('No image selected.') : Image.file(_image),\n                          ),\n                        ),\n                      ],\n                    ),\n                  ],\n                ),\n              ),\n            ),\n          );\n        },\n      ),\n      floatingActionButton: FloatingActionButton(\n        onPressed: showTime,\n        child: Icon(Icons.timer),\n      ),\n    );\n  }\n}\n\nclass MyPage extends StatefulWidget {\n  final String message;\n  MyPage({this.message}):super() {}\n  @override\n  State&lt;StatefulWidget&gt; createState() =&gt; new MyPageState();\n}<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u30a2\u30d7\u30ea\u3092\u4f5c\u308b\u30d1\u30bf\u30fc\u30f3\u3092\u3001 \u30e2\u30d0\u30a4\u30eb : Xamarin \u2013&gt; Flutter \u30b5\u30fc\u30d3\u30b9 : GAE(Spring Boot) \u30d0\u30c3\u30af\u30a8\u30f3\u30c9 : Firebase \u3068\u8003\u3048\u3066\u304d\u3066\u3044\u305f\u306e\u3060\u3051\u308c\u3069\u3001\u4f59\u6687\u306e\u4f5c\u696d\u3068\u3044\u3046\u6642\u9593\u7684\u5236 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":923,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"sns_share_botton_hide":"","vkExUnit_sns_title":"","_vk_print_noindex":"","sitemap_hide":"","_veu_custom_css":"","veu_display_promotion_alert":"","vkexunit_cta_each_option":"","footnotes":""},"categories":[104,111,100,116],"tags":[],"class_list":["post-731","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-firebase","category-flutter","category-google-cloud-platform","category-google-cloud-vision"],"veu_head_title_object":{"title":"","add_site_title":""},"_links":{"self":[{"href":"https:\/\/www.typea.info\/blog\/index.php\/wp-json\/wp\/v2\/posts\/731","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.typea.info\/blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.typea.info\/blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.typea.info\/blog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.typea.info\/blog\/index.php\/wp-json\/wp\/v2\/comments?post=731"}],"version-history":[{"count":4,"href":"https:\/\/www.typea.info\/blog\/index.php\/wp-json\/wp\/v2\/posts\/731\/revisions"}],"predecessor-version":[{"id":935,"href":"https:\/\/www.typea.info\/blog\/index.php\/wp-json\/wp\/v2\/posts\/731\/revisions\/935"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.typea.info\/blog\/index.php\/wp-json\/wp\/v2\/media\/923"}],"wp:attachment":[{"href":"https:\/\/www.typea.info\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=731"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.typea.info\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=731"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.typea.info\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=731"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}