コンテンツを直接編集出来るシンプルなWYSIWYGエディタ・「ContentTools」
ContentTools ContentToolsは閲覧中のページをその場で直接編集出来るシンプルなWYSIWYGエディタ実装ライブラリです。上図のように左上にアイコンが表示されるのでそこから編集モードにスイッチ出来ます。ツール部分は...
Resource - MIT
画像に自動で透かしを付与するスクリプト・「Watermark」
Watermark Watermarkは画像に自動で透かしを付与するスクリプトです。jQueryに依存しています。透かしはHTML5とJSで処理され、任意の画像やテキストの選択及びそのスタイル、透かしを入れる場所の設定が可能です。わざ...
コードスニペットを登録、実行テスト可能なOSS・「glot」
glot glotはコードスニペットを登録してその場で実行テストも可能なオープンソースのソフトウェアです。pastebinのようなスニペット共有ツールを構築する事ができる、というもの。対応言語もそこそこ多く対応してあり、シンタックスハ...
指定した正規表現にマッチする文字列をランダムで返すスクリプト・「randexp.js」
randexp.js randexp.jsは書いた正規表現にマッチするキーワードをランダムで返してくれるスクリプトです。例えば(||3)日とすれば、1日から31日までがランダムで表示される、というもの。用途はともかくとして、ちょっと面...
シンプルなディスカッションフォーラムを構築出来るオープンソースのソフトウェア・「Flarum」
Flarum Flarumはシンプルなディスカッションフォーラムを構築出来るPHP製のソフトウェアです。OSSとしてソースコードが公開されています。インストールも手軽で、軽量且つ高速（mithril.jsが使われています）、スマフォ対...
ベン図やオイラー図を作成出来るライブラリ・「venn.js」
venn.js venn.jsはベン図・オイラー図を描くためのJavaScriptライブラリです（参照：ベン図・オイラー図）。D3.jsに依存しています。上図のように、複数の集合同士の関係や範囲を視覚的に図式化は勿論、各円とその共通部...
ブラウザで動くオープンソースの3Dグラフィックエディタ・「WebGLStudio.js」
WebGLStudio.js WebGLStudio.jsはオープンソースで公開されている、ブラウザで使える3Dグラフィックエディタです。動作も思ったより重くなく、サクサクと動いてくれる印象でした。適当に触っただけなのでアレですが。3...
ブラウザで動作するHTML5製の軽量パノラマ写真ビューア・「Pannellum」
Pannellum Pannellumはブラウザで動くパノラマビューアです。HTML5、JavaScript、CSS3、WebGL等を使って構築されています。Googleのストリートビューライクにマウスでぐりぐりと動かすことが出来ます...
HTMLエレメントに手軽にサウンドエフェクトを付与するスクリプト・「EasyAudioEffects.js」
EasyAudioEffects.js EasyAudioEffects.jsはHTML要素にサウンドエフェクトを付与する為のスクリプトです。jQueryに依存しています。設定も簡単で使いやすそうな印象でした。音を出す事自体はjQue...
CC0ライセンスの綺麗な写真をダミー画像として使えるOSS・「Unsplash It」
Unsplash It Unsplash Itは著作権放棄で綺麗な写真素材をダミー画像として使えるツールです。CC0の美しい写真を公開、配布しているUnsplashが手がけるダミー画像ツールで、のような簡単なURLのみでダミー画像を埋...
テキストをパースして自然言語を抽出するスクリプト・「Knwl.js」
Knwl.js Knwl.jsは任意のテキストを解析して自然言語を抽出する為のスクリプトです。テキストから日付や時間、場所、電話番号、メールアドレス等を取り出す事が出来る自然言語パーサーとして開発を進めているみたいです。また、まだ開発...
PCやスマフォ、タブレット等のモックアップ作成用ライブラリ・「DeviceMock.js」
DeviceMock.js DeviceMock.jsはモックアップ作成の為のスクリプトです。jQueryに依存しています。PCやスマフォ、タブレット等で閲覧した際のSSをユーザーに見せたい時に、みたいなやつ。わざわざJS使う必要無い...
flexboxを使ったシンプルでフレキシブルなCSSフレームワーク・「cssPlus」
cssPlus cssPlusはflexboxをベースにして構築されたフレキシブルでシンプルなCSSフレームワークです。各主要ブラウザにも対応しています。迅速で手軽な開発をサポートしたい、との事。ライセンスはMIT。 cssPl...
レスポンシブWedデザイン対応のスタイルガイドを作成出来るOSS・「Styleguide」
Styleguide StyleguideはWebサイトのスタイルガイドを作成出来るツール。OSSとして公開されています。RWDにも対応できるように、リサイズ機能も付与。動作デモを見たほうが早そうですね。ライセンスはMIT。 S...
ドキュメントをmarkdown記法でリアルタイム共同編集する為のOSS・「HackMD」
HackMD HackMDはmarkdownで書いたドキュメントを複数人で編集、リアルタイムプレビューが可能なツールです。オープンソースとしても公開されています。サインインはしてもしなくても使えるみたいですね。時間なくてあまり触ってま...
シンプルなタスク管理Webアプリを構築出来るOSS・「TaskBoard」
TaskBoard TaskBoardはサーバーインストール型のシンプルなPHP製タスク管理ツールです。オープンソースとして公開されています。アクセスしてタスクの追加、進行中のタスク、終了したタスクの一覧が表示される、というシンプルな...
Sinatraベースのダッシュボード用フレームワーク・「Dashing」
Dashing Dashingはオンラインショップサービスを手がけるShopifyが公開したダッシュボード構築の為のフレームワークです。Sinatraベースのようですね。パッと見である程度把握出来るレイアウトでなかなかよさ気。TVみた...
Markdown向けのレスポンシブWebデザイン対応UIフレームワーク・「Markdown UI」
Markdown UI Markdown UIはMarkdown記法で構築出来るRWD対応のUIフレームワークです。UIのスタイルはフレームワークらしく、極めてシンプルなものになっていますので自分好みにカスタマイズする形で使用する感じ...
SVGのpathをブラウザで編集出来るOSSのエディタ・「Paths」
Paths PathsはブラウザでSVGのpathを編集出来るエディタです。プレビューを確認しながら直感で編集、ダウンロードする事が出来ます。またツール自体がOSSとしてソースコードが公開されています。そこまで高い需要は無さそうですが...
textareaにオートコンプリート機能を加えるライブラリ・「jQuery.textcomplete」
jQuery.textcomplete jQuery.textcompleteはtextareaにオートコンプリート機能を加えるライブラリ。jQueryに依存しています。Githubで使えるような顔文字や@fooなどソーシャルサイトの...
JavaScript製の2D物理エンジン・「p2.js」
p2.js p2.jsはJS製の2D物理エンジンです。衝突検出や反発、摩擦、モーター動作、バネ動作などなどよくある一般的な物理エンジンですね。ゲーム開発等に如何でしょうか。ライセンスはMIT。 p2.js
React.jsベースのプレゼンテーションライブラリ・「Spectacle」
Spectacle SpectacleはReact.jsベースのプレゼンテーションライブラリです。よくあるWebスライドをReact.jsベースで作ろう、というもの。PDFへのエクスポートも出来るみたいです。使い方等の詳細はGithu...