JavaScript, Pipenv, 画像処理, QRコード

画像処理技術に関する知識。

このページは筆者が作成したJavaScriptのライブラリが公開されます.

多くの編集ソフトには, 一つの画面を分割する機能があります. 一つの画面を分割することで, 同じ画面で複数の作業を行うことができます.

Splitterは, ウェブブラウザ上で動作する画面分割ライブラリです. 分割境界にあるスライドバーを動かすことで領域のサイズを調節できます.

ウェブブラウザ上で動作する, 画面分割ライブラリ.

スクリプト内に一切の状態を持たず, 完全に要素のデータ (例えば, 属性やスタイル) と要素の構造をベースに動作します. このことで, 次の三つの特徴が得られます.

• ページロード時のレイアウト変化なし
• 他スクリプトによるビューへの自由な変更
• カスタム可能

サンプルページ

本稿では, コードをハイライトするライブラリSyntaxHighlighterの非同期読み込み方法について説明します.

本稿では, コードをハイライトするライブラリSyntaxHighlighterの非同期読み込み方法について説明します.

Pipenv仮想パッケージ環境上でROS2ノードを動かす.

多くの編集ソフトには, 一つの画面を分割する機能があります. 一つの画面を分割することで, 同じ画面で複数の作業を行うことができます.

Splitterは, ウェブブラウザ上で動作する画面分割ライブラリです. 分割境界にあるスライドバーを動かすことで領域のサイズを調節できます.

ウェブブラウザ上で動作する, 画面分割ライブラリ.

スクリプト内に一切の状態を持たず, 完全に要素のデータ (例えば, 属性やスタイル) と要素の構造をベースに動作します. このことで, 次の三つの特徴が得られます.

• ページロード時のレイアウト変化なし
• 他スクリプトによるビューへの自由な変更
• カスタム可能

サンプルページ

ここでは, 筆者が作成したブラウザゲームを紹介します.

ここでは, 筆者が作成したブラウザゲームを紹介します.

QR-Universal Scanner は, ブラウザ上で動作する, インストール不要で多くの入力方法(カメラとクリップボード)に対応したQRコード^{[注 1]}読み取りWebアプリです. PWAに対応しておりオフラインでも動作します.

QRコードを標準で読み取れるデバイスがありますが, 主にモバイル端末に多く^[1][2], PC上でQRコードを読み込むためにはアプリをインストールする必要があります^{[3][4][5][6][7]}.

インストール不要のQRコード読み取りアプリもあります^{[8][9][10][11][12]}が, ファイルのみ, もしくはカメラのみからの読み込みであったりと, 入力方法が限定されています.

本稿では, インストール不要で多くの入力方法に対応したQRコード読み取りWebアプリ QR-Universal Scanner を紹介します. PWAに対応しており, オフラインでも動作します.

Pipenv仮想パッケージ環境上でROS2ノードを動かす.

ステレオカメラは，空間の深度を測定するのに使われます．本稿では，二台のウェブカメラを用いてステレオカメラを実装します．ある程度のロバスト性を確保するため，キャリブレーションも行います．

結果，以下のような深度画像を得ることができた．

Pipenv仮想パッケージ環境上でROS2ノードを動かす.

画像処理関連の技術を習得するのにあたり、役立った参考図書と文献

ステレオカメラは，空間の深度を測定するのに使われます．本稿では，二台のウェブカメラを用いてステレオカメラを実装します．ある程度のロバスト性を確保するため，キャリブレーションも行います．

結果，以下のような深度画像を得ることができた．

Apple製品同士でのファイル共有に便利な機能にAirDropがあります. 初めてあった人と, ファイルを共有したい時などに非常に便利な機能です.

ですが, Apple製品以外(例えば, Windows, Androidなど)とファイルを共有したい場合は, AirDropを利用できず, SNSやクラウドサービスを通じて, ファイルを共有する必要があり, 手間がかかります. SNSの場合では, お互いが同じSNSアプリを利用して, 共有のためだけにお互いのアカウントを教えあわないといけません. クラウドサービスの場合, ファイルをクラウドに上げ, 共有リンクを設定し, そのURL(たいてい長く, 複雑)を伝えないといけません.

本稿では, iosのショートカット機能を用いて, 即時に共有したいファイルをクラウドに上げ, 共有リンクを設定し, そのリンクのQRコードを表示するショートカットを紹介します. 相手にQRコードを読み込んでもらうだけで, 簡単にファイルを共有することができます. またアップロードされたファイルは簡単に削除でき, 容量の少ない無料のクラウドストレージを圧迫せず, 共有リンクが残り続けることがありません.

QR-Universal Scanner は, ブラウザ上で動作する, インストール不要で多くの入力方法(カメラとクリップボード)に対応したQRコード^{[注 1]}読み取りWebアプリです. PWAに対応しておりオフラインでも動作します.

QRコードを標準で読み取れるデバイスがありますが, 主にモバイル端末に多く^[1][2], PC上でQRコードを読み込むためにはアプリをインストールする必要があります^{[3][4][5][6][7]}.

インストール不要のQRコード読み取りアプリもあります^{[8][9][10][11][12]}が, ファイルのみ, もしくはカメラのみからの読み込みであったりと, 入力方法が限定されています.

本稿では, インストール不要で多くの入力方法に対応したQRコード読み取りWebアプリ QR-Universal Scanner を紹介します. PWAに対応しており, オフラインでも動作します.