指で囲んだ場所を拡大する「Air Magnifier」

「実用的かどうかは置いといて、画面上でパッと見のインパクトがあるWebアプリを作りたい」

「授業やプレゼンで、一瞬で『おおっ！？』と目を引きたい」

そんな見栄えとウケ（アイキャッチ）のためだけに作ったのが、このWebアプリ「Air Magnifier（エア・マグニファイアー）」です。

カメラの前で両手の指を使って四角形を作ると、その囲んだ部分だけがドカンと拡大表示されます。

1. とにかく目立つ！動作の様子

使い方は至ってシンプルで、画面に向かって両手でフレーム（四角）を作るだけです。

正直、生活に役立つかと言われたら「日常の実用品として作ったものではありません」。

手元の文字を見たいなら普通の虫眼鏡かスマホのカメラで撮影した方が100倍早いですし、画質が超鮮明になるわけでもありません。

でも、「自分の指の動きに合わせて、画面の中の映像がリアルタイムでズームされる」という絵面（ビジュアル）は、初見だとかなり目を引きます。

元々は「両手で四角形を作るアプリ」を作っていたのですが、線を描くだけだとちょっと絵面が地味だったんですよね。

そこで、「この囲んだ中身をそのままドカンとデカく表示したら、一番目立って面白いんじゃないか？」と思いついて試してみたのがきっかけです。

やってること自体は、

という単純な仕組みですが、処理を繋げて動かしてみたら想像以上に「おお、なんかスゴそう！」感が出ました。

私は普段IT講師もやっていますが、プログラミングやWeb技術のデモストレーションにおいて、「一瞬で受講生の目を引く（キャッチーさ）」はめちゃくちゃ大事です。

難しいロジックや実用的な管理ツールを見せるよりも、こういう「見た目が派手で直感的に遊べるくだらないツール」を見せる方が、圧倒的に「Webってこんなこともできるんだ！」と興味を持ってもらえます。

として割り切って使う分には、満点のパフォーマンスを発揮してくれます。

あと、

こういう技術が何の役に立ちそうか

を考えさせるのもおもしろそうですね！

LYNROADでは、講義を盛り上げたりちょっとした不便を便利にするツールを製作して公開しています。

当ブログの以下のカテゴリで画像加工やカメラを使ったツールなどを公開しています。すべて無料、ほとんどが登録不要で安心してお使いいただけますよ。

ほかのカメラツールを見る
↓↓↓

ほかの自作Webツールを見る
↓↓↓
https://lynroad.com/category/make

現在は、本業を続けながらブログやWebツールなどの「Web上の資産」を育て、フリーランスとして実績を積んで成長しながら副収入を作ることを目標にしています。

興味があれば、ほかの記事も読んでみてください。
↓↓↓