jsfiddleライクにブラウザ上でJavaScriptの動作テストができるオープンソースのソフトウェア・「Codemagic」 Codemagic Codemagicはブラウザ上でJavaScriptの開発・動作テストを行えるツールです。jsfiddleと同じようなものですが、こちらはOSSとしてGithubにてソースが公開されています。ライセンスはMITとの...2014.04.20 | 10時37分57秒
単一ページで作るHTML5製Webアプリ向けのフレームワーク・「BladeRunnerJS」 BladeRunnerJS BladeRunnerJSは単一ページで構築するHTML5製のWebアプリ向けに作られたOSSの開発フレームワークです。大規模で複雑なWebアプリに対応できるのが強みみたいですね。ライセンスはGPLとな...2014.04.04 | 10時20分04秒
AngularJS対応のHTML5製モバイルWebアプリ向けのフレームワーク・「Ionic」 Ionic IonicはOSSとして公開されているAngularJS対応のHTML5なモバイルWebアプリ用フレームワークです。Sassベースで構築されています。jQueryに依存しないのは個人的に有りがたいです。ライセンスはMITと...2014.03.30 | 10時26分14秒
アイソメトリックを利用したピクセルアートをcanvasで描く為のライブラリ・「Obelisk.js」 Obelisk.js Obelisk.jsはアイソメトリック(等角投影法)を利用したピクセルアートをHTML5 canvasで描くためのライブラリです。上記のようにGifアニメーションの作成も可能です。アイデア次第では面白いコンテンツ...2014.03.29 | 10時21分51秒
スマフォにも対応した、シンプルなWYSIWYGエディタを実装する・「Quink」 Quink QuinkはシンプルなWYSIWYGエディタを実装するスクリプトです。ツールバーは、ダブルクリック又はダブルタップでインライン表示されます。現状は、ツールバーもスマフォに対応、という訳では無いようですので導入する際は多少工...2014.03.13 | 10時30分34秒
jsFiddleのようにブラウザでJavaScriptを書いて動作を確認出来るOSS・「tmpltr」 tmpltr tmpltrはOSSで公開されているjsFiddleライクな開発ツールです。ブラウザ上でJavaScriptを開発、実行テストができます。完全なクローンではありませんが、JavaScriptとHTMLで作られている為、軽...2014.03.04 | 10時35分22秒
placeholderのテキストをアニメーション付きで表示/非表示にするスクリプト・「Placeholdem」 Placeholdem Placeholdemはplaceholder属性で設定したテキストを、フォーカス時にアニメーション付きで表示/非表示にするスクリプトです。非依存型で、単体で動作しますので使いやすそう。必ずしも必要なエフェクト...2014.02.26 | 10時20分31秒
Bootstrapでスプレッドシートを実装するスクリプト・「editableTableWidget」 editableTableWidget editableTableWidgetはBootstrapでスプレッドシートを実装する為のjQueryプラグインです。テーブルを編集可能にし、合計値を算出してくれます。覚えておいて損はなさそう。...2014.02.21 | 11時36分07秒
jQueryのカスタムビルドを作成出来るツール・「jQuery Builder」 jQuery Builder jQuery Builderはコアのカスタムビルドを作成する為のツールです。バージョンや圧縮の可否、追加するモジュールを選ぶ事が可能で、ファイルサイズも表示してくれます。また、本ツールはMITライセンスの...2014.02.19 | 9時44分17秒
SVGで描いた地図をクリッカブルマップにする為のスクリプト・「twism」 twism twismはSVGで描いた地図をクリッカブルマップにする為のjQueryのスクリプトです。予め描かれたSVGマップを色付けしたり、マウスホバーによる色の変更等を容易に行えるようにする為のものみたいですね。応用すれば日本地図...2014.02.15 | 10時21分36秒
JSONデータからtableを作成するためのスクリプト・「DYNATABLE」 DYNATABLE DYNATABLEはJSONデータからtableを生成するjQueryプラグインです。目的はシンプルですが、仕様を見る限りでは結構高性能のようですね。同じようなスクリプトは既にありますが、JSONデータのテーブル化...2014.02.09 | 10時43分13秒
データを可視化する為のJavaScriptライブラリ・「JS Data Viz」 JS Data Viz JS Data Vizはデータをグラフ化したりツリーマップで階層を可視化したりヒートマップを作成、ガンチャートを作成する等、データを可視化するためのライブラリです。目的ごとにJSファイルが用意されています。出来...2014.02.05 | 11時25分25秒
ダイアグラムを生成出来るJSライブラリ・「JointJS」 JointJS JointJSはダイアグラムを生成出来るJavaScriptライブラリです。インタラクティブなダイアグラム作成ツールを構築する事が出来ます。基本的な操作は概ね出来るようですね。OSSとして公開されていおり、ライセンスは...2014.01.27 | 11時54分24秒
Bootstrap向けのスライド式カラーピッカーを実装するスクリプト・「Bootstrap Color Picker Sliders」 Bootstrap Color Picker Sliders Bootstrap Color Picker SlidersはBootstrap向けのカラーピッカーを実装するスクリプトです。スライダーでカラーを選定する仕様となっています...2013.12.26 | 12時42分32秒
Ember.jsのコンポーネントを拡張するライブラリを配布する・「Addepar Open Source」 Addepar Open Source Addepar Open SourceはEmber.jsのコンポーネントを拡張するライブラリを配布するWebサイトです。現在の所、テーブル、ウィジェット、チャートの3種となっています。それぞれの...2013.11.24 | 10時25分36秒
CSS3のエフェクト付きモーダルウィンドウ・「jQuery Custombox 」 jQuery Custombox jQuery CustomboxはCSS3のエフェクト付きもモーダルウィンドウを実装するスクリプト。モーダルウィンドウの出現時、非表示時にエフェクトがかかります。用途は限られてしまいそうですが、かな...2013.10.05 | 11時11分45秒
JSONデータをtableタグに変換する・「json.human.js」 json.human.js json.human.jsはJSONデータを人間がパッと見で分かりやすいようにtableタグにコンバートするスクリプトです。ネストされたデータにも対応しています。ライセンスはMIT。 json.hum...2013.10.01 | 10時14分38秒
音声による入力を可能にするライブラリ・「annyang」 annyang annyangは音声を認識し、声での入力を可能にする軽量スクリプトです。Web Speech APIを利用しています。Web Speech API で遊んでみたという記事の動作デモにあるようなコンテンツの作成に一役買っ...2013.09.13 | 11時48分34秒
iOS 7のルック&フィールを持ったモバイルWebアプリ向けUIフレームワーク・「ChocolateChip-UI」 ChocolateChip-UI ChocolateChip-UIはiOS 7のルック&フィールを持つモバイルWebアプリケーション向けUIフレームワークです。多数のコンポーネントが用意されています。本フレームワークは以前より開発が進...2013.09.01 | 10時20分49秒
モバイルフレンドリーなWebアプリの為のUIコンポーネント・「Brick」 Brick BrickはモバイルフレンドリーなWebアプリの為に作られたUIコンポーネント集です。mozillaから提供されているみたいですね。同じくmozilla提供のX-Tagが使われています。カレンダーやデイトピッカー、スライダ...2013.08.20 | 10時30分23秒
Bootstrap向けのシンプルなWYSIWYGエディター・「Summernote」 Summernote SummernoteはBootstrap向けのシンプルなWYSIWYGエディターです。jQueryを使って動かしているみたい。機能も非常にシンプルで使いやすいイメージです。ライセンスはMITとのこと。 Su...2013.08.12 | 11時03分34秒
jQueryを使ってWin8のMetroライクなUIを実装・「Metro JS」 Metro JS Metro JSはWindows8のMetroライクなUIを実装するjQueryのスクリプトです。コンテンツのスライドやフリップエフェクトでMetroっぽいUIを構築することが出来ます。また、デザインのテーマジェネレ...2013.08.05 | 10時04分41秒