Nuxt.jsでバーコードリーダを作ったら、いろいろハマった上にiOSのPWAでカメラにアクセスできなかった話 - Qiita
Nuxt.jsでバーコードリーダを作ったら、いろいろハマった上にiOSのPWAでカメラにアクセスできなかった話Vue.jsWebサービスバーコード個人開発Nuxt Nuxt.jsで開発しているWebサービスにバーコードリーダ機能をつけようとしたら、 いろいろハマったので、そのときの備忘録。 利用したのはQuaggaJS。簡単に使えて便利(´ω｀) はまったポイントは、以下の4点... 1. httpsじゃないとカメラを取得できない 2. QuaggaJSで表示されてないHTML要素を指定するとエラー 3. size/width/heightを指定してもいい感じにならない 4. iOSのPWAではカメラにアクセスできない いろいろハマったけど、QuaggaJS自体がすごく良いので、サクッとできた♪ 作ったのはこんな感じ バーコードリーダ、できてきた♪ いい感じな気がする(´ω｀) pic.t
[RxJS] iPhone × ブラウザでバーコードリーダーの入力を扱う - Qiita
はじめに 業務システムを作っているとバーコードを使いたいことがよくあるんですが、 iphone × ブラウザでバーコードを読み取るには以下の様な方法があります。 画像の写真をとってサーバーサイドで解析する 画像の写真をとってjsで解析する getUserMediaを利用して画像を読み取り、jsで解析する ネイティブアプリを呼び出す (アプリではなく)バーコードリーダーを繋いで使う（本題） これらについて少しづつ補足しつつ、本題としてはバーコードリーダーの読み取りの、RxJSを用いた実装を簡単に解説します。 1. 画像の写真をとってサーバーサイドで処理する そのままですね。。 2. 画像の写真をとってjsで解析する こんなライブラリがあるので利用しましょう。 http://serratus.github.io/quaggaJS/examples/ ただ、単に写真をとって解析させるだけなのであ
![[RxJS] iPhone × ブラウザでバーコードリーダーの入力を扱う - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/825934e2983b492e99842a4fe0bd080638772709/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCUnhKUyU1RCUyMGlQaG9uZSUyMCVDMyU5NyUyMCVFMyU4MyU5NiVFMyU4MyVBOSVFMyU4MiVBNiVFMyU4MiVCNiVFMyU4MSVBNyVFMyU4MyU5MCVFMyU4MyVCQyVFMyU4MiVCMyVFMyU4MyVCQyVFMyU4MyU4OSVFMyU4MyVBQSVFMyU4MyVCQyVFMyU4MyU4MCVFMyU4MyVCQyVFMyU4MSVBRSVFNSU4NSVBNSVFNSU4QSU5QiVFMyU4MiU5MiVFNiU4OSVCMSVFMyU4MSU4NiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzM0EzQzNDJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9MDM1NzBmNGZjOGZiNTQ5ZGY3NjVlMzIzNzI4YmEwMWI%26mark-x%3D120%26mark-y%3D96%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9OTcyJnR4dD0lNDBoYXJhZGFrdW5paGlrbyZ0eHQtY29sb3I9JTIzM0EzQzNDJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MWIzNzk3NDZkOWQ1OGNjNDg0NGFjZjM5ZTgxMWQ4MGI%26blend-x%3D120%26blend-y%3D500%26blend-mode%3Dnormal%26s%3Dcecf673de13f15c72d2c1575cca095d9)
製品情報 - VB-BarCode 4 | .NET バーコード 開発ツール | アドバンスソフトウェア株式会社
このような開発者の方に プログラム中から高精度なバーコードイメージを生成したい サーバー上で作成したバーコードを表示させたい WPF、Silverlight の開発環境でもバーコードを出力したい VB-BarCode 4 製品概要 VB-BarCode 4 は .NET Framework に完全対応した高精度バーコード生成コンポーネントです。100% マネージコードで実装したコンパクトなコンポーネントなので、Windows フォーム アプリケーションや ASP.NET アプリケーションに簡単にバーコードを追加して高精度なイメージを出力することができます。 また、新たに ASP.NET 用、WPF 用、Silverlight 用のコントロールも追加され、優れたユーザーエクスペリエンスを実現するリッチなアプリケーションの開発においても簡単にバーコードを組み込むことができます。 製品の特徴 対
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
