PDFやODF等のドキュメントファイルをWebサイトで表示させる為のスクリプト・「ViewerJS」
ViewerJS ViewerJSはPDFやスプレッドシート等をWebサイトに埋め込めるJavaScript製のドキュメントリーダーです。PDF.jsやWebODFを利用しているみたいですね。ライセンスはAGPLの元、OSSとして公開...
Resource - JavaScript
指定した正規表現にマッチする文字列をランダムで返すスクリプト・「randexp.js」
randexp.js randexp.jsは書いた正規表現にマッチするキーワードをランダムで返してくれるスクリプトです。例えば(||3)日とすれば、1日から31日までがランダムで表示される、というもの。用途はともかくとして、ちょっと面...
シンプルで軽量なプログレスバー実装の為のJSライブラリ・「nanobar」
nanobar nanobarはシンプルで軽量なプログレスバーライブラリです。非依存型で単体で動作します。見た目はYoutubeのプログレスバーっぽい感じ。minファイルで1.4kbほど、gzipで630bほどになるみたいでとても軽量...
ベン図やオイラー図を作成出来るライブラリ・「venn.js」
venn.js venn.jsはベン図・オイラー図を描くためのJavaScriptライブラリです（参照：ベン図・オイラー図）。D3.jsに依存しています。上図のように、複数の集合同士の関係や範囲を視覚的に図式化は勿論、各円とその共通部...
ブラウザで動くオープンソースの3Dグラフィックエディタ・「WebGLStudio.js」
WebGLStudio.js WebGLStudio.jsはオープンソースで公開されている、ブラウザで使える3Dグラフィックエディタです。動作も思ったより重くなく、サクサクと動いてくれる印象でした。適当に触っただけなのでアレですが。3...
HTMLエレメントに手軽にサウンドエフェクトを付与するスクリプト・「EasyAudioEffects.js」
EasyAudioEffects.js EasyAudioEffects.jsはHTML要素にサウンドエフェクトを付与する為のスクリプトです。jQueryに依存しています。設定も簡単で使いやすそうな印象でした。音を出す事自体はjQue...
様々なJavaScriptライブラリやフレームワーク、プラグイン等を探せる・「JavaScripting.com」
JavaScripting.com JavaScripting.comは公開されている様々なJSライブラリやフレームワーク、プラグイン等を探せるWebツールです。大量のJSライブラリ等を収集しており、細かくカテゴリ分け、探しやすいよう...
テキストをパースして自然言語を抽出するスクリプト・「Knwl.js」
Knwl.js Knwl.jsは任意のテキストを解析して自然言語を抽出する為のスクリプトです。テキストから日付や時間、場所、電話番号、メールアドレス等を取り出す事が出来る自然言語パーサーとして開発を進めているみたいです。また、まだ開発...
PCやスマフォ、タブレット等のモックアップ作成用ライブラリ・「DeviceMock.js」
DeviceMock.js DeviceMock.jsはモックアップ作成の為のスクリプトです。jQueryに依存しています。PCやスマフォ、タブレット等で閲覧した際のSSをユーザーに見せたい時に、みたいなやつ。わざわざJS使う必要無い...
textareaにオートコンプリート機能を加えるライブラリ・「jQuery.textcomplete」
jQuery.textcomplete jQuery.textcompleteはtextareaにオートコンプリート機能を加えるライブラリ。jQueryに依存しています。Githubで使えるような顔文字や@fooなどソーシャルサイトの...
JavaScript製の2D物理エンジン・「p2.js」
p2.js p2.jsはJS製の2D物理エンジンです。衝突検出や反発、摩擦、モーター動作、バネ動作などなどよくある一般的な物理エンジンですね。ゲーム開発等に如何でしょうか。ライセンスはMIT。 p2.js
React.jsベースのプレゼンテーションライブラリ・「Spectacle」
Spectacle SpectacleはReact.jsベースのプレゼンテーションライブラリです。よくあるWebスライドをReact.jsベースで作ろう、というもの。PDFへのエクスポートも出来るみたいです。使い方等の詳細はGithu...
Google製のマテリアルデザインコンポーネントライブラリ・「Material Design Lite」
Material Design Lite Material Design Liteはマテリアルデザイン向けのGoogle謹製コンポーネントライブラリです。Webサイトのテンプレートも用意されていました。特定のライブラリにも依存しておら...
Webサイトのアクセシビリティをチェックする為のライブラリ・「tota11y」
tota11y tota11yはWebサイトのアクセスビリティチェックを行うライブラリです。基本的にはJavaScriptファイルを読み込むだけ、その他は必要に応じてプラグインファイルを読みこめば自動でチェックし、問題点を教えてくれま...
シンプルでミニマル設計のReactライクな軽量UIライブラリ・「Riot.js」
Riot.js Riot.jsはミニマル設計でReactライクなUIライブラリです。Muutというコメントプラットフォームを提供する企業が開発、公開したライブラリで圧縮版で3.5KBと軽量ながらパワフルな機能を持っている印象でした。V...
Bootstrapの為のカード型UIフレームワーク・「Bootcards」
Bootcards BootcardsはBootstrapの為のカード型UIフレームワークです。カード型UIとは最近TwitterやGoogle等が提唱し始めたスタイル（？）です（参照：Twitterカード、Google Now カー...
任意の画像を元にしたグラデーションカラーをCSSで作成する・「Gradify」
Gradify Gradifyは任意の画像に沿ったグラデーションカラーを作成、CSSで提供してくれるOSSです。画像の中で印象的な色を取り出して、そのカラーコードを元にCSSグラデーションを作成出来る、というもののようですね。用途は僕...
イメージギャラリー等で使うようなグリッドレイアウトでアイテムの数に関係なく幅を揃えてくれるスクリプト・「Layout Balancer」
Layout Balancer Layout Balancerはイメージギャラリー等でよく使われているグリッドレイアウトで、アイテムの数に関係なく幅を揃えてくれるスクリプトです。jQueryに依存しています。語彙が乏しいのでうまく...
ツリー構造のリストアイテムをドラッグでソート出来るスクリプト・「Jquery sortable lists」
Jquery sortable lists Jquery sortable listsはツリー構造のリストのアイテムをドラッグで自由にソートできるスクリプトです。アイテム単体に限らず、ネストされたリストごと任意の他リストへ移動する事が...
データの編集やソート、ページングにも対応した軽量なデータグリッドを実装するスクリプト・「jsGrid」
jsGrid jsGridはデータグリッドを実装する為の軽量スクリプトです。jQueryに依存しています。データテーブルのセル内のデータ編集やソート、ページングにも対応しています。スタイルコンポーネントのカスタマイズもし易いように設計...
データを可視化する為のグラフ描画JavaScriptライブラリをまとめた・「JSGraphs」
JSGraphs JSGraphsはデータ可視化の為のJSライブラリをまとめているWebサイトです。左カラムの各項目でライブラリをJquery依存のもの、無償利用可能なもの、SVGを使ったもの等に絞ることが可能です。SSにマウスホバー...
軽量なWYSIWYGエディタを実装する為のjQueryプラグイン・「Trumbowyg」
Trumbowyg TrumbowygはjQuery依存のWYSIWYGエディタです。軽量且つ高速な動作を目指したそうです。HTML5もサポートされており、カスタマイズ性にも優れているようですね。他言語化もされており、日本の有志が本プ...