Resource - JavaScript

スマフォ向けWebアプリの為のシンプルなコンポーネント集・「Ratchet」

Ratchet Ratchetはスマフォ向けWebアプリの為のシンプルなコンポーネント集です。Bootstrapと同じ開発元で公開されていました。スマフォ専用のBootstrapなのかもしれないですね。基本的なものは一通り揃っています...

jsfiddleライクにブラウザ上でJavaScriptの動作テストができるオープンソースのソフトウェア・「Codemagic」

Codemagic Codemagicはブラウザ上でJavaScriptの開発・動作テストを行えるツールです。jsfiddleと同じようなものですが、こちらはOSSとしてGithubにてソースが公開されています。ライセンスはMITとの...

OSSとして公開されている、正規表現の動作テストをブラウザ上で行えるツール・「RegExr」

RegExr RegExrはブラウザ上で正規表現のテストができるツールです。GithubにてOSSとしてもソースが公開されています。refiddleとほぼ同じ性能になりますが、RegExrの方が個人的には若干使いやすい印象でした。ライ...
Ads

単一ページで作るHTML5製Webアプリ向けのフレームワーク・「BladeRunnerJS」

BladeRunnerJS BladeRunnerJSは単一ページで構築するHTML5製のWebアプリ向けに作られたOSSの開発フレームワークです。大規模で複雑なWebアプリに対応できるのが強みみたいですね。ライセンスはGPLとな...

WebベースのiOS7アプリ向けHTMLフレームワーク・「Framework7」

Framework7 Framework7はWebベースのiOS7アプリ向けに開発されたHTMLフレームワークです。iOS7のようなフラットなデザインで各UIコンポーネントもiOS7を意識した作りとなっています。ライセンスはMITとの...

AngularJS対応のHTML5製モバイルWebアプリ向けのフレームワーク・「Ionic」

Ionic IonicはOSSとして公開されているAngularJS対応のHTML5なモバイルWebアプリ用フレームワークです。Sassベースで構築されています。jQueryに依存しないのは個人的に有りがたいです。ライセンスはMITと...

アイソメトリックを利用したピクセルアートをcanvasで描く為のライブラリ・「Obelisk.js」

Obelisk.js Obelisk.jsはアイソメトリック(等角投影法)を利用したピクセルアートをHTML5 canvasで描くためのライブラリです。上記のようにGifアニメーションの作成も可能です。アイデア次第では面白いコンテンツ...

jsFiddleのようにブラウザでJavaScriptを書いて動作を確認出来るOSS・「tmpltr」

tmpltr tmpltrはOSSで公開されているjsFiddleライクな開発ツールです。ブラウザ上でJavaScriptを開発、実行テストができます。完全なクローンではありませんが、JavaScriptとHTMLで作られている為、軽...

placeholderのテキストをアニメーション付きで表示/非表示にするスクリプト・「Placeholdem」

Placeholdem Placeholdemはplaceholder属性で設定したテキストを、フォーカス時にアニメーション付きで表示/非表示にするスクリプトです。非依存型で、単体で動作しますので使いやすそう。必ずしも必要なエフェクト...

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でもソースが公開されていますが、ライセン...

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デザインなどにも対応したスライドコンテンツを実装するスクリプト。スライド内にスライドを入れ子で実装したりも出来ます。スライドに拘ったスクリプトですね。ちょっ...
Ads