Resource - JavaScript

WebサイトでPhotoshopライクにガイドを引けるルーラーを利用出来る様にするブックマークレット・「RulersGuides.js」

RulersGuides.js RulersGuides.jsはWebサイトにPhotoshopのようにガイドを引けるルーラーを設置できるブックマークレットです。ショートカット等も用意されています。同じ操作感とは言えませんが、個人的に...

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

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

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

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

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

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

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

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

スマフォにも対応した、シンプルなWYSIWYGエディタを実装する・「Quink」

Quink QuinkはシンプルなWYSIWYGエディタを実装するスクリプトです。ツールバーは、ダブルクリック又はダブルタップでインライン表示されます。現状は、ツールバーもスマフォに対応、という訳では無いようですので導入する際は多少工...

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ライセンスの...

SVGで描いた地図をクリッカブルマップにする為のスクリプト・「twism」

twism twismはSVGで描いた地図をクリッカブルマップにする為のjQueryのスクリプトです。予め描かれたSVGマップを色付けしたり、マウスホバーによる色の変更等を容易に行えるようにする為のものみたいですね。応用すれば日本地図...

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

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

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

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

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

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

Bootstrap向けのスライド式カラーピッカーを実装するスクリプト・「Bootstrap Color Picker Sliders」

Bootstrap Color Picker Sliders Bootstrap Color Picker SlidersはBootstrap向けのカラーピッカーを実装するスクリプトです。スライダーでカラーを選定する仕様となっています...

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

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

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

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

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

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

音声による入力を可能にするライブラリ・「annyang」

annyang annyangは音声を認識し、声での入力を可能にする軽量スクリプトです。Web Speech APIを利用しています。Web Speech API で遊んでみたという記事の動作デモにあるようなコンテンツの作成に一役買っ...

iOS 7のルック&フィールを持ったモバイルWebアプリ向けUIフレームワーク・「ChocolateChip-UI」

ChocolateChip-UI ChocolateChip-UIはiOS 7のルック&フィールを持つモバイルWebアプリケーション向けUIフレームワークです。多数のコンポーネントが用意されています。本フレームワークは以前より開発が進...

モバイルフレンドリーなWebアプリの為のUIコンポーネント・「Brick」

Brick BrickはモバイルフレンドリーなWebアプリの為に作られたUIコンポーネント集です。mozillaから提供されているみたいですね。同じくmozilla提供のX-Tagが使われています。カレンダーやデイトピッカー、スライダ...

Bootstrap向けのシンプルなWYSIWYGエディター・「Summernote」

Summernote SummernoteはBootstrap向けのシンプルなWYSIWYGエディターです。jQueryを使って動かしているみたい。機能も非常にシンプルで使いやすいイメージです。ライセンスはMITとのこと。 Su...
Ads