自分も開発したくなる!楽しすぎるJavaScriptライブラリ7選

JavaScriptを使ってユニークなサイトやアプリを制作したい!

そんな時に活用できるのがJavaScriptライブラリです。

本記事では楽しくWeb開発が可能なライブラリを厳選して7つご紹介します!

顔の認識ができるようになる!

【 jQuery Face Detection 】

JavaScriptだけで、画像内に映る顔を検出できちゃいます!

顔の座標位置を検出し、データとして取得できます。

複数人が画像に含まれていても、それぞれ検出可能です。

Webカメラにリアルタイムに映る顔を検出できる「clmtrackr.js」もありますよ!

VR空間で絵が書けるブラウザアプリ!

【 A-Painter 】

A-Frameはブラウザ上で仮想空間(VR)を実現するフレームワークですが、これで「お絵かき」ができるようにする拡張機能がA-Painterです!

↓こんな感じでお絵かきできます。

こちらのサイトも参考に下下さい↓

お絵かきの参考サンプル事例

 

 

クレジットカードがいらない課金決済

【 Paidy 】

有料プランを作る時に、銀行振り込みやコンビニ決済を利用できるようになるライブラリです。

クレジットカードを使わなくて済むのが利点です。

メールアドレスと電話番号だけで決済できるので簡単です!

認証コードがSMSで携帯電話に送信されて来きます。

SMSが利用できない場合は電話着信でコードを案内してもらえます。

1ヶ月分を翌月に支払うことができるようになっており、翌月にまとめて支払うことができます。

簡便で使いやすいライブラリです。

こちらもご参考に↓

「Paidy.js」APIドキュメント

WebサイトやWebアプリをPCアプリに変換!

【 Nativefier 】

既存のWebサイトやWebアプリを一発でPCアプリに変換することができます。

変換の仕方は極めて簡単で、例えば”http://medium.com”というサイトをPCアプリに変換する場合、

$ nativefier “http://medium.com”

と打ち込めば、それだけでPC環境に合わせた起動用ファイルを生成してくれます。

OSの仕様に対応させたり、認証機能を付けたり、アイコンの画像を任意で変更したりと、さまざまなオプション機能が実装されています。

スマホアプリに変換できるManifold JSも便利です。

Android / windows / iOS などの各種アプリに変換し、それぞれのストアに公開するためのファイルも書き出してくれます。

参考ページ↓

「Manifold JS」公式サイト

Webに「OCR」機能を組み込み!

【 Tesseract.js 】

「tesseract.js」ファイルを読み込むだけで、その他のツールやプラグインを一切使わずに画像内の文章をスキャンしてテキストに変換可能になります。

日本語を含め、62言語の変換が可能です。

1 2