バーコード検出 API - Web API | MDN
バーコード検出 API (Barcode Detection API) は、線形および二次元のバーコードを画像内から検出します。 ウェブアプリケーションでバーコード認識に対応することで、対応しているバーコード形式を通じてさまざまな用途に利用できるようになります。 QR コードはオンライン決済、ウェブナビゲーション、ソーシャルメディア接続の確立に、アステカコードは搭乗券のスキャンに、ショッピングアプリは JAN、EAN、UPC バーコードを使用して物理的なアイテムの価格を比較するために使用することが可能です。 検出は detect() メソッドで行われ、これに画像オブジェクトを渡します。これは 要素、Blob、ImageData、CanvasImageSource (en-US) の何れかです。オプションの引数を BarcodeDetector コンストラクターに渡すことで、検出するバーコー
Quagga.js でバーコード読取してみた - Qiita
はじめに 自分は以前に Cordova を使って「蔵書台帳」アプリを作りました。このとき 書籍の ISBN のバーコードを読取するのに、Cordova のプラグインを使っていました。 改めて調べてみると、ブラウザ上の JavaScript コードで直接、カメラ画像からバーコードの読取できるんですね。 JavaScript でバーコード読取できるライブラリは幾つもありましたが、これがよさそうでした。 GitHub - serratus/quaggaJS: An advanced barcode-scanner written in JavaScript GitHub - ericblade/quagga2: An advanced barcode-scanner written in Javascript and TypeScript 紹介している記事も多く、幾つか試してみました。 Quag
11.3 セッションの仕組みを理解しよう | 神田ITスクール
前項で自身のPC内に有効期限付きで、データを保存するクッキーについて学習しました。クッキーで情報を共有するには色々な制限があり、大量のデータを一時的に保存するには向きません。そのような場合クッキーの代わりに利用できる「セッション(Session)」という仕組みが用意されています。 11.3.1 セッションについて セッションを簡単に説明すると「サーバ内に情報を保存し、複数ページ間で共有する」仕組みのことです。 例えば、ショッピングサイトで利用されるカート機能などは、複数の商品ページを遷移し、カートに追加した各商品の情報をずっと保持している必要があります。このような場合にセッションにデータを登録することで、他の画面に遷移してもデータを取り出し利用することができるのです。 セッションでは下の図のようにデータを共有することができます。 図 11.3.1: セッションでデータ共有の流れ セッション
バッチファイルで長い1行の処理を改行を入れて複数行に分けて書きたい - みちしるべ
バッチファイルで1行の処理が長〜いと読みにくいので、複数の行に分けて書きたいこともある。 C言語におけるマクロでの「\」やVBの「_」と同じようなことをしたい。 バッチファイルで1行が長〜い処理というのもあまりないかもしないが、Javaでオプションやら クラスパスやら設定すると非常に長くなる。 以下のgroovyの起動バッチのように環境変数に追加していき、最後で実行するのが一般的だろう。 set JAVA_OPTS=%JAVA_OPTS% -Dgroovy.starter.conf="%STARTER_CONF%" set JAVA_OPTS=%JAVA_OPTS% -Dscript.name="%GROOVY_SCRIPT_NAME%" if exist "%USERPROFILE%/.groovy/postinit.bat" call "%USERPROFILE%/.groovy/po
ChatGPTを使って、各種プログラムを書かせてみる | GRIPHONE ENGINEER'S BLOG
この記事はGRIPHONE Advent Calendar 2022 23日目の記事です。 サーバーサイドのエンジニアをしている斉藤です。 今回は最近トレンドのチャットAIで、プログラムを書かせようという企画です。 他の人もチャレンジはしているのですが、自分はどこまでのマイナー言語に対応できるかを試してみます。 ChatGPTとは？ OpenAIが開発した、大規模な言語モデルを組み込んだチャットアプリケーション、サービスです。 これは沢山の人がブログ等で記述しているので、多くは記述しません。 画面で試す 試しに、チャット画面で質問してみましょう。 素数って１含まれるっけ？と思いますが、一応回答してくれます。 別な言語でも試してみましょう。 どうやら、わからない言語は同じような答えを返すようです。 APIではどうでしょうか？ 実行環境構築 APIを試すためには「アカウトの登録」「API KE
[エンジニア向け]10分で出来るLINEミニアプリの開発準備〜動作確認まで - Qiita
はじめに https://www.linebiz.com/jp/service/line-mini-app/lp/ こんにちは。本記事では6/1に事前審査が撤廃され、どなたでも開発することが可能になったLINEミニアプリの開発の始め方を初心者向けに詳しく解説します。 なお技術系のドキュメントを読むのに慣れている方は公式ドキュメントを見るだけで理解出来ると思います。合わせてご覧ください。 本記事の対象者 基本的なプログラミングを理解している方 LINEミニアプリやLIFFを利用した開発が初めて(久しぶり)の方 動画で見たい方はこちら LINEミニアプリとは？ LINEミニアプリは、LINEアプリやLINEのアカウントと連携が可能なWebアプリケーションです。 日本国内において9,200万人以上のMAU、人口の85%をカバー(2022/06時点)するLINEと連携することで、以下のようなメリッ
![[エンジニア向け]10分で出来るLINEミニアプリの開発準備〜動作確認まで - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/e880f5ff4b792001af2129a36a2662e2e378f7af/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCJUUzJTgyJUE4JUUzJTgzJUIzJUUzJTgyJUI4JUUzJTgzJThCJUUzJTgyJUEyJUU1JTkwJTkxJUUzJTgxJTkxJTVEMTAlRTUlODglODYlRTMlODElQTclRTUlODclQkElRTYlOUQlQTUlRTMlODIlOEJMSU5FJUUzJTgzJTlGJUUzJTgzJThCJUUzJTgyJUEyJUUzJTgzJTk3JUUzJTgzJUFBJUUzJTgxJUFFJUU5JTk2JThCJUU3JTk5JUJBJUU2JUJBJTk2JUU1JTgyJTk5JUUzJTgwJTlDJUU1JThCJTk1JUU0JUJEJTlDJUU3JUEyJUJBJUU4JUFBJThEJUUzJTgxJUJFJUUzJTgxJUE3JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz00NmYwMTc3Mzc4Zjg2YjVkODBjOTVjYWM1Yzg3ZTcyNQ%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBzdGFjaGliYW5hJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1hYjZjMDJlYzAxMWM1MTY0M2RhYzI2Yzk0ZDMxOGYwNA%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D005fa2928b399449a2965c7d387d3f56)
初心者への問題｜htmlでコンテンツを非表示にする方法３つを考える - Qiita
プロローグ 先日にあった、あるサイトの更新の話 クライアント：「期間限定キャンペーンの部分、もういらないから消してください」 私：（消すのはいいけど、絶対にまた同じ様なキャンペーン内容を表示させるよな...） 問題：非表示にする最適解は？ クライアントは「消せ」というが、サイト管理者として完全に消したくない場合に（該当部を非表示で留めておきたい場合に）、どの手段を取るのが最適か？ なお、htmlファイル単体で更新を行うものとします。 選択肢 A）該当部にstyle="display:none"を追加 B）該当部にstyle="visibility:hidden"を追加 C）該当部をコメントアウト <!-- --> 上記はいずれもコンテンツを見た目上では非表示にすることができます（ソースコード上には残っています） 検討 参考サイト１） display:none と visibility:hi
MySQL 8.0 で SELECT COUNT(*) が失速する
MySQL 8.0 では、テーブル全件に対するSELECT COUNT(*)がパラレルスキャンによって高速化されましたが、MySQL 5.7 以前よりも遅くなるケースが発生したので、少し調べてみました。 タイトルの元ネタ テストの内容 インスタンスを再起動してバッファプールをクリアした状態から、3 つあるテーブルの全件SELECT COUNT(*)を続けて実行し、実行時間を計測 ①〜④ ではテストデータのサイズ＞バッファプールのサイズ ⑤ ではテストデータのサイズ＜バッファプールサイズ テストケースは 5 つ ①：test_short[1]→test_long[2]→test_long_uk[3]の順に、SELECT COUNT(*) FROM テーブル名をそれぞれ 10 回以上連続で実行する test_short→test_long→test_long_ukを 1 セットとして 10 回
古いWindowsマシンを仮想化して外部にバックアップ - 株式会社ネディア │ネットワークの明日を創る│群馬
先日、お客様のところで10年近く使っているWindowsのPCを仮想化（P2V）したいというご相談をいただきました。 業務システム上の都合でリプレイスすることが難しいPCだったのですが、年季が入っていていつ壊れてもおかしくない状態でした。 しかし、これが壊れてしまうと業務に差し障ってしまいます。 そのため、PCをそのまま仮想化することになりました。 仮想化の流れと構成 物理マシンの仮想化は次のような流れで行います。 仮想ハードディスクを作成 仮想マシンを作成 バックアップ また、最終的な構成は下図のようになります。 今回仮想化する古い物理マシンはWindows10のPC（図のPC1）で、仮想環境として新しいWindows11のPC（図のPC2）にHyper-Vを構成しました。 Windowsライセンスについて 先にWindowsのライセンスについて触れておきます。 Windowsの物理マシ
CPUをOpen Hardware MonitorとNodeJSで監視してSlackで通知する - Qiita
何がしたいか 重いシミュレーションを長い時間かけてリモートPCで回し続けるのはやっぱり不安な点があり，特に知らん間に冷却装置が不調を来したらどうしようという不安に苛まれる，まして多少はCPUをチューニングしているような状態だとそれは尚更になる ということでスクリプトでCPU監視し続けて，温度が一定値を超えたらSlackに通知を投げ，Remote Desktopで非常措置を迅速に行えるようにした（ソフトの関係上でWindows限定だけど）（ネットワークが切れた場合のことは知らんものとする） 大まかな筋書き サーバーモードのOpen Hardware MonitorでPCを監視 NodeJSでそのAPIを叩いてJSONを取得・加工 CPUの状態を評価して必要な場合はWebhookのAPIを叩く Slackで確認して対応する 内容 Open Hardware Monitorの設定 インストール
windows 11 pro プロダクトキー 正規 32/64bit サポート付き 新規インストール/HOMEからアップグレード対応 :win11pro:モンダヤフーショップ - 通販 - Yahoo!ショッピング
ストア営業日/時間 年中無休午前10-深夜24時（即対応） ※午前は忙しいですので、返答は通常により遅いです。ご了承ください office&windows認証サポートについて 商品のホームページで「この商品について問い合わせ」からお問い合わせ下さい 商品は お問い合わせフォーム（正規プロダクトキー＋手順書）の発送となり、実物の発送ではございませんので、予めご理解、ご了承下さい。 メールが届いておられない場合は？ 1.迷惑メールをご確認ください 2.商品のホームページで「この商品について問い合わせ」からお問い合わせ下さい
Google Chart APIがついに廃止に。代替はQR code API。 | ホームページ制作 | 大阪北区 | 株式会社インターコード
Google Chart APIがついに廃止に。 代替はQR code API。 2024.04.15 2024年3月末辺りからX（旧Twitter）に「Google Chart API」がエラーを返している、というポストがチラホラ見かけるようになりました。 この時点ではたまにあるGoogleの不具合だと思っていた方もおられたようです。 去年上げた「YouTubeチャンネルのRSS取得URLとGoogle APIでのRSS取得方法」でも触れた通り、2023年10月13日未明にYoutubeのRSS Feedが取得不能になっていた件も、2日後にはRSS Feedは取得が出来るようになっていました。 ただ、今回は3月末から半月ほど経った今（4月15日現在）でも「Google Chart API」はエラー（404 Not Found）のままです。 4月15日現在のGoogle Chart API
IISでお手軽！ローカル環境でSSL暗号化通信！ - ROBOT PAYMENT TECH-BLOG
はじめに まずはWebサイトの作成 自己署名入り証明書の作成 証明書の設定 さて確認！ 感想 はじめに 桜が散り、緑が生い茂り風薫る季節となりました。 皆様いかがお過ごしでしょうか？ 決済サービスの開発を担当しております yoponpon と申します。 今回はMicrosoft IISを利用する環境で簡単に自己署名入り証明書を作成してSSL通信有効化する手順について書かせていただければと思います。 サービス開発をしていると、稀にローカル環境でHTTPS接続をして動作確認をしたくなること、また必要に迫られる場面が有るかと思います。手っ取り早い解決手段としては、自己署名入り証明書を作成することかと思うのですが、作成の仕方が面倒だったり、ブラウザ側で認証が通らなかったりなど、多くの壁があるように感じます。 こちらの記事で説明させて頂くのはブラウザ（主にChrome）で問題なく認証が通り画面表示が
curlのオプション--data, --data-binary, --data-raw, --data-urlencodeの違い
-d, --data, --data-asciiは完全に同じ。 --data-rawは@ファイル名の記法を解釈しない。それ以外は-d, --dataと同じ。 --data-binaryは@ファイル名でファイルの内容をそのままPOSTデータとしたい場合向け。 --data-urlencodeはContent-type: application/x-www-form-urlencodedでPOSTしたい場合向けで、以下の5種類の記法に対応しており、=と@の扱いがやや特殊なので注意： content contentをURLエンコードし、POSTデータとする。contentは = または @ を含んではならないことに注意。 =content contentをURLエンコードし、POSTデータとする。先頭の = 自体は取り除かれる。 name=content contentの部分をURLエンコードす
2021年版 主要なアプリ内ブラウザのUserAgentを調べてみた & 判定を実装してみた
アプリ内ブラウザによって挙動が違うと、時にはグッとこらえてUserAgentによる条件分岐を入れなくてはいけないということもあるでしょう。 本当はこんな条件分岐入れたくない。でも、長い人生では止むに止まれぬ大人の事情というものがあります。 ...さて、どう判定しよう？ ざっと調べたところ少し古い情報しか見当たらなかったので、自分で調べてみました。 2021年6月27日時点、手元の iPhone 12 Pro(iOS 14.5) Pixel 4(Android 11) を使って各アプリの（おそらく）最新版を使って調査しました。 それをもとに作成した、JavaScript (ES6)による実装例もつけてあります。間違いやもっといい方法などあればぜひコメントください。 テストコード付きの実装例はこちらから。 UserAgentの実例集め 対象にしたアプリは以下の通り： Twitter Faceb
LINE, Facebook, Instagramなどの内部ブラウザ表示・WebViewで表示した際のAuth0ログイン・エラーについて
こんにちは、AIQ株式会社のフロントエンドエンジニアのまさぴょんです！ 今回は、LINE, Facebook, Instagramなどの内部ブラウザ表示・WebViewで表示した際のAuth0ログイン・エラーについて、解説します。 LINE以外でも、Auth0ログイン・エラーというトラップ 以前の記事で、LINEの内部ブラウザだと、Auth0のGoogleログイン機能がエラーになる事件が起きたことと、その対応内容を書きました。 それから数日後、今度は、Instagramの内部ブラウザでもAuth0のGoogleログイン機能がエラーになる事件が起きたとの話が。。。😇 Auth0のGoogleログイン機能を使って、Loginしようとすると、 「アクセスをブロックしました。xxxxxのリクエストはGoogleのポリシーに準拠していません」 というエラーが発生するとのこと。 LINE対応で解決と
（今さら）Gemini API使ってみる
初めに Gemini APIが使えるようになってから2ヶ月くらい経ってしまいましたが、2024年2月12日現在で、まだ無料で使えるようなので今のうちに触っておこうという記事です！ Geminiとは まず読み方ですが、Geminiは日本だと「ジェミニ」と呼ばれることが現状多いです。GeminiはGoogleが作った生成AIのモデルです。OpenAIが提供しているGPTとざっくり同じ類のものだと思ってもらえればOKです。Geminiがどういうものなのかは調べるとわかりやすい記事がたくさん出てくるはずです！ ↓一応１記事参考に貼っときます。 Google AI Studio まず、開発に関わる人でない人でchatGPTのようにAIとチャットしたいだけの人であれば、以下リンクから簡単にチャットが利用できます（Googleログインは必要かも）。これがGeminiのアプリ（旧Bard）のことになります
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
画面共有時、ミーティングコントロールが消えなくなった時の対処法 | オンライン化であなたのビジネスを革新する / ZOOMアカデミージャパン
【完全ガイド】LINEミニアプリ開発からデプロイまでを丁寧に解説 | ギークの逆襲 🐟
主要SNSアプリ内ブラウザのuserAgent比較 - Qiita
