シンプルでミニマル設計のReactライクな軽量UIライブラリ・「Riot.js」 Riot.js Riot.jsはミニマル設計でReactライクなUIライブラリです。Muutというコメントプラットフォームを提供する企業が開発、公開したライブラリで圧縮版で3.5KBと軽量ながらパワフルな機能を持っている印象でした。V...2015.06.19 | 9時45分56秒
手軽にグラフを作成し、PDFやPNG、SVG等でダウンロード出来る・「Really Easy Charts」 Really Easy Charts Really Easy Chartsはお手軽簡単にグラフを作成し、PDFやPNG、SVGなどのフォーマットでダウンロード出来るソフトウェアです。グラフのタイプ(線グラフ、棒グラフ、円グラフ)を選択...2015.06.18 | 9時04分38秒
Bootstrapの為のカード型UIフレームワーク・「Bootcards」 Bootcards BootcardsはBootstrapの為のカード型UIフレームワークです。カード型UIとは最近TwitterやGoogle等が提唱し始めたスタイル(?)です(参照:Twitterカード、Google Now カー...2015.06.16 | 9時37分01秒
任意の画像を元にしたグラデーションカラーをCSSで作成する・「Gradify」 Gradify Gradifyは任意の画像に沿ったグラデーションカラーを作成、CSSで提供してくれるOSSです。画像の中で印象的な色を取り出して、そのカラーコードを元にCSSグラデーションを作成出来る、というもののようですね。用途は僕...2015.06.15 | 9時51分36秒
イメージギャラリー等で使うようなグリッドレイアウトでアイテムの数に関係なく幅を揃えてくれるスクリプト・「Layout Balancer」 Layout Balancer Layout Balancerはイメージギャラリー等でよく使われているグリッドレイアウトで、アイテムの数に関係なく幅を揃えてくれるスクリプトです。jQueryに依存しています。語彙が乏しいのでうまく...2015.06.09 | 10時13分33秒
パフォーマンスデータ表示の為のダッシュボードシステム・「Tipboard」 Tipboard Tipboardはビジネスデータやパフォーマンスを表示する為のダッシュボードシステムです。PythonとJavaScriptで書かれており、OSSとしてソースコードが公開されています。初期スタイルも見やすそうで良いで...2015.06.08 | 10時01分28秒
ベーシックで使いやすそうなBootstrap向け管理画面テンプレート・「Gentallela」 Gentallela GentallelaはベーシックなBootstrap Adminテンプレートです。ゴチャゴチャしておらず、使いやすそうな印象でした。チャートやカレンダー、フォーム等だけでなく、請求書やデータグリッドなどのスタイル...2015.06.01 | 10時40分35秒
小規模チーム向けのオープンソースのチャットツール・「Let’s Chat」 Let's Chat Let's Chatは小規模チーム向けに開発されたオープンソースのチャットツールです。サーバーインストール型で動作にはMongoDBとNode.jsが必要となります。複数のチャットルーム作成、画像のenbed、コ...2015.05.31 | 10時03分13秒
ツリー構造のリストアイテムをドラッグでソート出来るスクリプト・「Jquery sortable lists」 Jquery sortable lists Jquery sortable listsはツリー構造のリストのアイテムをドラッグで自由にソートできるスクリプトです。アイテム単体に限らず、ネストされたリストごと任意の他リストへ移動する事が...2015.05.29 | 11時15分37秒
シンプルでクリーンなモバイルファーストのCSSフレームワーク・「Outline」 Outline OutlineはシンプルでクリーンなCSSフレームワークです。モバイルファースト設計のレスポンシブWebデザイン対応で、tableやタブ、ボタンなどの各UIコンポーネントもひと通り揃えられています。もちろんこれらもRW...2015.05.26 | 10時21分01秒
データの編集やソート、ページングにも対応した軽量なデータグリッドを実装するスクリプト・「jsGrid」 jsGrid jsGridはデータグリッドを実装する為の軽量スクリプトです。jQueryに依存しています。データテーブルのセル内のデータ編集やソート、ページングにも対応しています。スタイルコンポーネントのカスタマイズもし易いように設計...2015.05.25 | 10時42分50秒
ブラウザで動くオープンソースの正規表現テストツール・「RegExr」 RegExr RegExrはオープンソースの正規表現テストツールです。ブラウザ上で書いた正規表現が正しいかどうかを判断してくれる、というシンプルなもの。以前にご紹介したrefiddleと同じようなツールですが、refiddleのライセ...2015.05.24 | 10時57分22秒
データを可視化する為のグラフ描画JavaScriptライブラリをまとめた・「JSGraphs」 JSGraphs JSGraphsはデータ可視化の為のJSライブラリをまとめているWebサイトです。左カラムの各項目でライブラリをJquery依存のもの、無償利用可能なもの、SVGを使ったもの等に絞ることが可能です。SSにマウスホバー...2015.05.22 | 10時01分30秒
軽量なWYSIWYGエディタを実装する為のjQueryプラグイン・「Trumbowyg」 Trumbowyg TrumbowygはjQuery依存のWYSIWYGエディタです。軽量且つ高速な動作を目指したそうです。HTML5もサポートされており、カスタマイズ性にも優れているようですね。他言語化もされており、日本の有志が本プ...2015.05.20 | 10時25分13秒
画像にウォーターマークを付与出来るスクリプト・「watermark.js」 watermark.js watermark.jsは画像にウォーターマーク(透かし)を付与出来るスクリプトです。画像の上にCSS等でレイヤーを重ねるのではなく、指定した画像に直接任意の画像やテキストを透かしとして加え、データURIスキ...2015.05.16 | 10時47分28秒
オープンソースとして公開されているAndroidアプリを収集している・「fossdroid.com」 fossdroid.com fossdroid.comはOSSとしてソースコードが公開されているAndroidアプリを収集しているWebサイトです。しっかりカテゴリ分けもしてくれており、それぞれのアプリの公開先やライセンス等も書かれて...2015.05.12 | 11時02分26秒
モバイルファーストな軽量フロントエンドフレームワーク・「Wee」 Wee Weeは軽量でモバイルファーストなOSSのフロントエンドフレームワークです。軽量ではあるものの、その性能は非常に充実しており、フレームワークとしてしっかり機能してくれそうな印象でした。開発をサポートするJavaScriptツー...2015.05.11 | 11時34分53秒
書いたテキストに背景画像を適応させるスクリプト・「TextHoler.js」 TextHoler.js TextHoler.jsは書いたテキストに上記のように背景画像を適応させる為のスクリプトです。jQueryに依存しています。指定された要素にCSSを加えるだけのシンプルなものなので手軽でいいですね。とは言え、...2015.05.09 | 10時30分15秒
Ruby on Rails x Backbone.jsで構築されたEvernoteクローン・「Nevernote」 Nevernote NevernoteはRailsとBackbone.jsで作られたEvernoteクローンです。動作デモを触ってみましたが、UIはなかなかの再現度という印象でした。象のロゴを使うのはちょっとどうかなと思いますが・・w...2015.05.07 | 11時27分01秒
SASSのように使えるJavaScript・「Stylus」 Stylus StylusはSASSのように簡易的な記述でCSSを生成してくれるJavaScriptです。シンプルなコードでコンパイルしてくれるので取っ付き易い印象です。とはいえ、これだけLESSやSASSが普及している中で敢えて本ス...2015.05.05 | 11時05分59秒
Canvasベースのグラフを描けるjQueryスクリプト・「Flot」 Flot FlotはCanvasを使ったチャートを実装する為のライブラリです。jQueryに依存しています。上図のようなシンプルなグラフに限らず様々なビジュアルのグラフに対応することが可能です。グラフのリアルタイムアップデートにも対応...2015.05.02 | 10時56分36秒
RWD対応のシンプルなUIキット・「Poly」 Poly See the Pen Poly – A simple, modular UI kit built with Sass by Guil H (@Guilh) on CodePen. PolyはレスポンシブWebデザイン対応...2015.04.30 | 10時56分11秒