オープンソースのHTML5製パーティクルエンジン・「Proton」 Proton ProtonはOSSで公開されているHTML5製のパーティクルエンジンです。手軽に様々なタイプのパーティクルを実装、動作シミュレートが可能、とのこと。レンダラはCanvas、DOM、WebGL、Easeljs、pixel...2015.12.05 | 10時50分49秒
SVGで世界地図を作成する為のスクリプト・「World Map Generator」 World Map Generator World Map GeneratorはSVGで世界地図を作成する際にサポートしてくれるスクリプトです。jQueryに依存しています。各国へのリンクや、その地域のタイムゾーンを取得する事が出来る...2015.11.30 | 10時24分14秒
店舗等の予約システムを実装する為のスクリプト・「Booking.js」 Booking.js Booking.jsは店舗等のオンライン予約システム構築のためのスクリプトです。OSSとして公開されていますので日本語への対応も問題なさそうです。カスタマイズ性も重視してるそうです。宿泊施設や飲食店、サロン等に留...2015.11.25 | 10時47分27秒
HTML5製の軽量で高速な2Dゲームエンジン・「Stage.js」 Stage.js Stage.jsはHTML5製の軽量且つ高速な2Dゲームエンジンです。シンプルな2Dゲーム開発をサポートしてくれます。デモを触ってみましたが、割とはまってしまうものですね・・・DOMライクなツリー構造のデータモデルの...2015.11.23 | 11時01分23秒
モーショングラフィックスを構築する為のスクリプト・「mo.js」 mo.js mo.jsはWeb上でモーショングラフィックスを作成出来るOSSのスクリプトです。滑らかなアニメーションエフェクトでエレメントに動きを加え、組み合わせてモーショングラフィックスの構築をサポートする、というもの。デバイスを選...2015.11.21 | 10時41分09秒
パズルを利用したCAPTCHA実装の為のスクリプト・「PuzzleCAPTCHA.js」 PuzzleCAPTCHA.js PuzzleCAPTCHA.jsはパズルを利用したCAPTCHA実装の為のスクリプトです。jQueryに依存しているようです。パズルと言っても実際にパズルを解くのではなく、同じ絵柄を選択する、というだ...2015.11.18 | 9時36分47秒
Semantic UIユーザー向けのリアルタイムプレビューツール・「SemanticEdit」 SemanticEdit SemanticEditはSemantic UIを使用している開発者向けのプレビューツールです。HTMLを書けばSemantic UIのスタイルが適応された状態のプレビューをリアルタイムで確認する事が出来ます...2015.11.16 | 10時44分57秒
OS XのFinderライクな階層データ表示の為のスクリプト・「Finder.js」 Finder.js Finder.jsはMac OSのFinderのカラムビューライクな階層データ表示用スクリプトです。上記のようなファイルマネージャのUIを実装する事ができる、というもの。依存関係もなくサイズも軽量との事。ライセンス...2015.11.15 | 11時14分34秒
Webサイトに任意のユーザー用のショートカットキーを設定できるスクリプト・「visualKeys」 visualKeys See the Pen PPxEdN by kachibito (@kachibito) on CodePen. visualKeysはWebサイトに任意のショートカットキーを手軽に割り当てられるスクリプト...2015.11.11 | 10時52分22秒
SVGのパスをアニメーションにする為のシンプルなスクリプト・「jQuery DrawSVG」 jQuery DrawSVG jQuery DrawSVGはSVGのpathにアニメーションエフェクトを付与する為のスクリプトです。jQueryに依存しています。書いたpathにstroke-dasharrayプロパティとstroke...2015.11.07 | 10時22分12秒
Vue.jsベースのモバイル向けUIフレームワーク・「VUI」 VUI VUIはVue.jsベースのモバイル向けUIフレームワークです。iOS、Android、Windowsモバイルといった各モバイルデバイスのネイティブUIライクなコンポーネントを提供しているとの事。HTML属性をバインドする為の...2015.11.05 | 10時27分00秒
Dribbbleに投稿したアイテムでポートフォリオを作れるスクリプト・「Dribbbox」 Dribbbox DribbboxはDribbbleに投稿したアイテムを読み込んで自身のWebサイトにポートフォリオとして実装する為のスクリプトです。同梱されたconfig.jsを自分のDribbbleアカウントに設定する形で実装する...2015.10.26 | 10時30分26秒
任意の画像をプログレスバーにする為のスクリプト・「LoadGo」 LoadGo LoadGoは任意の画像をプログレスバーにする為のスクリプトです。jQueryに依存しています。上図のようなロゴを使ったプログレスバーを実装する事が出来ます。手軽で良さそうですね。ライセンスはMIT。 LoadGo2015.10.24 | 10時49分49秒
HTML5/JavaScript製ゲーム開発フレームワーク・「hitagi.js」 hitagi.js hitagi.jsはHTML5とJavaScriptで作るゲームの為の開発フレームワークです。エンティティコンポーネントシステムを採用しているとの事で、OSSとしてMITライセンスの元でソースコードが公開されていま...2015.10.04 | 10時48分45秒
軽量なJavaScript製モーションエンジン・「Popmotion」 Popmotion Popmotionは軽量なJS製のモーションエンジンです。アニメーションや物理エンジン、キー入力ハンドリングを備えたライブラリで12kbと軽量サイズとなっています。ライセンスはMIT。 Popmotion2015.10.03 | 11時31分13秒
AngularJSの為のガントチャートコンポーネント・「angular-gantt」 angular-gantt angular-ganttはAngularJSを使ったWebアプリケーションにガントチャートを実装する為のコンポーネントです。休日や勤務時間等の定義が可能なカレンダーのサポートや、タスクのソート、フィルタリ...2015.10.02 | 10時44分36秒
WebサイトへのGoogle Mapの埋め込みをサポートするスクリプト・「MAPIT」 MAPIT MAPITはWebサイトへのGoogle Mapの埋め込みをサポートするシンプルなスクリプトです。jQueryに依存しています。Google Mapのスタイルのカスタマイズやルート表示、ピンの変更など、面倒な部分を手軽に変...2015.10.01 | 10時50分50秒
Google Maps Javascript APIでフォームでの住所入力を自動補完する・「Autocomplete for Addresses and Search Terms」 Autocomplete for Addresses and Search Terms Google Maps Javascript APIを使ったフォームの住所自動補完が便利そうだったのでメモ。恥ずかしながら、今まで知りませんでした...2015.09.22 | 10時42分46秒
コンテンツを直接編集出来るシンプルなWYSIWYGエディタ・「ContentTools」 ContentTools ContentToolsは閲覧中のページをその場で直接編集出来るシンプルなWYSIWYGエディタ実装ライブラリです。上図のように左上にアイコンが表示されるのでそこから編集モードにスイッチ出来ます。ツール部分は...2015.09.20 | 10時32分04秒
JavaScriptベースのOSSゲームフレームワーク・「Playground.js」 Playground.js Playground.jsはオープンソースのJavaScript製ゲームフレームワークです。基本的なAPIのサポートやモバイルデバイスへの対応もしてあるみたい。より使いやすく、すぐに使えるアウトオブボックス...2015.09.18 | 10時58分01秒
画像に自動で透かしを付与するスクリプト・「Watermark」 Watermark Watermarkは画像に自動で透かしを付与するスクリプトです。jQueryに依存しています。透かしはHTML5とJSで処理され、任意の画像やテキストの選択及びそのスタイル、透かしを入れる場所の設定が可能です。わざ...2015.09.16 | 10時31分22秒
PDFやODF等のドキュメントファイルをWebサイトで表示させる為のスクリプト・「ViewerJS」 ViewerJS ViewerJSはPDFやスプレッドシート等をWebサイトに埋め込めるJavaScript製のドキュメントリーダーです。PDF.jsやWebODFを利用しているみたいですね。ライセンスはAGPLの元、OSSとして公開...2015.09.10 | 10時26分58秒