Resource - JavaScript

Bootstrapでスプレッドシートを実装するスクリプト・「editableTableWidget」

editableTableWidget editableTableWidgetはBootstrapでスプレッドシートを実装する為のjQueryプラグインです。テーブルを編集可能にし、合計値を算出してくれます。覚えておいて損はなさそう。...

jQueryのカスタムビルドを作成出来るツール・「jQuery Builder」

jQuery Builder jQuery Builderはコアのカスタムビルドを作成する為のツールです。バージョンや圧縮の可否、追加するモジュールを選ぶ事が可能で、ファイルサイズも表示してくれます。また、本ツールはMITライセンスの...

JavaScriptやHTMLのコード整形と差分チェックが出来る・「Pretty Diff」

Pretty Diff Pretty Diffはコード整形や差分チェックが可能なWebツールです。コードはJavaScript、CSS、HTMLなどに対応しています。また、本ツールはGithubでもソースが公開されていますが、ライセン...
Ads

JSONデータからtableを作成するためのスクリプト・「DYNATABLE」

DYNATABLE DYNATABLEはJSONデータからtableを生成するjQueryプラグインです。目的はシンプルですが、仕様を見る限りでは結構高性能のようですね。同じようなスクリプトは既にありますが、JSONデータのテーブル化...

データを可視化する為のJavaScriptライブラリ・「JS Data Viz」

JS Data Viz JS Data Vizはデータをグラフ化したりツリーマップで階層を可視化したりヒートマップを作成、ガンチャートを作成する等、データを可視化するためのライブラリです。目的ごとにJSファイルが用意されています。出来...

「それやりたいならjQueryは要らないよ」を教えてくれる・「YOU MIGHT NOT NEED JQUERY」

YOU MIGHT NOT NEED JQUERY YOU MIGHT NOT NEED JQUERYはjQueryを使わずに出来る事をまとめたチートシートサイトです。FadeInやshow/hideさせるだけ、エレメントにclass...

ダイアグラムを生成出来るJSライブラリ・「JointJS」

JointJS JointJSはダイアグラムを生成出来るJavaScriptライブラリです。インタラクティブなダイアグラム作成ツールを構築する事が出来ます。基本的な操作は概ね出来るようですね。OSSとして公開されていおり、ライセンスは...

Zepto.jsで使える様々なモジュールから使用するものだけを選択して組み込める・「Zepto Builder」

Zepto Builder Zepto BuilderはZepto.jsのモジュールで使いたいものだけを選択して組み込めるツールです。用意されているモジュールはajax.jsやcallback.js、touch.jsなどなど16種のス...

Intel®開発のHTML5/CSS3/JavaScript向けIDE・「XDK」

XDK XDKはIntel®が開発したIDEです。HTML5やCSS3、JSなどを使ったWebアプリを構築する方をターゲットとして開発したそうです。Windows7、8、Mac、Linuxで動作するとの事。 XDK

AngularJSを使ったシンプルな請求書発行ツール・「Simple Invoicing」

Simple Invoicing Simple InvoicingはOSSとしても公開されているシンプルな請求書発行ツールです。AngularJSを使っているみたいですね。項目タイトルと個数、単価を編集すると合計金額が出るので、印刷ボ...

Ember.jsのコンポーネントを拡張するライブラリを配布する・「Addepar Open Source」

Addepar Open Source Addepar Open SourceはEmber.jsのコンポーネントを拡張するライブラリを配布するWebサイトです。現在の所、テーブル、ウィジェット、チャートの3種となっています。それぞれの...

ネットワークがオフラインになるとアラートを出してくれるスクリプト・「Offline.js」

Offline.js Offline.jsはネットワークがオフラインになると通知を表示してくれるスクリプトです。接続が切れると同時に、そのユーザーにアラートを表示します。これはとても親切ですね。Webアプリ等にも良さそうです。ドキュメ...

フルスクリーン、入れ子、RWD対応などをサポートしたスライドコンテンツを実装するスクリプト・「SLIDEME!」

SLIDEME! SLIDEME!はフルスクリーンや入れ子、レスポンシブWebデザインなどにも対応したスライドコンテンツを実装するスクリプト。スライド内にスライドを入れ子で実装したりも出来ます。スライドに拘ったスクリプトですね。ちょっ...

ダイナミックなグリッドレイアウトを実装するスクリプト・「Free Wall」

Free Wall Free Wallはダイナミックなグリッドレイアウトを実装するスクリプトです。jQuery又はZeptoに依存します。モニターの幅に合わせてレイアウトが可変、ネストされたボックスにも対応しています。オプションも豊富...

ChromeやFiredoxなどのデベロッパーツールのコンソールで使えるスニペットをまとめた・「DevTools Snippets」

DevTools Snippets DevTools Snippetsは、ChromeやFirefoxなどのデベロッパーツールのコンソールで使えるスニペットをまとめているプロジェクトサイト。画像をData URI schemeに変換し...

ChromeエクステンションのBoilerplatを作成出来る・「Extensionizr」

Extensionizr ExtensionizrはChromeのエクステンション向けの雛形を作成出来るオンラインツールです。HTML5の雛形を作成出来るInitializrの姉妹サイトみたいですね。利用法はほぼ同じで、様々な仕様を選...

OSSとしても公開されているJavaScriptベースのマージ/Diffツール・「Mergely」

Mergely MergelyはマージとDiffが可能なJSベースのWebアプリで、OSSとしても公開されています。HTML5とJavaScriptのみで構成されているみたいですね。対応言語はC、C + +、Java、HTML、XML...

Gistに書いたコードの管理が可能なソフトウェア・「Gisto」

Gisto GistoはGistのコードスニペットを管理するためのソフトウェアです。Gistoでコードを変更するだけで自動的にGist上のコードも更新されます。OSもWin、Mac、Linuxに対応しています。手軽に使えるのでスニペッ...

HTML5のパズルゲームエンジン・「Puzzle Script」

Puzzle Script Puzzle Scriptはタイルベースの​​パズルゲームを作るために設計されたHTML5のゲームエンジンです。専用のエディターでプレビュ-画面を見ながらコードを書けるみたい。なかなか面白そうです。 ...

CSS3のエフェクト付きモーダルウィンドウ・「jQuery Custombox 」

jQuery Custombox jQuery CustomboxはCSS3のエフェクト付きもモーダルウィンドウを実装するスクリプト。モーダルウィンドウの出現時、非表示時にエフェクトがかかります。用途は限られてしまいそうですが、かな...

ブックマークレットを作成 / 公開できる・「Bookmarkify.it」

Bookmarkify.it Bookmarkify.itはWeb上でブックマークレットを作成出来るWebツールです。作成と言っても、タイトルとJavaScriptの書き込み、別ファイルのjsをincludeさせるだけのシンプルなもの...

JSONデータをtableタグに変換する・「json.human.js」

json.human.js json.human.jsはJSONデータを人間がパッと見で分かりやすいようにtableタグにコンバートするスクリプトです。ネストされたデータにも対応しています。ライセンスはMIT。 json.hum...
Ads